:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1d2e39;background:#f4f7f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #037d91;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:absolute;left:-9999px;top:2px;background:white;z-index:8}.skip:focus{left:4px}.topbar{height:72px;background:#102b38;display:flex;align-items:center;gap:18px;color:white;padding:0 26px;position:sticky;top:0;z-index:5;box-shadow:0 2px 12px #071d2630}.brand{font-weight:900;letter-spacing:.09em;font-size:25px;line-height:1}.brand .eight{color:#01a5b9}.brand small{display:block;font-weight:600;font-size:9px;letter-spacing:.24em;color:#acd2d7;margin-top:5px}.top-right{display:flex;align-items:center;gap:20px;margin-left:auto}.preview-status{font-size:11px;font-weight:800;letter-spacing:.12em;color:#a5e6ed}.avatar{display:grid;place-items:center;height:35px;width:35px;border-radius:50%;background:#01a5b9;color:white;font-size:12px;font-weight:800}.menu{display:none;background:none;color:white;border:0;font-size:26px}.app-shell{display:grid;grid-template-columns:256px minmax(0,1fr);min-height:calc(100vh - 72px)}.sidebar{background:white;padding:30px 15px;border-right:1px solid #e3eaf0;display:flex;flex-direction:column;gap:12px}.select-caption,.eyebrow{font-size:10px;font-weight:800;letter-spacing:.12em;color:#6b8794}.select-caption{padding-left:11px}.company{width:100%;border:1px solid #d8e4e8;background:#f7fafb;border-radius:10px;padding:12px 11px;font-weight:700;color:#203d49}.sidebar nav{display:flex;flex-direction:column;gap:3px;margin-top:18px}.navitem{width:100%;display:flex;align-items:center;gap:13px;text-align:left;border:0;background:transparent;color:#617784;border-radius:9px;padding:13px;font-weight:650}.navitem:hover{background:#eef7f9}.navitem.active{background:#ddf5f7;color:#007f91}.navicon{font-size:18px;width:23px;text-align:center}.sidebar-footer{border-top:1px solid #e5edf0;margin-top:auto;padding:22px 11px 0;font-size:11px;line-height:1.65;color:#8ca1aa}.sidebar-footer strong{color:#00a0b5;letter-spacing:.1em}.sidebar-footer p{margin:8px 0}main{padding:30px 34px;min-width:0;max-width:1700px;width:100%;margin:0 auto}.demo-banner{background:#e9f8fa;color:#166878;border:1px solid #b2e4ed;border-radius:10px;padding:12px 16px;font-size:12px;margin-bottom:25px}.page-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.page-header h1{font-size:31px;letter-spacing:-.05em;margin:7px 0 5px}.page-header p{color:#8196a1;font-size:13px;margin:0}.page-tools{display:flex;gap:18px;align-items:center;font-size:12px;color:#748994}.secondary{background:#fff;border:1px solid #d7e5e9;border-radius:9px;padding:10px 13px;font-size:12px;font-weight:700;color:#1c4856}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.panel{background:white;border:1px solid #e4ecf0;border-radius:13px;box-shadow:0 3px 12px #19344708;padding:20px;min-width:0}.metric-label{font-size:11px;color:#7e929e;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.metric-value{font-size:29px;font-weight:800;letter-spacing:-.04em;margin-top:10px}.metric-note{font-size:11px;color:#8296a1;margin-top:10px}.metric-note b{color:#038e9d}.grid-two{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.panel-title h2{font-size:16px;margin:0}.panel-title small{font-size:11px;color:#8297a2}.bar-row{display:grid;grid-template-columns:110px 1fr 65px;gap:12px;align-items:center;font-size:12px;margin:22px 0}.track{height:9px;background:#e8f0f2;border-radius:20px;overflow:hidden}.fill{height:100%;background:#01a5b9;border-radius:20px}.bar-row .amount{text-align:right;font-weight:750}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:530px;text-align:left;font-size:12px}.data-table th{padding:13px 10px;color:#8ba0aa;font-weight:750;background:#f9fbfc;border-bottom:1px solid #ebeff1}.data-table td{padding:16px 10px;border-bottom:1px solid #eff3f5}.data-table tr:last-child td{border-bottom:0}.strong{font-weight:750;color:#263e49}.muted{color:#8498a4}.chip{display:inline-flex;border-radius:15px;padding:5px 9px;font-size:10px;font-weight:800;background:#edf3f7;color:#5f7181}.chip.active,.chip.approved,.chip.complete{background:#e3f7ee;color:#13845c}.chip.planning,.chip.pending{background:#fff5df;color:#976611}.chip.review{background:#e9f3ff;color:#3b6a9a}.empty{padding:30px;color:#78909b;text-align:center;font-size:13px}.toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:15px}.filter{background:white;border:1px solid #d7e5e9;border-radius:8px;padding:10px;min-width:190px;color:#365260}.button{border:0;background:#01a5b9;color:#fff;border-radius:9px;padding:11px 16px;font-size:12px;font-weight:750}.button:disabled{opacity:.45;cursor:not-allowed}.notice{padding:14px;border-radius:10px;background:#fff9ee;color:#805b22;border:1px solid #f7e4b7;font-size:12px;margin-top:16px}.list-stat{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f4;padding:15px 0;font-size:13px}.list-stat:last-child{border:0}.small-muted{color:#8196a1;font-size:12px}.placeholder{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.placeholder h2{margin:0}.placeholder p{max-width:650px;color:#6f8490;font-size:13px;line-height:1.8;margin:0}.placeholder .tag{border-radius:7px;background:#e4f5f7;padding:7px 10px;color:#007e90;font-weight:700;font-size:11px}@media(max-width:1080px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-two{grid-template-columns:1fr}}@media(max-width:760px){.topbar{height:61px;padding:0 15px}.menu{display:block}.preview-status{display:none}.app-shell{display:block}.sidebar{position:fixed;top:61px;bottom:0;left:0;width:260px;z-index:6;transform:translateX(-105%);transition:transform .2s;box-shadow:12px 0 20px #071d2622;overflow-y:auto}.sidebar.open{transform:translateX(0)}main{padding:20px 15px}.page-header{align-items:flex-start}.page-header h1{font-size:25px}.page-tools{display:block;text-align:right}.page-tools #today{display:none}.metric-grid{gap:10px}.panel{padding:15px}.metric-value{font-size:23px}.metric-label{font-size:10px}.bar-row{grid-template-columns:80px 1fr 60px;gap:8px}.brand{font-size:21px}}@media(max-width:380px){.metric-grid{grid-template-columns:1fr 1fr}.metric-value{font-size:21px}.page-tools .secondary{font-size:10px;padding:8px}.page-header h1{font-size:23px}}

.demo-form{display:flex;flex-direction:column;gap:17px}.demo-form .field{display:flex;flex-direction:column;gap:7px;color:#5a7683;font-size:12px;font-weight:750}.demo-form input:not([type=checkbox]),.demo-form select,.demo-form textarea{background:#f9fcfd;border:1px solid #cfdee4;border-radius:9px;padding:12px;color:#243e4b;width:100%;font:inherit;font-weight:500}.demo-form textarea{resize:vertical;min-height:110px}.demo-form fieldset{border:1px solid #dbe7ec;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px}.demo-form legend{font-size:12px;color:#5a7683;font-weight:750;padding:0 6px}.worker-check{font-size:12px;color:#385360;display:flex;align-items:center;gap:10px}.demo-form button{align-self:flex-start}.error{padding:11px 13px;border-radius:9px;background:#fff1f0;color:#ac302d;border:1px solid #fad2d0;font-size:12px}