:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#243b3a;background:#f4f6f6;--bg:#f4f6f6;--panel:#fff;--text:#243b3a;--muted:#768986;--border:#e3eae8;--teal:#286e61;--tint:#edf5f1;--nav:#153e3c;--shadow:0 12px 40px #163b3512}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:disabled{cursor:wait;opacity:.6}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9bbeaf;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:29px;letter-spacing:-.8px;margin-bottom:8px;font-weight:650}h2{font-size:17px;font-weight:650;letter-spacing:-.2px;margin-bottom:8px}h3{font-size:15px}p{line-height:1.65;color:var(--muted);font-size:13px}small{font-size:11px;color:var(--muted);display:block;line-height:1.6}strong{font-weight:600}.primary,.secondary{padding:11px 16px;border-radius:7px;font-size:12px;font-weight:600;min-height:40px;text-decoration:none;white-space:nowrap}.primary{background:var(--teal);color:#fff;box-shadow:0 3px 6px #153e3c10}.primary:hover{background:#225f53;text-decoration:none}.secondary{border:1px solid var(--border);color:var(--text);background:var(--panel);display:inline-flex;align-items:center;gap:8px}.secondary:hover{background:var(--tint);text-decoration:none}.text-button{color:var(--teal);background:transparent;font-size:12px;padding:7px 0;font-weight:600;display:inline-flex;gap:7px}.icon-button{width:34px;height:34px;background:transparent;border-radius:7px;color:var(--muted);padding:7px}.icon-button:hover{background:var(--tint);color:var(--teal)}.full{width:100%}.between{display:flex;justify-content:space-between;gap:12px;align-items:center}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;color:var(--muted);margin-bottom:8px}.badge{display:inline-flex;font-size:10px;padding:5px 9px;border-radius:5px;font-weight:600;color:#607672;background:#eff3f2;line-height:1.3;white-space:nowrap}.badge.high,.badge.urgent,.badge.overdue,.badge.rejected{background:#fff0e8;color:#bd6638}.badge.normal,.badge.open,.badge.active,.badge.submitted,.badge.approved{color:#28785e;background:#e9f4ed}.badge.pending,.badge.draft{background:#fff5df;color:#a8822c}.badge.closed,.badge.inactive{background:#eceff1;color:#728086}.inline{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);line-height:1.5}input[type=checkbox],input[type=radio]{accent-color:var(--teal);width:15px;height:15px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;text-align:left;min-width:0;font-size:12px}.field>span{font-weight:600;color:var(--text)}input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid var(--border);border-radius:6px;padding:11px 12px;background:var(--panel);color:var(--text);min-width:0;font-size:12px;max-width:100%}input:disabled,select:disabled,textarea:disabled{background:var(--bg);color:var(--muted)}textarea{resize:vertical}input[type=file]{font-size:11px;padding:10px}.required,.error{color:#c35d45!important}.prewrap{white-space:pre-wrap}.muted{color:var(--muted)}.divider{height:1px;background:var(--border);margin:20px 0}.brand{display:flex;align-items:center;gap:11px;letter-spacing:1px;font-size:15px;font-weight:700;line-height:1.3}.brand small{font-size:8px;font-weight:400;letter-spacing:1.5px;color:#92b2ad;margin-top:5px}.brand-mark{width:39px;height:42px;border-radius:9px;background:#ffffff15;display:flex;align-items:center;justify-content:center;color:#d5e5d7}.app{min-height:100vh;display:flex}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;background:var(--nav);color:#f0f6f2;padding:29px 18px 20px;display:flex;flex-direction:column;z-index:20}.sidebar .brand{padding:0 9px 33px}.sidebar-label{padding:0 12px 16px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.7px;color:#7daba3}.sidebar-label .badge{background:#ffffff0c;color:#a0c5bb;font-size:8px;letter-spacing:.5px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav button{justify-content:flex-start;background:transparent;color:#a8c3bd;padding:11px 13px;text-align:left;font-size:12px;border-radius:6px;gap:12px;position:relative}.sidebar nav button:hover{color:#fff;background:#ffffff09}.sidebar nav button.active{color:#f2f7f1;background:#ffffff13;box-shadow:inset 3px 0 #b9d2ab}.sidebar nav button.active svg{color:#d6e4c5}.sidebar nav i{width:5px;height:5px;border-radius:50%;background:#bbd9b3;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:30px}.block-card{display:flex;gap:11px;align-items:center;padding:17px 11px;margin-bottom:20px;border-top:1px solid #ffffff0e;border-bottom:1px solid #ffffff0e;font-size:12px;color:#b5cec8}.block-card small{color:#7fa79e;font-size:10px}.profile{display:flex;gap:10px;justify-content:flex-start;background:none;color:#e8f2ec;font-size:11px;line-height:1.4;padding:0 8px;text-align:left;width:100%}.profile div{flex:1}.profile small{font-size:9px;color:#8fafa5}.avatar{width:33px;height:33px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#e8ede1;color:#456657;font-size:10px;font-weight:700;letter-spacing:.2px}.avatar.small{width:31px;height:31px}.signout{color:#91b4a9;font-size:10px;gap:7px;background:none;padding:14px 11px 0}.workspace{margin-left:244px;width:calc(100% - 244px)}.topbar{height:72px;background:var(--panel);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 33px}.crumb{display:flex;align-items:center;gap:13px;font-size:11px;color:var(--muted)}.crumb strong{color:var(--text);font-weight:500}.top-actions{display:flex;gap:13px;align-items:center}.office-tag{font-size:10px;color:var(--muted);margin-right:15px;display:flex;gap:7px;align-items:center}.office-tag span{width:5px;height:5px;background:#8dae79;border-radius:50%}main{max-width:1550px;margin:auto;padding:30px 33px 20px}.page-heading{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:27px}.page-heading p{font-size:12px;margin:0}.heading-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.date-label{display:flex;gap:7px;font-size:10px;color:var(--muted);align-items:center;margin-right:8px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:22px}.stat{padding:20px;border:1px solid var(--border);border-radius:9px;background:var(--panel)}.stat .between>span{color:var(--muted);font-size:11px}.stat>strong{display:block;font-size:31px;font-weight:650;letter-spacing:-1px;margin:10px 0 7px}.stat-icon{width:34px;height:34px;border-radius:7px;display:flex;align-items:center;justify-content:center}.stat-icon.teal{color:#4d8980;background:#eaf5f2}.stat-icon.blue{color:#738eb0;background:#eef3f9}.stat-icon.orange{color:#c99d6a;background:#fcf4e8}.stat-icon.green{color:#819e62;background:#f0f5e8}.stat small{font-size:10px}.dashboard-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:21px;margin-bottom:22px}.dashboard-grid.wide-left{grid-template-columns:1.7fr 1fr}.panel{border:1px solid var(--border);border-radius:9px;background:var(--panel);padding:22px;min-width:0}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:20px}.panel-head h2{margin-bottom:4px}.panel-head p{font-size:10px;margin:0}.panel-head>svg{color:var(--muted)}.progress-area{display:flex;gap:35px;align-items:center;justify-content:center;margin:25px 0 22px}.donut{border-radius:50%;width:143px;height:143px;padding:11px;flex-shrink:0;transform:rotate(-90deg)}.donut>div{background:var(--panel);border-radius:50%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(90deg)}.donut strong{font-size:27px;font-weight:650}.donut small{font-size:9px}.progress-legend{min-width:120px;flex:1;max-width:185px}.progress-legend p{display:flex;align-items:center;gap:8px;font-size:10px;margin-bottom:14px;color:var(--muted)}.progress-legend strong{margin-left:auto;color:var(--text);font-size:12px}.progress-legend .divider{margin:15px 0}.dot{width:7px;height:7px;border-radius:2px;display:inline-block}.dot.teal{background:var(--teal)}.dot.pale{background:var(--border)}.bars{display:flex;flex-direction:column;gap:18px;padding:7px 0 14px}.bars .between{margin-bottom:7px;font-size:11px}.bars .between small{font-size:9px}.bar{height:6px;background:var(--border);border-radius:5px;overflow:hidden}.bar i{display:block;height:100%;background:var(--teal);border-radius:5px}.table-scroll,.sheet-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}th{font-size:9px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;color:var(--muted);padding:12px 10px;background:var(--bg);white-space:nowrap}td{padding:16px 10px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text)}tr:last-child td{border-bottom:0}td strong{display:block;font-size:11px;margin-bottom:3px}td small{font-size:9px}.clickable{cursor:pointer}.clickable:hover{background:var(--tint)}.mini-bar{display:block;width:70px;height:4px;background:var(--border);border-radius:3px;margin-bottom:5px}.mini-bar i{display:block;height:100%;background:var(--teal);border-radius:3px}.file-icon{width:39px;height:39px;background:var(--tint);color:#578279;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.circular-mini{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.circular-mini:last-of-type{border:0}.circular-mini strong{font-size:11px}.circular-mini a{font-size:10px}.activity{display:flex;gap:13px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.activity:last-child{border:0}.activity strong{font-size:11px;text-transform:capitalize}.activity small{font-size:10px}.activity time{font-size:9px;color:var(--muted);margin-left:auto}.activity-dot{width:7px;height:7px;background:#8bb09d;border-radius:50%;box-shadow:0 0 0 4px var(--tint)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:170px;text-align:center;padding:24px;color:var(--muted);grid-column:1/-1}.empty>svg{color:#9fb4ac;margin-bottom:14px}.empty h3{font-size:13px;font-weight:500;color:var(--text);margin-bottom:6px}.empty p{font-size:11px;max-width:300px;margin-bottom:12px}.main-footer{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:8px;padding:28px 0 8px}.search-row{display:flex;gap:10px;align-items:center;border:1px solid var(--border);background:var(--panel);padding:4px 13px;border-radius:7px;margin-bottom:20px;color:var(--muted)}.search-row input{border:0!important;outline:none;background:transparent!important;flex:1;padding:12px 0!important}.search-row span{font-size:10px;white-space:nowrap}.task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.task-grid h2{margin-top:20px;line-height:1.4}.task-grid p{min-height:20px}.task-card{display:flex;flex-direction:column}.task-card .eyebrow{font-size:8px;margin-top:23px;margin-bottom:6px;letter-spacing:1px}.task-card h2{margin-top:0}.task-card p{flex:1}.task-deadline{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:10px;margin:10px 0 17px}.task-card .bar{margin-bottom:8px}.card-actions{display:flex;gap:7px;margin-top:20px;align-items:center}.card-actions .secondary{margin-right:auto}.big-number{font-size:30px;display:block;margin-bottom:8px}.notification{display:flex;gap:14px;align-items:flex-start;padding:18px 12px;border-bottom:1px solid var(--border)}.notification svg{color:var(--muted)}.notification strong{font-size:12px}.notification p{margin:6px 0}.notification.unread{background:var(--tint)}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}.filters select{flex:1;min-width:130px}.filters label{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.filters input{width:145px}.loading{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--teal)}.loading svg{animation:pulse 1.5s infinite}.loading p{margin-top:16px}@keyframes pulse{50%{opacity:.4}}.toast{position:fixed;bottom:25px;right:25px;background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--teal);box-shadow:var(--shadow);border-radius:8px;padding:17px 20px;max-width:490px;display:flex;gap:10px;align-items:center;z-index:100;color:var(--text);font-size:12px}.toast.error{border-left-color:#c35d45}.toast button{color:var(--muted);background:none;margin-left:10px}.overlay{position:fixed;inset:0;background:#102e2b88;backdrop-filter:blur(3px);z-index:50;display:flex;align-items:center;justify-content:center;padding:25px}.modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;width:510px;max-width:100%;max-height:92vh;overflow:auto;box-shadow:var(--shadow)}.modal.wide{width:880px}.modal>header{position:sticky;top:0;background:var(--panel);display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--border);z-index:2}.modal>header h2{margin:0}.editor{padding:24px}.panel.editor{padding:22px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;border-top:1px solid var(--border);padding-top:18px;margin-top:23px;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.choices{display:flex;gap:14px;flex-wrap:wrap}.choices label{display:flex;gap:7px;align-items:center;font-size:12px;line-height:1.6}.builder-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:25px 0 17px}.builder-head h3{margin:0}.builder-field{border:1px solid var(--border);border-radius:8px;padding:18px;background:var(--bg);margin-bottom:17px}.builder-field>.between{margin-bottom:14px;font-size:12px}.preview,.instructions{background:var(--tint);border:1px solid var(--border);border-radius:7px;padding:15px;margin-bottom:18px}.instructions strong{font-size:11px}.instructions p{font-size:12px;margin:6px 0 0}.sheet-wrap{border:1px solid var(--border);border-radius:6px;margin:17px 0}.sheet th{font-size:10px}.sheet td{padding:7px}.sheet .field{min-width:145px;margin:0}.sheet .field>span{display:none}.sheet input,.sheet select{width:100%;border-radius:3px}.sheet tfoot{background:var(--tint);font-weight:600}.signature canvas{border:1px solid var(--border);border-radius:6px;background:#fff;width:100%;height:140px}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-story{background:var(--nav);color:#f1f5ed;padding:50px 65px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;width:450px;height:450px;border:1px solid #ffffff08;box-shadow:0 0 0 50px #ffffff03,0 0 0 100px #ffffff02;border-radius:50%;bottom:-270px;right:-130px;pointer-events:none}.login-story .eyebrow{color:#a2c0ac;font-size:10px;letter-spacing:2px}.login-story h1{font-size:48px;letter-spacing:-1.9px;font-weight:500;line-height:1.2;margin:23px 0}.login-story p{font-size:15px;color:#a9c4b7;max-width:360px}.login-story>small{font-size:10px;color:#8faf9f;letter-spacing:.3px}.login-points{display:flex;flex-direction:column;gap:18px;margin-top:40px}.login-points span{display:flex;gap:11px;align-items:center;color:#c2d6c7;font-size:12px}.login-points svg{width:17px}.login-form{display:flex;flex-direction:column;justify-content:center;padding:60px 14%;background:var(--panel)}.login-form>.badge{align-self:flex-start;letter-spacing:1px;font-size:8px;background:var(--tint);color:var(--teal)}.login-form h2{font-size:27px;letter-spacing:-.8px;margin-top:24px;margin-bottom:8px}.login-form>p{font-size:12px;margin-bottom:30px}.login-form form>.primary{margin-top:25px}.login-form form>.between{margin:5px 0}.login-form footer{border-top:1px solid var(--border);padding-top:25px;margin-top:36px;display:flex;gap:8px;align-items:center;font-size:9px;color:var(--muted)}.mobile,.mobile-brand{display:none}[data-theme=dark]{--bg:#142422;--panel:#1b2e2b;--text:#d5e3de;--muted:#89a39a;--border:#2c423c;--teal:#71a992;--tint:#213d32;--nav:#102321;background:var(--bg);color:var(--text)}[data-theme=dark] .badge{background:#31473e;color:#b9d6c7}[data-theme=dark] .primary{color:#10251a}[data-theme=dark] .stat-icon{background:#283d34}@media (max-width:1200px){.sidebar{width:215px;padding-left:13px;padding-right:13px}.workspace{margin-left:215px;width:calc(100% - 215px)}main{padding:25px 23px}.topbar{padding:0 23px}.stat{padding:16px}.task-grid{grid-template-columns:repeat(2,1fr)}.progress-area{gap:20px}.page-heading>.heading-actions .date-label{display:none}.dashboard-grid.wide-left{grid-template-columns:1.4fr 1fr}}@media (max-width:950px){.dashboard-grid,.dashboard-grid.wide-left{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.task-grid{grid-template-columns:1fr}.login-story{padding:40px}.login-story h1{font-size:37px}.login-form{padding:50px 10%}}@media (max-width:700px){.sidebar{transform:translate(-100%);transition:transform .2s;width:244px}.sidebar.open{transform:translate(0)}.workspace{margin-left:0;width:100%}.scrim{position:fixed;inset:0;background:#0006;z-index:19}.mobile{display:flex}.topbar{padding:0 16px;height:62px}.crumb{gap:6px;margin-right:auto;font-size:10px}.top-actions{gap:7px}.office-tag{display:none}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:24px}.page-heading p{font-size:11px}.page-heading .primary{font-size:10px;padding:9px 11px;min-height:34px}.page-heading .eyebrow{font-size:7px}.page-heading .heading-actions{flex-shrink:0;margin-top:15px}main{padding:22px 15px}.stats{gap:11px}.stat{padding:15px}.stat>strong{font-size:28px}.stat .between>span{font-size:10px}.stat small{font-size:9px}.stat-icon{width:29px;height:29px}.panel{padding:17px}.panel-head .heading-actions{justify-content:flex-end}.donut{width:135px;height:135px}.form-grid{grid-template-columns:1fr}.overlay{padding:12px}.modal{max-height:95vh}.modal>header{padding:15px 18px}.editor{padding:18px}.builder-head{align-items:flex-start}.builder-head .heading-actions{max-width:180px;justify-content:flex-end}.builder-head select{width:180px}.toast{left:15px;right:15px;bottom:15px;max-width:none}.main-footer{flex-direction:column;font-size:8px}.login{display:block}.login-story{display:none}.login-form{min-height:100vh;padding:45px 25px;max-width:470px;margin:auto}.mobile-brand{display:block;font-weight:700;color:var(--teal);letter-spacing:2px;margin-bottom:60px;font-size:13px}.filters select{min-width:115px}.filters input{width:130px}.reports .panel-head{flex-direction:column;gap:13px}.notification{padding:15px 5px}.task-grid{gap:14px}}@media print{.sidebar,.topbar,.page-heading,.search-row,.filters,.heading-actions,.main-footer,.toast,.overlay,button{display:none!important}.workspace{margin:0;width:100%}main{padding:0;max-width:none}.panel{border:0;padding:0}.table-scroll{overflow:visible}.badge{color:#222;background:transparent}.reports td{font-size:9px}.reports th{font-size:8px}}.global-search{position:relative;display:flex;align-items:center;gap:8px;color:var(--muted);margin:auto 25px;max-width:300px;flex:1}.global-search input{width:100%;padding:8px 10px!important;font-size:10px!important;border:0!important;background:var(--bg)!important}.global-results{position:absolute;top:40px;left:0;right:0;min-width:280px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;z-index:25;padding:6px}.global-results button{background:none;color:var(--text);display:block;text-align:left;width:100%;padding:11px;border-radius:5px}.global-results button:hover{background:var(--tint)}.global-results strong{font-size:11px}.global-results small{font-size:9px}.global-results p{font-size:11px;padding:12px;margin:0}@media (max-width:950px){.global-search{margin:0 10px}.office-tag,.crumb{display:none}}@media (max-width:700px){.global-search{max-width:none}.global-search input{font-size:9px!important}.global-results{min-width:240px}}@media print{.global-search{display:none}}.sidebar{overflow-y:auto}.sidebar nav,.sidebar-bottom,.sidebar .brand,.sidebar-label{flex-shrink:0}.logout-button{border:1px solid var(--border);border-radius:7px;background:var(--panel);color:var(--text);padding:8px 11px;font-size:11px;font-weight:600;white-space:nowrap;min-height:35px;flex-shrink:0}.logout-button:hover{background:var(--tint);color:var(--teal)}@media (max-width:700px){.top-actions{gap:3px}.top-actions>.avatar{display:none}.logout-button{padding:7px;font-size:10px;gap:5px}.global-search{margin:0 6px}.topbar{padding:0 10px}}@media print{.logout-button{display:none}}