:root{--ink:#172e34;--muted:#708084;--line:#e5eaeb;--bg:#f5f7f8;--green:#127a59;--green-light:#e8f5ee;--nav:#142b31;--orange:#c07715;--red:#ca534b;--radius:13px;font-family:Inter,'Segoe UI',Arial,sans-serif;color:var(--ink);font-size:16px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #51b996;outline-offset:3px}a{color:var(--green);text-decoration:none}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:1.8rem;line-height:1.3;letter-spacing:-.8px;font-weight:650}h2{font-size:1.08rem;font-weight:650;letter-spacing:-.2px}h3{font-size:1rem;font-weight:600}small,.small{font-size:.8rem}.muted{color:var(--muted)}.mono{font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.hidden{display:none!important}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:16px}.brand-symbol{display:grid;place-items:center;color:#83ecc1;background:var(--nav);width:42px;height:42px;border-radius:12px;font-size:1.5rem;font-weight:700}.shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--nav);color:#a7bec2;position:fixed;inset:0 auto 0 0;width:236px;display:flex;flex-direction:column;padding:30px 18px 18px;z-index:20}.brand{display:flex;align-items:center;gap:11px;color:white;padding:0 13px 31px;font-size:1.45rem;font-weight:650;letter-spacing:-.7px}.brand svg{color:#87e7bf}.workspace{border:1px solid #385058;background:#203940;border-radius:9px;padding:13px 12px;margin:0 8px 27px;display:flex;gap:10px;align-items:center}.workspace strong{font-size:.86rem;color:#e5eeee;display:block;font-weight:500}.workspace small{display:block;font-size:.75rem;margin-top:4px}.workspace-icon{background:#38535a;border-radius:7px;padding:7px;color:#c1d7db}.nav-title{text-transform:uppercase;font-size:.75rem;letter-spacing:1.4px;color:#739097;padding:0 16px;margin:0 0 10px}.nav-items{display:grid;gap:5px}.nav-btn{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:8px;color:#abc0c4;background:none;text-align:left;padding:13px 15px;font-size:.89rem}.nav-btn:hover{background:#263f45;color:#fff}.nav-btn.active{background:#2a4b47;color:#a4f1cb}.nav-count{margin-left:auto;border-radius:5px;background:#385651;padding:2px 6px;font-size:.75rem}.nav-separator{height:1px;background:#31484e;margin:23px 14px}.sidebar-bottom{margin-top:auto;padding:30px 10px 0}.help-box{background:linear-gradient(120deg,#28474c,#254039);border:1px solid #3a5758;padding:15px;border-radius:10px;margin-bottom:22px}.help-box p{font-size:.8rem;line-height:1.55;margin-top:8px;color:#bdd0d2}.help-box strong{font-size:.84rem;color:#e6f3ed}.user{display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#dac7ad;color:#435354;font-size:.75rem;font-weight:650}.user strong{font-size:.82rem;color:#e5eff1;font-weight:500}.user small{display:block;font-size:.75rem;margin-top:3px}.logout{color:#96b4b9;border:0;background:none;padding:5px;margin-left:auto}.main{grid-column:2;min-width:0}.topbar{height:78px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:16px}.breadcrumb{display:flex;gap:11px;align-items:center;font-size:.84rem;color:#7c8b8e}.breadcrumb strong{font-weight:500;color:#3b5056}.topbar-right{display:flex;align-items:center;gap:18px}.live{color:#448368;font-size:.76rem;white-space:nowrap;display:flex;align-items:center;gap:7px}.live:before{content:'';width:6px;height:6px;border-radius:50%;background:#33a579;box-shadow:0 0 0 4px #edf8f2}.live.offline{color:#b56928}.live.offline:before{background:#c68434}.icon-button{border:1px solid var(--line);border-radius:8px;background:white;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:#698084;position:relative}.icon-button .notif-dot{position:absolute;right:7px;top:6px;background:#d7983e;border:2px solid white;width:8px;height:8px;border-radius:50%}.topbar-divider{height:25px;width:1px;background:var(--line)}.date-chip{font-size:.81rem;color:#63787b;display:flex;align-items:center;gap:8px}.mobile-menu{display:none}.content{max-width:1680px;margin:auto;padding:31px 34px 40px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:25px}.eyebrow{font-size:.7rem;color:#718382;letter-spacing:1.65px;font-weight:600;margin-bottom:8px;text-transform:uppercase}.page-head p{font-size:.88rem;color:var(--muted);margin-top:9px;line-height:1.6}.head-actions{display:flex;gap:10px;margin-top:7px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dfe6e7;border-radius:7px;padding:10px 13px;background:#fff;color:#3e565c;font-size:.84rem;font-weight:500;min-height:39px;white-space:nowrap}.button:hover{background:#f4f8f6;border-color:#b5c9c1}.button.primary{background:var(--green);border-color:var(--green);color:white;box-shadow:0 2px 3px #127a5910}.button.primary:hover{background:#086a4b}.button.danger{color:var(--red);border-color:#e6b9b5}.button.soft{background:var(--green-light);color:var(--green);border-color:transparent}.button.compact{min-height:31px;padding:6px 10px;font-size:.78rem}.text-button{display:inline-flex;gap:6px;align-items:center;background:none;border:0;color:var(--green);font-size:.8rem;font-weight:600;padding:5px 0}.filters{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.segmented{display:flex;gap:5px;align-items:center;border-bottom:1px solid var(--line);flex-wrap:wrap}.segmented button{font-size:.83rem;display:flex;gap:8px;align-items:center;background:none;border:0;color:var(--muted);padding:12px 12px 15px;position:relative}.segmented button:first-child{padding-left:0}.segmented button.selected{color:var(--green);font-weight:600}.segmented button.selected:after{content:'';height:2px;background:var(--green);position:absolute;bottom:-1px;left:0;right:0}.count-pill{font-size:.75rem;min-width:19px;background:#e9eeee;padding:2px 5px;border-radius:4px}.selected .count-pill{background:#dcefe5}.select-wrap{position:relative}.select-wrap select,select.control{appearance:auto;border:1px solid #dfe5e5;border-radius:7px;padding:10px 12px;color:#42595e;background:#fff;font-size:.82rem;max-width:250px;min-height:39px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.stat{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:19px 20px 16px;position:relative;overflow:hidden}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#728184;font-size:.81rem;gap:7px}.stat-icon{background:#f0f6f3;color:#689080;display:grid;place-items:center;width:32px;height:32px;border-radius:8px}.stat-icon.amber{color:#b58a49;background:#fff7e9}.stat-value{font-size:1.95rem;letter-spacing:-1px;margin:8px 0 10px;font-weight:650;font-variant-numeric:tabular-nums}.stat-value .unit{font-size:.87rem;letter-spacing:0;color:#95a09f;margin-left:6px;font-weight:400}.stat-foot{font-size:.75rem;color:#8b9798;display:flex;align-items:center;gap:6px}.stat-foot b{font-weight:500;color:#3b8a68}.stat-foot.warn b{color:#b58031}.two-col{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:22px;margin-bottom:24px}.card{border:1px solid var(--line);border-radius:var(--radius);background:white;min-width:0;overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 0;gap:12px}.card-subtitle{font-size:.76rem;color:#899695;margin-top:7px;line-height:1.5}.chart-legend{display:flex;gap:16px;font-size:.75rem;color:#869592;padding:18px 23px 0;align-items:center}.legend-line{width:16px;height:3px;background:#229b74;display:inline-block;vertical-align:middle;margin-right:6px;border-radius:3px}.legend-line.light{background:#b5c8bb}.chart{padding:5px 16px 0;width:100%;height:192px}.chart svg{display:block;width:100%;height:100%;overflow:visible}.chart text{font-family:inherit;fill:#8c9b9a;font-size:10px}.chart-summary{margin:0 22px;border-top:1px solid #edf0ee;padding:14px 0;display:flex;align-items:center;gap:9px;font-size:.75rem;color:#859592}.chart-summary span{color:#347d60;background:#eaf5ee;padding:4px 7px;border-radius:4px}.alert-count{display:inline-flex;align-items:center;gap:5px;background:#fff4e4;color:#b88130;border-radius:6px;padding:5px 7px;font-size:.7rem}.alert-list{padding:6px 22px 0}.alert-row{padding:15px 0;border-bottom:1px solid #eef1ef;display:flex;align-items:center;gap:12px}.material-icon{height:37px;width:37px;border-radius:9px;background:#f4f5f1;color:#929581;display:grid;place-items:center;flex-shrink:0}.material-icon.rose{background:#fff1ec;color:#c88e71}.material-icon.blue{background:#eff5f8;color:#819cac}.material-icon.green{background:#eef7ed;color:#97af81}.alert-info{min-width:0;flex:1}.alert-info strong{display:block;font-size:.8rem;font-weight:550}.alert-info small{display:block;font-size:.75rem;color:#909d9c;margin-top:5px}.alert-qty{text-align:right}.alert-qty strong{font-size:.83rem;font-weight:600;color:#ba7236;white-space:nowrap}.alert-qty small{font-size:.7rem;display:block;color:#a0aaa7;margin-top:5px}.alert-footer{margin:9px 22px 13px;display:flex;justify-content:center}.section-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 15px;gap:16px}.section-head p{font-size:.77rem;color:#879592;margin-top:6px}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:24px}.project-card{padding:20px}.project-top{display:flex;align-items:center;justify-content:space-between}.project-symbol{width:36px;height:36px;background:#ecf2ef;color:#649286;border-radius:9px;display:grid;place-items:center}.project-symbol.blue{background:#edf2f9;color:#819abb}.project-symbol.gold{background:#fbf4e6;color:#bca169}.tag{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;line-height:1.3;padding:5px 8px;border-radius:5px;white-space:nowrap;background:#eaf6ee;color:#419367;font-weight:500}.tag.amber{background:#fff5e5;color:#b88234}.tag.blue{background:#edf3fa;color:#6e8eb2}.tag.gray{background:#f0f3f4;color:#839299}.tag.red{background:#fceeea;color:#c66b54}.project-card h3{font-size:.94rem;margin-top:15px;margin-bottom:6px}.location{color:#91a09e;font-size:.75rem;display:flex;align-items:center;gap:5px}.project-numbers{display:flex;justify-content:space-between;margin:21px 0 14px}.project-numbers small{font-size:.7rem;color:#8b9997;display:block;margin-bottom:6px}.project-numbers strong{font-size:1rem;font-weight:600}.project-numbers span{color:#90a19b;font-size:.75rem;font-weight:400}.progress-label{font-size:.7rem;color:#8a9995;display:flex;justify-content:space-between;margin-bottom:7px}.progress-label b{font-weight:500;color:#57756a}.progress{height:5px;border-radius:9px;background:#eaf0ec;overflow:hidden}.progress i{height:100%;display:block;border-radius:9px;background:#4b9f7b}.progress i.blue{background:#89a6c7}.progress i.gold{background:#d2b268}.project-bottom{margin-top:16px;padding-top:14px;border-top:1px solid #eef1ee;display:flex;justify-content:space-between;align-items:center}.project-bottom .manager{font-size:.75rem;color:#85958f;display:flex;align-items:center;gap:6px}.mini-avatar{display:grid;place-items:center;background:#edf0e9;border-radius:50%;width:22px;height:22px;color:#879378;font-size:.75rem}.project-bottom button{font-size:.75rem}.table-card .card-head{padding-bottom:18px}.table-scroll{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap;font-size:.81rem}th{background:#f8faf9;border-top:1px solid #edf0ee;border-bottom:1px solid #edf0ee;color:#8b9995;font-size:.7rem;font-weight:500;padding:12px 20px}td{padding:15px 20px;border-bottom:1px solid #eef1ef;color:#5d726c}td strong{font-weight:550;color:#3d5950}.cell-sub{font-size:.75rem;color:#99a7a1;margin-top:5px}.table-card tr:last-child td{border-bottom:0}.table-card .card-foot{padding:14px 21px;border-top:1px solid #eef1ef;font-size:.75rem;color:#91a096;display:flex;justify-content:space-between;align-items:center}.table-actions{display:flex;gap:7px;align-items:center}.app-footer{font-size:.75rem;color:#a0aaa8;display:flex;justify-content:space-between;margin-top:25px}.toolbar{padding:17px 20px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.search{display:flex;align-items:center;gap:8px;border:1px solid #dfe6e2;border-radius:7px;padding:0 11px;color:#8a9a90;max-width:340px;flex:1;min-width:200px}.search input{border:0;background:none;outline:none;padding:10px 0;width:100%;font-size:.82rem;color:var(--ink)}.search input::placeholder{color:#96a49c}.numeric{text-align:right}.empty{padding:45px 24px;text-align:center;color:#85978d;font-size:.88rem;line-height:1.8}.notice{background:#edf5f1;border:1px solid #dce9e1;color:#4b7964;line-height:1.7;padding:13px 17px;font-size:.81rem;border-radius:8px;margin-bottom:20px}.notice.warning{background:#fffaee;color:#9d7537;border-color:#f4e7c7}.notice.error{background:#fff1ef;color:#b14a41;border-color:#f5d7d0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field.full{grid-column:1/-1}.field label{font-size:.82rem;color:#657c70;font-weight:500}.field input,.field select,.field textarea{border:1px solid #dbe4de;border-radius:7px;padding:11px 12px;background:white;color:#2f4b3c;min-width:0;width:100%;font-size:.9rem}.field textarea{resize:vertical;min-height:77px}.field small{color:#8b9a90;font-size:.75rem;line-height:1.5}.field input[readonly]{background:#f5f8f6;color:#8c9c92}.form-error{font-size:.83rem;color:#bd5649;background:#fff2ed;line-height:1.6;border-radius:7px;padding:11px 14px;margin-top:15px}.form-error:empty{display:none}dialog{border:1px solid #dbe6df;border-radius:16px;padding:0;width:min(650px,calc(100vw - 28px));max-height:90vh;color:var(--ink);box-shadow:0 25px 120px #122b3150}dialog.wide{width:min(920px,calc(100vw - 28px))}dialog::backdrop{background:#142b3166;backdrop-filter:blur(3px)}.modal-head{padding:23px 25px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px}.modal-head h2{font-size:1.2rem}.modal-body{padding:23px 25px;max-height:calc(90vh - 160px);overflow:auto}.modal-foot{padding:16px 25px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px;background:#f9fbfa}.modal-foot .total{margin-right:auto;align-self:center;font-size:.89rem}.line-item{display:grid;grid-template-columns:minmax(160px,1fr) 100px 120px 32px;gap:9px;margin-bottom:10px;align-items:end}.line-item .field label{font-size:.75rem}.line-item .field input,.line-item .field select{font-size:.82rem;padding:9px}.line-item .icon-button{margin-bottom:2px}.calc-box{display:flex;justify-content:space-between;gap:15px;background:#f1f6f2;border-radius:9px;padding:15px;margin-top:17px;font-size:.81rem;color:#688471}.calc-box strong{font-size:1.05rem;color:#38644a;display:block;margin-top:6px}.tabs-view{margin-bottom:20px}.login-screen{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh;background:#fff}.login-story{background:var(--nav);color:white;padding:48px 10%;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-story .brand{padding:0;margin-bottom:70px}.login-story h1{font-size:3.25rem;line-height:1.15;letter-spacing:-2px;max-width:540px}.login-story h1 em{font-style:normal;color:#9be5be}.login-story p{max-width:430px;color:#a2bcb8;line-height:1.9;margin:24px 0 34px;font-size:.95rem}.login-proof{display:flex;gap:32px;padding-top:30px;border-top:1px solid #385052}.login-proof strong{font-size:1.7rem;font-weight:500;color:#bdedcf;display:block}.login-proof span{display:block;color:#8faeaa;font-size:.8rem;margin-top:7px}.login-area{display:flex;align-items:center;justify-content:center;padding:40px}.login-form{width:100%;max-width:380px}.login-form h2{font-size:1.8rem;letter-spacing:-.6px}.login-form>p{font-size:.88rem;color:#8b9b92;margin:12px 0 29px;line-height:1.7}.login-form .field{margin-bottom:19px}.login-form .button{width:100%;margin-top:7px}.demo-note{border:1px dashed #c9dad0;border-radius:9px;padding:15px;margin-top:24px;font-size:.78rem;line-height:1.8;color:#7f9587;background:#f8fbf9}.demo-note strong{color:#567963}.demo-note code{font-family:inherit;color:#428063;background:#e9f2ec;padding:1px 5px;border-radius:4px}.login-bottom{font-size:.75rem;color:#a9b5ad;margin-top:26px}.print-document{color:#152d22;font-size:.95rem;line-height:1.7}.print-document .doc-header{display:flex;justify-content:space-between;border-bottom:3px solid #1b7152;padding-bottom:22px;margin-bottom:22px;gap:20px}.print-document h1{font-size:1.6rem}.print-document h3{margin-bottom:6px}.print-document .doc-meta{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px}.print-document table{font-size:.8rem;white-space:normal}.print-document td,.print-document th{padding:12px}.doc-signs{display:flex;justify-content:space-between;margin-top:40px}.doc-signs>div{min-width:140px;text-align:center}.doc-signs p{border-top:1px solid #aaa;margin-top:65px;padding-top:7px;font-size:.78rem}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);z-index:100;background:#193d2b;color:#eefbf2;box-shadow:0 5px 30px #102d3030;padding:13px 22px;border-radius:9px;font-size:.86rem;opacity:0;pointer-events:none;transition:.2s;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}.activity{padding:0 22px 15px}.activity-row{display:flex;gap:14px;padding:17px 0;border-bottom:1px solid var(--line);font-size:.82rem;line-height:1.7}.activity-row:last-child{border:0}.activity-time{min-width:75px;font-size:.75rem;color:#98a59d}.activity-row small{display:block;color:#91a097}.settings-grid{display:grid;gap:20px}.forecast-metrics{display:flex;gap:20px;flex-wrap:wrap;padding:20px 22px;border-bottom:1px solid var(--line)}.forecast-metrics>div{flex:1;min-width:150px}.forecast-metrics small{display:block;color:#8b9c91;font-size:.75rem}.forecast-metrics strong{display:block;font-size:1.5rem;line-height:1.6;font-weight:600}.small-input{border:1px solid #dbe5dd;border-radius:6px;padding:8px 10px;max-width:110px;color:#31563c;font-size:.82rem}
@media(min-width:1600px){.content{padding-top:40px}.chart{height:220px}.sidebar{width:250px}.shell{grid-template-columns:250px minmax(0,1fr)}.project-card{padding:23px}.stat{padding:24px}.topbar{height:85px}}
@media(max-width:1200px){.sidebar{width:211px;padding-left:12px;padding-right:12px}.shell{grid-template-columns:211px minmax(0,1fr)}.content{padding:25px 23px}.topbar{padding:0 23px}.stats{gap:12px}.stat{padding:15px}.stat-value{font-size:1.65rem}.two-col{grid-template-columns:1.35fr 1fr;gap:17px}.projects{gap:12px}.project-card{padding:16px}.card-head{padding-left:17px;padding-right:17px}.head-actions .button{font-size:.78rem}.help-box{display:none}}
@media(max-width:980px){.shell{grid-template-columns:185px minmax(0,1fr)}.sidebar{width:185px;padding:26px 10px 16px}.brand{font-size:1.25rem;padding-left:8px;gap:8px}.workspace{margin-left:0;margin-right:0}.nav-btn{font-size:.79rem;padding:12px 10px;gap:8px}.content{padding:24px 20px}.page-head{flex-wrap:wrap}.page-head h1{font-size:1.6rem}.head-actions{margin-top:0}.stats{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.projects{grid-template-columns:1fr}.project-card{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.project-top,.project-card h3,.project-card .location{grid-column:1}.project-numbers{grid-column:2;grid-row:1/4;margin:5px 0;align-self:center}.progress-label{grid-column:1/-1;margin-top:15px}.progress,.project-bottom{grid-column:1/-1}.date-chip{display:none}.filters{flex-wrap:wrap}.login-story{padding:40px}.login-story h1{font-size:2.6rem}}
@media(max-width:700px){.shell{display:block}.sidebar{transform:translateX(-100%);transition:transform .2s;width:250px;box-shadow:20px 0 80px #142b3140}.sidebar.open{transform:translateX(0)}.mobile-menu{display:inline-flex}.main{width:100%}.topbar{padding:0 17px;height:66px}.breadcrumb{font-size:.75rem;gap:7px}.topbar-right{gap:11px}.topbar-divider,.topbar-right .avatar{display:none}.live{font-size:.75rem}.content{padding:24px 16px}.head-actions{width:100%;justify-content:space-between}.head-actions .button{flex:1}.page-head p{font-size:.83rem}.stats{gap:10px}.stat{padding:14px 12px}.stat-top{font-size:.75rem}.stat-icon{width:26px;height:26px}.stat-value{font-size:1.5rem}.stat-foot{font-size:.75rem;gap:4px;flex-wrap:wrap}.segmented{gap:2px}.segmented button{font-size:.77rem;padding:10px 8px 13px}.select-wrap{width:100%}.select-wrap select{max-width:100%;width:100%}.card-head{padding:18px 16px 0}.card-head h2{font-size:1rem}.chart-legend{padding-left:17px}.chart{height:185px}.chart-summary{margin:0 16px;font-size:.75rem;line-height:1.6}.alert-list{padding-left:16px;padding-right:16px}.section-head h2{font-size:1rem}.app-footer{flex-direction:column;gap:10px;line-height:1.6}.form-grid{grid-template-columns:1fr}.field.full{grid-column:1}.line-item{grid-template-columns:minmax(120px,1fr) 75px 32px}.line-item .field:nth-child(3){grid-column:1/3}.line-item>.icon-button{grid-column:3;grid-row:1}.modal-head{padding:20px}.modal-body{padding:19px}.modal-foot{padding:14px 19px;flex-wrap:wrap}.modal-foot .total{width:100%;margin-bottom:3px}.login-screen{grid-template-columns:1fr}.login-story{padding:29px}.login-story .brand{margin-bottom:27px}.login-story h1{font-size:2rem;letter-spacing:-.8px}.login-story p,.login-proof{display:none}.login-area{padding:30px 25px}.login-form h2{font-size:1.5rem}.toolbar{padding:15px}.search{max-width:none}.doc-header,.doc-meta{display:block!important}.doc-header>div{margin-bottom:15px}.doc-signs>div{min-width:80px}.table-card .card-foot{gap:10px;flex-wrap:wrap}.calc-box{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:700px){.topbar{gap:8px}.breadcrumb{min-width:0}.breadcrumb strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb>.crumb-root,.breadcrumb>svg{display:none}.topbar-right{flex-shrink:0;gap:8px}.topbar-right button[data-action="password"]{display:none}.stats[style]{grid-template-columns:repeat(2,minmax(0,1fr))!important}.stat-value .unit{font-size:.75rem}.sidebar-close{display:inline-flex}}
@media(max-width:700px){.sidebar{visibility:hidden}.sidebar.open{visibility:visible}}
.permission-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:25px 0 17px}.permission-toolbar h3{font-size:1rem}.permission-toolbar p{font-size:.84rem;line-height:1.6;color:var(--muted);margin-top:6px}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.permission-group{border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin:0;min-width:0;background:#fcfdfc}.permission-group legend{font-size:.89rem;font-weight:650;padding:0 6px;color:#315b49}.permission-option{display:flex;gap:11px;align-items:flex-start;padding:8px 0;cursor:pointer}.permission-option input{width:17px;height:17px;margin:2px 0 0;accent-color:var(--green);flex-shrink:0}.permission-option strong{display:block;font-size:.875rem;font-weight:450;line-height:1.55}.permission-option small{font-size:.76rem;color:var(--muted);line-height:1.6;margin-top:3px;display:block}.permission-hint{font-size:.81rem;line-height:1.75;color:var(--muted);margin:18px 0 0}.access-person{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px}.access-person strong{font-size:1rem}.access-person p{font-size:.82rem;color:var(--muted);margin-top:5px}.access-person .tag{margin-left:auto}.permission-links{display:flex;flex-wrap:wrap;gap:12px;padding:0 22px 24px}
@media(max-width:700px){.permission-grid{grid-template-columns:1fr}.permission-toolbar{flex-wrap:wrap;gap:10px}.permission-option strong{font-size:.9rem}.access-person{flex-wrap:wrap}.access-person .tag{margin-left:0}}

/* Keep project settings and account controls reachable in short windows. */
.sidebar{height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain}
.sidebar>.brand,.sidebar>.workspace,.sidebar>.nav-title,.sidebar>.nav-separator,.sidebar>nav[aria-label="Pengaturan"],.sidebar>.sidebar-bottom{flex-shrink:0}
.sidebar>.nav-items{flex:1;min-height:84px;overflow-y:auto;align-content:start;overscroll-behavior:contain}
.sidebar-bottom{padding-top:16px}
.user-meta{min-width:0;flex:1}.user-meta strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-meta small{font-size:.68rem;line-height:1.4}
.user .avatar{flex-shrink:0}.logout{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.68rem;flex-shrink:0;padding:7px 2px}.logout:hover{color:white}
.sidebar-close{display:none;margin-left:auto;border:1px solid #3a5758;background:none;color:#d9ece6;border-radius:6px;width:32px;height:32px;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}
@media(max-height:800px){.sidebar{padding-top:18px}.sidebar>.workspace,.sidebar .help-box{display:none}.sidebar>.brand{padding-bottom:20px}.sidebar>.nav-separator{margin-top:12px;margin-bottom:12px}.sidebar-bottom{padding-top:12px}}
@media(max-width:700px){.sidebar-close{display:inline-flex}.mobile-menu{width:auto;min-width:36px;padding:0 9px;gap:6px;font-size:.76rem}.sidebar{max-width:calc(100vw - 42px)}.user-meta small{font-size:.72rem}}
@media(max-width:400px){.topbar-right .live{font-size:0;gap:0}.topbar-right .live:before{width:7px;height:7px}}

@media print{body{background:white}.shell,.login-screen,#toast{display:none!important}dialog{position:static;display:block!important;max-height:none!important;width:100%!important;border:0;box-shadow:none;margin:0;padding:0}dialog::backdrop{display:none}dialog .modal-head,dialog .modal-foot{display:none}dialog .modal-body{max-height:none;padding:0;overflow:visible}.no-print{display:none!important}.print-document{font-size:10pt}.print-document th,.print-document td{padding:9px}.print-document tr{break-inside:avoid}@page{size:A4;margin:18mm}}