:root{color:#1c2734;font-synthesis:none;--bg:#f4f7fb;--surface:#fff;--surface-soft:#f8fafc;--ink:#1c2734;--muted:#6f7d8d;--line:#e5eaf0;--nav:#111b2a;--nav-soft:#1a2738;--blue:#2f6fed;--green:#2c9b68;--amber:#d58b22;--red:#d85656;--purple:#7a5bd5;--teal:#238d98;--shadow:0 18px 48px #23314414;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{min-height:100vh;color:var(--ink);background:linear-gradient(#f7f9fc 0,#f2f6fa 100%);margin:0}button,input,select,textarea{font:inherit}button,a{transition:background-color .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #2f6fed2e}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.app-sidebar{color:#eaf0f7;z-index:20;background:linear-gradient(#111b2a,#0d1724);flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0;box-shadow:10px 0 30px #111b2a0f}.brand-block{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:7px 8px 20px;display:flex}.brand-block strong,.brand-block small{display:block}.brand-block strong{font-size:1rem}.brand-block small{color:#93a3b6;margin-top:2px;font-size:.72rem}.brand-monogram{color:#17202b;letter-spacing:.03em;background:linear-gradient(135deg,#e2b96f,#b88434);border-radius:13px;place-items:center;width:40px;height:40px;font-weight:900;display:grid;box-shadow:0 8px 24px #d5a5563d}.sidebar-foot{color:#8293a6;align-items:center;gap:8px;margin-top:auto;padding:16px 8px 4px;font-size:.72rem;display:flex}.live-dot{background:#32b476;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 4px #32b4761f}.page{width:100%;min-width:0;max-width:1480px;margin:0 auto;padding:28px 32px 72px}.page.staff{max-width:760px;padding-top:44px}.workspace{min-width:0}.topbar,header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}h1{color:#162233;letter-spacing:-.035em;margin:.15rem 0 .2rem;font-size:clamp(2rem,4vw,3rem)}h2{color:#1c2734;margin-top:0}h3{color:#243143}.eyebrow{color:#a16f26;letter-spacing:.17em;text-transform:uppercase;font-size:.72rem;font-weight:800}.muted{color:var(--muted)}.badge{color:#46576b;background:#fff;border:1px solid #dce3eb;border-radius:999px;align-items:center;padding:8px 12px;font-size:.75rem;font-weight:800;display:inline-flex;box-shadow:0 5px 18px #1f2d3d0d}.nav{gap:5px;margin-top:18px;display:grid}.nav a{color:#bac6d4;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:9px 10px;font-size:.82rem;font-weight:700;text-decoration:none;display:flex}.nav a:hover{color:#fff;background:#ffffff0e;transform:translate(2px)}.nav a.active{color:#fff;background:linear-gradient(90deg,#d9b1682e,#ffffff0a);border-color:#d9b1682e}.nav-mark{color:#aebccc;letter-spacing:.04em;background:#ffffff0f;border-radius:9px;place-items:center;width:28px;height:28px;font-size:.62rem;display:grid}.nav a.active .nav-mark{color:#17202b;background:#d6aa5a}.grid{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:14px;display:grid}.metric,.panel,.status{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:20px}.metric{min-height:128px;position:relative;overflow:hidden}.metric:before{content:"";inset-inline:0;background:#c8d0d9;height:4px;position:absolute;top:0}.metric span,.status span{color:var(--muted);font-size:.78rem;font-weight:700}.metric strong{color:#182535;font-variant-numeric:tabular-nums;margin-top:18px;font-size:1.9rem;line-height:1.05;display:block}.metric small{color:#8a96a4;margin-top:8px;font-size:.7rem;display:block}.metric-blue:before{background:var(--blue)}.metric-blue{background:linear-gradient(145deg,#fff,#f5f8ff)}.metric-green:before{background:var(--green)}.metric-green{background:linear-gradient(145deg,#fff,#f4fbf7)}.metric-amber:before{background:var(--amber)}.metric-amber{background:linear-gradient(145deg,#fff,#fff9ef)}.metric-red:before{background:var(--red)}.metric-red{background:linear-gradient(145deg,#fff,#fff6f6)}.metric-purple:before{background:var(--purple)}.metric-purple{background:linear-gradient(145deg,#fff,#f8f6ff)}.metric-teal:before{background:var(--teal)}.metric-teal{background:linear-gradient(145deg,#fff,#f3fbfc)}.panel{margin-top:18px}.panel h2{font-size:1.05rem}.panel h2+p.muted{margin-top:-3px}.status{text-align:center;gap:12px;padding:32px;display:grid}.status strong{color:#1d2b3b;font-size:2.2rem}.status button,.form-grid button,.primary-link,.control-head button{color:#fff;cursor:pointer;text-align:center;background:#1f6fec;border:0;border-radius:11px;margin-top:12px;padding:12px 16px;font-weight:800;text-decoration:none;box-shadow:0 8px 20px #1f6fec2e}.status button:hover,.form-grid button:hover,.primary-link:hover,.control-head button:hover{background:#185dca;transform:translateY(-1px)}.status button:disabled{opacity:.55;transform:none}.row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:14px 0;display:flex}.row:first-of-type{border-top:0}.row>span:first-child{min-width:0}.row strong{font-variant-numeric:tabular-nums}.error{color:#9b3636;background:#fff1f1;border:1px solid #f0c7c7;border-radius:12px;margin:16px 0;padding:14px}.success{color:#23734b;background:#effaf4;border:1px solid #bfe3ce;border-radius:12px;margin:16px 0;padding:14px}.form-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.form-grid input,.form-grid select,.expense-form select,.filter-grid input,.filter-grid select,.panel>input[type=date],.section-head input[type=date],select{color:#253344;background:#fff;border:1px solid #d9e0e8;border-radius:10px;width:100%;padding:11px 12px}.form-grid input:focus,.form-grid select:focus,.filter-grid input:focus,.filter-grid select:focus{border-color:#86aef5;box-shadow:0 0 0 3px #2f6fed14}.form-grid button{margin:0}.section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-head button,.actions button,td button{color:#36485d;cursor:pointer;background:#fff;border:1px solid #d8e0e9;border-radius:9px;padding:7px 10px;font-weight:700}.section-head button:hover,.actions button:hover,td button:hover{background:#f5f8fc;border-color:#a8bfdc}.table-wrap{border-radius:12px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;border-top:1px solid var(--line);vertical-align:top;padding:13px 10px}th{color:#778698;text-transform:uppercase;letter-spacing:.07em;background:#f8fafc;font-size:.72rem;position:sticky;top:0}td small{color:#8491a0;margin-top:4px;display:block}.actions{flex-wrap:wrap;gap:6px;display:flex}.login{gap:10px;margin-top:15vh;display:grid}.primary-link{display:block}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem;display:flex}button.quiet{color:#526174;cursor:pointer;background:#fff;border:1px solid #dce3eb;border-radius:10px;padding:.55rem .8rem}button.quiet:hover{background:#f5f7fa;border-color:#c8d3df}.overview-hero{background:linear-gradient(135deg,#fff 0,#f8fbff 62%,#eef5ff 100%);border-color:#dce7f7;min-height:150px;margin-top:0;position:relative;overflow:hidden}.overview-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#2f6fed1f,#0000 66%);border-radius:50%;width:260px;height:260px;position:absolute;top:-105px;right:-70px}.overview-actions{z-index:1;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex;position:relative}.overview-actions button{margin:0}.health-pill{background:#fff;border:1px solid #d8e2ed;border-radius:999px;align-items:center;gap:8px;padding:8px 11px;font-size:.72rem;font-weight:800;display:inline-flex}.health-ok{color:#287751}.health-warning{color:#a26019;background:#fff8ed;border-color:#f0d3aa}.health-warning .live-dot{background:#e19a35;box-shadow:0 0 0 4px #e19a351f}.overview-shortcuts{grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0 6px;display:grid}.overview-shortcuts a{border:1px solid var(--line);background:#fff;border-radius:14px;gap:3px;padding:14px 15px;text-decoration:none;display:grid;box-shadow:0 10px 28px #2231440d}.overview-shortcuts a:hover{border-color:#b8cae2;transform:translateY(-2px);box-shadow:0 16px 34px #22314414}.overview-shortcuts strong{color:#24364c;font-size:.82rem}.overview-shortcuts span{color:#8390a0;font-size:.7rem}.section-title{text-transform:uppercase;letter-spacing:.13em;color:#69798d;align-items:center;gap:14px;margin:28px 0 10px;font-size:.72rem;display:flex}.section-title:after{content:"";background:linear-gradient(90deg,#dfe5ec,#0000);flex:1;height:1px}.control-head{justify-content:space-between;align-items:center;gap:18px;display:flex}.split{grid-template-columns:1fr 1fr;gap:18px;display:grid}.mini-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bar-list{gap:11px;display:grid}.bar-row{grid-template-columns:minmax(110px,1fr) 2fr auto;align-items:center;gap:10px;font-size:.8rem;display:grid}.bar-track{background:#e9eef4;border-radius:999px;height:8px;overflow:hidden}.bar-track i{background:linear-gradient(90deg,#5a8ff0,#2f6fed);border-radius:999px;height:100%;display:block}.bar-row strong{font-variant-numeric:tabular-nums;color:#34465a}.big-number{color:#27394d;font-size:3rem;font-weight:850}.funnel{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.funnel>div{background:#f7f9fc;border:1px solid #e2e8ef;border-radius:14px;padding:14px}.funnel span{color:#7a899b;font-size:.76rem;display:block}.funnel strong{color:#24364a;font-size:1.6rem}.activity{border-top:1px solid var(--line);grid-template-columns:160px 1fr;gap:16px;padding:12px 0;display:grid}.activity time{color:#8a97a6;font-size:.76rem}.activity div{gap:3px;display:grid}.activity span{color:#768597}.filter-grid{grid-template-columns:1.2fr 1fr 1fr;gap:10px;margin:14px 0;display:grid}.empty-state{color:#7c8a99;background:#fafbfd;border:1px dashed #c7d1dc;border-radius:14px;gap:6px;padding:20px;display:grid}.empty-state strong{color:#33485f}.error-state{background:#fff8f8;border-color:#efc5c5}.calendar-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.calendar-grid .panel{margin-top:18px}.row small{color:#8a97a6;margin-top:3px;display:block}.data-block{white-space:pre-wrap;color:#3d4d60;background:#f7f9fc;border:1px solid #e0e6ed;border-radius:12px;max-height:420px;padding:14px;font-size:.82rem;overflow:auto}.expense-form .wide{grid-column:span 2}.panel-accent{position:relative;overflow:hidden}.panel-accent:before{content:"";inset-inline-start:0;background:#c7d1dc;width:4px;position:absolute;top:0;bottom:0}.panel-finance:before{background:var(--green)}.panel-inventory:before{background:var(--amber)}.panel-digital:before{background:var(--blue)}.attention:before{background:var(--red)}.attention .row strong{color:#9b3f3f}.status-pill{letter-spacing:.04em;color:#5b6a7d;white-space:nowrap;background:#f8fafc;border:1px solid #dce3eb;border-radius:999px;justify-content:center;align-items:center;padding:6px 9px;font-size:.68rem;font-weight:900;display:inline-flex}.status-pill-green{color:#24744e;background:#effaf4;border-color:#c8e7d5}.status-pill-purple{color:#6849b5;background:#f5f1ff;border-color:#ddd3f8}.status-pill-amber{color:#9c6418;background:#fff8ea;border-color:#efd7ac}.status-pill-red{color:#a54040;background:#fff1f1;border-color:#efc7c7}.workflow-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;display:grid}.workflow-step{background:#f8fafc;border:1px solid #e1e7ee;border-radius:14px;gap:6px;padding:14px;display:grid;position:relative;overflow:hidden}.workflow-step:before{content:"";inset-inline:0;background:#c9d2dd;height:3px;position:absolute;top:0}.workflow-step>span{color:#45566b;background:#e7edf4;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.workflow-step small{color:#7e8b9b}.workflow-pending:before{background:var(--amber)}.workflow-pending>span{color:#995d12;background:#fff1d9}.workflow-confirmed:before{background:var(--green)}.workflow-confirmed>span{color:#236c49;background:#e1f4e9}.workflow-completed:before{background:var(--purple)}.workflow-completed>span{color:#6549aa;background:#eee9fb}.workflow-cancelled:before{background:var(--red)}.workflow-cancelled>span{color:#9c4040;background:#fbe6e6}.workflow-alert{gap:8px;display:grid}.status-error{color:#b44343!important}.status-warning{color:#a66d1f!important}.small-link{color:#2f5f98;background:#fff;border:1px solid #cfdae7;border-radius:9px;padding:7px 10px;font-weight:700;text-decoration:none}.small-link:hover{background:#f4f7fb}.toggle{color:#647487;align-items:center;gap:8px;font-size:.86rem;display:flex}.danger-button{color:#a84343!important;background:#fff4f4!important;border-color:#ecc4c4!important}@media (width<=1100px){.app-shell{grid-template-columns:205px minmax(0,1fr)}.overview-shortcuts{grid-template-columns:1fr 1fr}.page{padding-inline:24px}}@media (width<=900px){.app-shell{display:block}.app-sidebar{height:auto;padding:10px 14px;display:block;position:sticky;top:0;box-shadow:0 8px 30px #111b2a1f}.brand-block,.sidebar-foot{display:none}.nav{gap:7px;margin:0;padding-bottom:2px;display:flex;overflow:auto}.nav a{white-space:nowrap;padding:7px 9px}.nav-mark{width:25px;height:25px}.split,.calendar-grid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity,.filter-grid{grid-template-columns:1fr}.funnel{grid-template-columns:1fr 1fr 1fr}.page{padding:22px 16px 60px}.topbar,header{align-items:center}}@media (width<=760px){.form-grid{grid-template-columns:1fr}.workflow-grid{grid-template-columns:1fr 1fr}.expense-form .wide{grid-column:auto}.header-actions{width:auto}.overview-hero,.control-head{flex-direction:column;align-items:flex-start}.overview-actions{justify-content:space-between;width:100%}.row{align-items:flex-start}}@media (width<=560px){.grid,.overview-shortcuts,.mini-grid,.funnel,.workflow-grid{grid-template-columns:1fr}.bar-row{grid-template-columns:1fr auto}.bar-track{grid-column:1/-1}.topbar,header{flex-direction:column;align-items:flex-start}.header-actions{justify-content:space-between;width:100%}.metric{min-height:112px}.metric strong{font-size:1.65rem}.page.staff{padding-top:24px}.overview-actions{flex-direction:column;align-items:stretch}.overview-actions button{width:100%}}@media (width<=520px){.grid,.overview-shortcuts,.mini-grid,.funnel,.workflow-grid{grid-template-columns:1fr}.bar-row{grid-template-columns:1fr auto}.bar-track{grid-column:1/-1}.control-head,.overview-hero,.topbar,header{flex-direction:column;align-items:flex-start}.header-actions,.overview-actions{width:100%}}