:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#f4f6f8;color:#14202b}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{background:#101820;color:#fff;padding:26px 18px;display:flex;flex-direction:column;gap:8px}.brand{font-size:24px;font-weight:900;letter-spacing:2px}.caption{font-size:11px;color:#82909d;margin-bottom:24px;letter-spacing:1.2px}.nav{border:0;background:transparent;color:#aeb9c3;text-align:left;padding:13px 14px;border-radius:8px;font-weight:700;cursor:pointer}.nav:hover,.nav.active{background:#1d2a35;color:#fff}.spacer{flex:1}main{padding:30px;overflow:auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}header h1{margin:0;font-size:28px}header p{margin:5px 0 0;color:#6d7882}.pill{background:#e8edf1;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800}.kpis{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:15px;margin-bottom:20px}.kpi{background:#fff;border:1px solid #e1e6ea;border-radius:12px;padding:18px;box-shadow:0 6px 18px #00000008}.kpi span{display:block;font-size:11px;color:#71808c;font-weight:800}.kpi strong{display:block;font-size:30px;margin-top:7px}.panel{background:#fff;border:1px solid #e1e6ea;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 6px 18px #00000008}.panel h2{margin-top:0}.panelHead{display:flex;justify-content:space-between;align-items:center}.liveDot{font-size:12px;font-weight:900;color:#16814b}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid #edf0f2;font-size:14px}th{font-size:11px;color:#697782}.working,.status{display:inline-block;background:#e7f6ee;color:#147043;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:900}.gridForm{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px}.gridForm input{padding:12px;border:1px solid #d8dee3;border-radius:8px}.primary{border:0;background:#14202b;color:#fff;padding:12px 16px;border-radius:8px;font-weight:900;cursor:pointer}.note{background:#eef6ff;padding:10px;border-radius:8px}.projectGrid{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:16px}.projectCard{background:#fff;border:1px solid #e1e6ea;border-radius:12px;padding:20px}.projectCard h3{margin:8px 0}.projectNo{font-size:11px;font-weight:900;color:#72808b}.qrActions{display:flex;gap:10px;margin-top:16px}.qrActions a{font-weight:800;color:#14202b}.loginPage{min-height:100vh;display:grid;place-items:center;background:#101820}.loginCard{width:min(420px,92vw);background:#fff;padding:34px;border-radius:14px}.loginCard .brand{color:#14202b}.loginCard h1{margin-bottom:4px}.loginCard p{color:#6c7781}.loginCard label{display:block;font-size:12px;font-weight:800;margin:16px 0}.loginCard input{width:100%;margin-top:6px;padding:12px;border:1px solid #d8dee3;border-radius:8px}.loginCard .primary{width:100%}.error{background:#fdecec;color:#9d2525;padding:12px;border-radius:8px;margin-bottom:15px}@media(max-width:1000px){.kpis{grid-template-columns:repeat(2,1fr)}.projectGrid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.shell{grid-template-columns:1fr}aside{position:static;flex-direction:row;overflow:auto;align-items:center}.caption,.spacer{display:none}.brand{margin-right:15px}.nav{white-space:nowrap}main{padding:16px}.gridForm,.projectGrid{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr}}.invitePanel{display:grid;grid-template-columns:1fr 230px;gap:24px;align-items:center}.qrBox{background:#f7f9fa;padding:18px;border-radius:12px;text-align:center}.mono{font-family:monospace;background:#f2f4f6;padding:10px;border-radius:8px;display:inline-block}.headerActions{display:flex;align-items:center;gap:10px}.languageSelect{min-width:130px;height:38px;padding:0 12px;border:1px solid #d8dee3;border-radius:8px;background:#fff;color:#14202b;font-weight:700;cursor:pointer;outline:none}.languageSelect:focus{border-color:#14202b}.loginPage{position:relative;overflow:hidden}.loginPage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='900'%20height='600'%20viewBox='0%200%20900%20600'%20fill='none'%20stroke='%239EB0BF'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3c!--%20QR%20--%3e%3cg%20transform='translate(70%2070)'%3e%3crect%20x='0'%20y='0'%20width='90'%20height='90'%20rx='6'/%3e%3crect%20x='12'%20y='12'%20width='24'%20height='24'/%3e%3crect%20x='54'%20y='12'%20width='24'%20height='24'/%3e%3crect%20x='12'%20y='54'%20width='24'%20height='24'/%3e%3cpath%20d='M54%2054h12v12H54zM72%2054h6v24H66M48%2072h12'/%3e%3c/g%3e%3c!--%20Clock%20--%3e%3cg%20transform='translate(360%2070)'%3e%3ccircle%20cx='55'%20cy='55'%20r='48'/%3e%3cpath%20d='M55%2028v30l22%2014'/%3e%3c/g%3e%3c!--%20Folder%20--%3e%3cg%20transform='translate(680%2080)'%3e%3cpath%20d='M0%2028h42l14%2016h80v76H0z'/%3e%3cpath%20d='M0%2044h136'/%3e%3c/g%3e%3c!--%20Calculator%20--%3e%3cg%20transform='translate(95%20365)'%3e%3crect%20x='0'%20y='0'%20width='100'%20height='130'%20rx='10'/%3e%3crect%20x='15'%20y='16'%20width='70'%20height='25'%20rx='4'/%3e%3cpath%20d='M20%2062h10M45%2062h10M70%2062h10M20%2084h10M45%2084h10M70%2084h10M20%20106h10M45%20106h10M70%20106h10'/%3e%3c/g%3e%3c!--%20Document%20--%3e%3cg%20transform='translate(335%20355)'%3e%3cpath%20d='M10%200h78l32%2032v110H10z'/%3e%3cpath%20d='M88%200v32h32M30%2062h65M30%2084h65M30%20106h45'/%3e%3c/g%3e%3c!--%20Chart%20--%3e%3cg%20transform='translate(630%20365)'%3e%3cpath%20d='M0%20130V10M0%20130h150'/%3e%3cpath%20d='M18%20100l35-30%2030%2018%2045-55'/%3e%3ccircle%20cx='18'%20cy='100'%20r='5'/%3e%3ccircle%20cx='53'%20cy='70'%20r='5'/%3e%3ccircle%20cx='83'%20cy='88'%20r='5'/%3e%3ccircle%20cx='128'%20cy='33'%20r='5'/%3e%3c/g%3e%3c!--%20Pen%20--%3e%3cg%20transform='translate(760%20270)%20rotate(-35)'%3e%3cpath%20d='M0%2018L95%2018'/%3e%3cpath%20d='M95%2018l24-12%2010%2012-24%2012z'/%3e%3cpath%20d='M0%2018l16-9v18z'/%3e%3c/g%3e%3c/svg%3e");background-repeat:repeat;background-size:900px 600px;opacity:.075;pointer-events:none}.loginPage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.025),transparent 38%),linear-gradient(135deg,rgba(255,255,255,.018),transparent 45%);pointer-events:none}.loginCard{position:relative;z-index:2;box-shadow:0 24px 70px #00000047}
/* SiteClock LIVE: borderless compact action buttons */
button:not(.primary):not(.nav){
  border:0;
  box-shadow:none;
  background:transparent;
  cursor:pointer;
}
button:not(.primary):not(.nav):hover{
  text-decoration:underline;
}
button:not(.primary):not(.nav):focus-visible{
  outline:2px solid currentColor;
  outline-offset:2px;
}

