:root{--bg:#050807;--surface:#0c1311;--surface2:#111917;--line:#24322d;--gold:#d9a645;--gold2:#f0c86d;--text:#f4f1e8;--muted:#93a09a;--green:#36a868;--orange:#e68b2d;--red:#df534a}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.appShell{min-height:100vh;display:flex}.sidebar{background:#07100d;border-right:1px solid #1c2b25;flex-direction:column;width:224px;padding:18px 12px;display:flex;position:fixed;top:0;bottom:0}.brand{letter-spacing:.13em;align-items:center;gap:10px;padding:5px 8px 24px;display:flex}.brand span,.logoMark{color:#06100c;background:linear-gradient(135deg,#f0c86d,#9b6c19);place-items:center;font-weight:900;display:inline-grid}.brand span{border-radius:9px;width:34px;height:34px}.logoMark{border-radius:16px;width:58px;height:58px;font-size:30px}.sidebar nav{gap:4px;display:grid}.sidebar nav a{color:#a8b4af;border-radius:9px;padding:10px 11px;font-size:13px}.sidebar nav a:hover,.sidebar nav a.active{color:var(--gold2);background:#2c2515}.sideBottom{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding:12px 7px;display:flex}.sideBottom small{color:var(--muted);display:block}.avatar{background:#264338;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.avatar.big{width:76px;height:76px;font-size:22px}.main{flex:1;min-width:0;margin-left:224px}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#08110e;justify-content:space-between;align-items:center;height:62px;padding:0 24px;display:flex;position:sticky;top:0}.topbar>div:first-child{align-items:center;gap:14px;display:flex}.topbar small{color:var(--gold);letter-spacing:.1em}.context{border:1px solid var(--line);color:#cbd4cf;border-radius:8px;padding:9px 12px;font-size:12px}.content{max-width:1500px;margin:auto;padding:25px}.pageHead{justify-content:space-between;align-items:end;gap:18px;display:flex}.pageHead h1{margin:6px 0;font-size:30px}.pageHead p{color:var(--muted);margin:0}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:800}.primary{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#171108;border:0;border-radius:8px;padding:10px 14px;font-weight:800}.wide{width:100%}.meta{gap:8px;margin:12px 0 20px;display:flex;overflow:auto}.meta span,.pill{color:#c5cfca;white-space:nowrap;background:#101713;border:1px solid #35433d;border-radius:999px;padding:5px 8px;font-size:10px}.kpis{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.kpis.small{grid-template-columns:repeat(3,1fr)}.kpi{background:var(--surface2);border:1px solid var(--line);border-radius:12px;padding:16px}.kpi strong{color:var(--gold2);font-size:28px;display:block}.kpi.success strong{color:var(--green)}.kpi.warning strong{color:var(--orange)}.kpi span{color:var(--muted);font-size:11px}.cols{grid-template-columns:1.25fr 1fr;gap:14px;margin-bottom:14px;display:grid}.cols3{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#0c1311,#09100e);border-radius:14px;min-width:0;padding:16px}.panel h3{margin:0 0 14px}.progress{background:#25312c;border-radius:10px;height:5px;margin-top:6px;overflow:hidden}.progress i{background:linear-gradient(90deg,var(--green),var(--gold));height:100%;display:block}.project{border-bottom:1px solid #1c2924;grid-template-columns:1fr auto;gap:5px 10px;padding:10px 0;display:grid}.project small{color:var(--muted);display:block}.project strong{color:var(--gold)}.project .progress{grid-column:1/3}.activity{border-bottom:1px solid #1d2925;grid-template-columns:50px 1fr;gap:8px;padding:9px 0;display:grid}.activity span{color:var(--gold);font-size:10px}.alert{border:1px solid #63342e;border-radius:8px;padding:10px}.alert.danger{background:#361b18}.alert.warn{background:#31250e;border-color:#695027}.ring{border:11px solid #25342e;border-top-color:var(--green);border-radius:50%;place-items:center;width:105px;height:105px;margin:15px auto;font-size:22px;font-weight:900;display:grid}.ring small{color:var(--muted);font-size:9px;display:block}.photos{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.photos img{object-fit:cover;border-radius:8px;width:100%;height:80px}.task{border-bottom:1px solid #1d2925;grid-template-columns:5px 1fr auto 60px;align-items:center;gap:12px;padding:13px 0;display:grid}.task i,.hold i,.pre i,.reserve i{background:var(--gold);border-radius:5px;width:5px;height:35px}.task i.red,.hold i.red,.pre i.red,.reserve i.red{background:var(--red)}.pre i.green{background:var(--green)}.pre i.orange{background:var(--orange)}.task small,.person small,.doc small,.reserve small,.notif small{color:var(--muted);display:block}.check{border-bottom:1px solid #21302a;padding:10px 0;display:block}.check input{margin-right:10px}.qr{text-align:center}.qrBox{color:#e2e9e5;font-size:140px}.person{border-bottom:1px solid #1d2925;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:9px 0;display:grid}.person em{color:var(--green);font-size:11px;font-style:normal}.widePerson{grid-template-columns:38px 1fr auto auto}.toolbar{align-items:center;gap:9px;margin-bottom:14px;display:flex}.toolbar span{border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:11px}.toolbar input{flex:1}.gallery{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.gallery figure{border:1px solid var(--line);background:#101713;border-radius:11px;margin:0;overflow:hidden}.gallery img{object-fit:cover;width:100%;height:160px}.gallery figcaption{padding:8px;font-size:10px}.approval{grid-template-columns:100px 1fr auto auto;align-items:center;gap:12px;display:grid}.approval img{object-fit:cover;border-radius:8px;width:100px;height:74px}.approval button,.pre button,.hold button,.doc button,.reserve button,.projectCards button{color:#d4dcd8;background:#101713;border:1px solid #36443e;border-radius:7px;padding:8px}.calendarHead{justify-content:space-between;margin-bottom:15px;display:flex}.gantt{border:1px solid #21302a;grid-template-columns:130px 1fr;display:grid}.labels{border-right:1px solid #21302a;grid-template-rows:repeat(5,50px);display:grid}.labels b{border-bottom:1px solid #1b2924;padding:16px 10px;font-size:11px}.bars{background:repeating-linear-gradient(90deg,#0000 0 9.7%,#18251f 10%);grid-template-rows:repeat(5,50px);display:grid}.bars>div{border-bottom:1px solid #1b2924;position:relative}.bars span{color:#171108;background:linear-gradient(90deg,#87652b,#d9a645);border-radius:5px;height:27px;padding:6px;font-size:9px;position:absolute;top:12px}.hold,.pre,.reserve,.doc,.notif,.invoice{border-bottom:1px solid #1d2925;align-items:center;gap:12px;padding:11px 0;display:flex}.hold b,.pre>div,.reserve>div,.doc>div,.notif>div{flex:1}.readiness{background:#15120a;border:1px solid #4b3b1e;border-radius:15px;grid-template-columns:130px 1fr auto;align-items:center;gap:20px;margin-bottom:14px;padding:15px;display:grid}.heroImg{object-fit:cover;border-radius:10px;width:100%;height:220px}.panel label{color:var(--muted);gap:6px;margin:12px 0;font-size:11px;display:grid}.panel input,.panel select,.panel textarea,.toolbar input{color:var(--text);background:#08100d;border:1px solid #2d3a35;border-radius:8px;padding:10px}.panel textarea{min-height:100px}.docIcon{color:var(--gold);font-size:24px}.invoice{justify-content:space-between}.notif{grid-template-columns:32px 1fr auto;display:grid}.notifIcon{width:30px;height:30px;color:var(--gold);background:#273b32;border-radius:50%;place-items:center;display:grid}.profile{text-align:center;padding:35px}.settings>div{border-bottom:1px solid #20302a;justify-content:space-between;padding:14px;display:flex}.authPage{background:radial-gradient(circle at 50% 0,#20372c,#0000 42%),#050807;place-items:center;min-height:100vh;display:grid}.authCard{text-align:center;background:#09110f;border:1px solid #44361d;border-radius:22px;width:min(420px,92vw);padding:34px}.authCard label{text-align:left;color:var(--muted);gap:6px;margin:14px 0;font-size:12px;display:grid}.authCard input{color:#fff;background:#050908;border:1px solid #2c3a35;border-radius:9px;padding:12px}.authCard small{color:var(--muted);margin-top:18px;display:block}.projectCards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.projectCards article{border:1px solid var(--line);background:#0d1512;border-radius:14px;overflow:hidden}.projectCards img{object-fit:cover;width:100%;height:175px}.projectCards article>div{padding:14px}.projectCards button{margin-top:12px}dl{grid-template-columns:130px 1fr;gap:10px;display:grid}dt{color:var(--muted)}dd{margin:0}.groupHome{max-width:1400px;margin:auto;padding:28px}.groupHome h1{font-size:38px}.screenCards{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.screenCard{border:1px solid var(--line);background:#0d1512;border-radius:13px;min-height:145px;padding:16px}.screenCard:hover{border-color:var(--gold)}.screenCard small{color:var(--gold)}.screenCard p{color:var(--muted);font-size:11px}@media (max-width:1050px){.sidebar{display:none}.main{margin-left:0}.screenCards,.projectCards{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.content{padding:14px}.cols,.cols3,.kpis,.projectCards,.screenCards{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.topbar{padding:0 14px}.context{display:none}}.wsSwitch{border:1px solid var(--line);background:#0c1a15;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:16px;padding:4px;display:grid}.wsSwitch a{text-align:center;color:#a8b4af;border-radius:7px;padding:8px 6px;font-size:12px;font-weight:800}.wsSwitch a.wsActive{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#171108}.sectionTitle{margin:26px 0 12px;font-size:17px}.wsCards{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.wsCard{border:1px solid var(--line);background:#0d1512;border-radius:14px;padding:20px;display:block}.wsCard:hover{border-color:var(--gold)}.wsCard h3{margin:8px 0}.wsCard p{color:var(--muted);margin:0 0 14px;font-size:13px}.wsCta{color:var(--gold);font-size:13px;font-weight:800}.noticePanel b{color:var(--gold);margin-bottom:6px;display:block}.noticePanel p{color:var(--muted);max-width:760px;margin:0 0 12px;font-size:13px}.activityRow{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:11px 0;display:flex}.activityRow:last-child{border-bottom:0}.activityRow b{flex:1;font-size:13px;font-weight:600}.activityRow small{color:var(--muted);font-size:11px}.adminTable{border-collapse:collapse;width:100%;font-size:13px}.adminTable th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line);padding:0 10px 10px 0;font-size:11px}.adminTable td{border-bottom:1px solid var(--line);padding:11px 10px 11px 0}.adminTable tr:last-child td{border-bottom:0}.adminTable .meta{color:var(--muted)}@media (max-width:900px){.wsCards{grid-template-columns:1fr}.adminTable{font-size:12px}}.catalogOperations .toolbar{flex-wrap:wrap}.catalogOperations .toolbar label{gap:6px;font-size:12px;display:grid}.catalogOperations .toolbar select{max-width:100%;color:var(--text);border:1px solid var(--line);background:#08100d;border-radius:8px;padding:10px}.catalogOperations .catalogForm{gap:12px;display:grid}.catalogOperations .catalogForm label{gap:6px;display:grid}.catalogOperations .catalogForm input,.catalogOperations .catalogForm select,.catalogOperations .catalogForm textarea{border:1px solid var(--line);color:var(--text);background:#08100d;border-radius:8px;min-width:0;padding:10px}.catalogOperations .catalogForm input[type=checkbox]{width:auto}.catalogOperations .catalogSecondary{border:1px solid var(--line);color:var(--text);background:#101713;border-radius:7px;padding:8px 12px}.catalogOperations .catalogProjectLink{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.catalogOperations .kpi small{color:var(--muted);display:block}.catalogOperations .kpi strong{overflow-wrap:anywhere}.catalogOperations table{color:var(--text)}.catalogOperations{gap:16px;display:grid}.catalogOperations .pageHead{margin-bottom:4px}.catalogOperations .toolbar{max-width:100%;margin:0}.catalogOperations .toolbar label{min-width:0;max-width:100%}.catalogOperations .invoice b,.catalogOperations .invoice small{display:block}.catalogOperations .gantt{overflow:hidden}.catalogOperations .bars button{color:#171108;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(90deg,#87652b,#d9a645);border:0;border-radius:5px;height:27px;padding:6px;font-size:10px;position:absolute;top:12px;overflow:hidden}.catalogProjectCover{height:175px;color:var(--gold);background:linear-gradient(135deg,#19352a,#0d1512);place-items:center;font-size:64px;display:grid}.catalogOperations .doc{flex-wrap:wrap}.catalogOperations .doc>div{min-width:160px}.catalogOperations .projectCards{margin-bottom:14px}.catalogSections{border-bottom:1px solid var(--line);gap:8px;padding:12px 24px;display:flex;overflow-x:auto}.catalogSections a{white-space:nowrap;border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:8px 10px;font-size:12px}.catalogSections a:hover{color:var(--gold);border-color:var(--gold)}.catalogOperations .financeView{gap:18px;display:grid}.catalogOperations .financeCurrency{gap:10px;display:grid}.catalogOperations .financeKpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.catalogOperations .financeKpis .kpi{min-width:0;overflow:hidden}.catalogOperations .financeKpis .kpi strong{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(18px,2vw,30px);display:block;overflow:hidden}.catalogOperations .financeView table{border-collapse:collapse;width:100%}.catalogOperations .financeView th,.catalogOperations .financeView td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:11px 12px}.catalogOperations .financeView td b,.catalogOperations .financeView td small{display:block}.catalogOperations .financeView td small{color:var(--muted);margin-top:3px;font-size:11px}.catalogOperations .financeView h3{margin-bottom:4px}.catalogOperations .financeView>h3,.catalogOperations .financeCurrency>h3{color:#132147;font-family:Georgia,serif;font-size:20px}.catalogOperations .financeKpis{width:100%;grid-template-columns:repeat(6,minmax(0,1fr))!important;display:grid!important}.catalogOperations .financeKpis .kpi{background:#fff;border:1px solid #e1e8ef;border-radius:12px;box-shadow:0 4px 14px #1432280d;width:auto!important;min-width:0!important;padding:16px 14px!important}.catalogOperations .financeKpis .kpi span{color:#788894;white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.catalogOperations .financeKpis .kpi strong{letter-spacing:-.02em;color:#10234d;font-size:clamp(16px,1.55vw,28px)!important}.catalogOperations .financeKpis .kpi.success{border-top:3px solid #20875a}.catalogOperations .financeKpis .kpi.warning{border-top:3px solid #d9a43d}.catalogOperations .financeView>.panel{border-radius:14px;box-shadow:0 5px 18px #1432280d}.catalogOperations .financeView>.panel h3{color:#132147;font-size:18px}.catalogOperations .financeView>.panel:first-of-type{border-top:3px solid #1b8254}.catalogOperations .financeView .tableWrap{border:1px solid #e1e8ef;border-radius:10px;overflow:auto}.catalogOperations .financeView .tableWrap table{min-width:760px;font-size:12px}.catalogOperations .financeView .tableWrap th{color:#687a86;text-transform:uppercase;letter-spacing:.04em;background:#f5f8fa;font-size:11px}.catalogOperations .financeView .tableWrap td{color:#263957}@media (max-width:1200px){.catalogOperations .financeKpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (max-width:700px){.catalogOperations .financeKpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.catalogOperations .financeKpis .kpi strong{font-size:20px!important}.catalogOperations .financeView .cols{grid-template-columns:1fr}}