/* SiteClock LIVE: subtle right-leaning UI typography */
body,.nav,.brand,.caption,header h1,header p,.pill,.kpi,.panel,.projectCard,th,td,button,label,.note,.projectNo,.liveDot,.working,.status,.qrActions a{font-style:italic}input,textarea,select,option,.mono{font-style:normal}

/* SiteClock LIVE: branded sidebar logo */
.brand{font-size:0;letter-spacing:0;width:100%;height:94px;margin:0 0 2px;background:url("/assets/siteclock-logo.png") center/contain no-repeat}.caption{display:none}@media(max-width:760px){.brand{flex:0 0 150px;width:150px;height:58px;margin-right:15px}}

/* SiteClock LIVE: HELP guide */
.helpGuide{max-width:1100px}.helpIntro{font-size:16px;margin:0 0 16px}.helpSection{border-top:1px solid #dce3e7;padding:0}.helpSection:last-child{border-bottom:1px solid #dce3e7}.helpSection summary{cursor:pointer;font-weight:800;font-size:16px;padding:16px 4px;list-style:none}.helpSection summary::-webkit-details-marker{display:none}.helpSection summary:after{content:"+";float:right;color:#10cbd0;font-size:22px;line-height:16px}.helpSection[open] summary:after{content:"−"}.helpSection p{margin:0;padding:0 28px 18px 4px;line-height:1.65;white-space:pre-line}