:root{--bg: #f5ead8;--surface: #fbf4e8;--text: #201e1d;--muted: #6f675c;--divider: rgba(32, 30, 29, .1);--accent: #c67139;--accent-100: #f8e4d3;--accent-200: #f0cdae;--accent-300: #e0a878;--accent-700: #8c491a;--accent-900: #402310;--accent2: #7a8a5e;--accent2-200: #e2e8d2;--accent2-300: #ccdbb2;--accent2-700: #56633f;--accent2-900: #3d472b;--danger: #8c2f1a;--r-card: 26px;--r-pill: 999px;--shadow-sm: 0 1px 3px rgba(64, 35, 16, .08);--shadow-md: 0 6px 18px rgba(64, 35, 16, .1);--shadow-lg: 0 14px 36px rgba(64, 35, 16, .14);--font-title: "Baloo 2", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.5}h1,h2,h3,.font-title{font-family:var(--font-title);font-weight:600}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:14px;color:inherit}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes barGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes barGrowX{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes liveDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}@keyframes popIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.card-in{animation:cardIn .5s cubic-bezier(.2,.8,.2,1) both}.shell{display:flex;min-height:100vh;padding:18px;gap:18px}.sidebar{width:230px;flex-shrink:0;background:var(--surface);border-radius:28px;box-shadow:var(--shadow-sm);padding:22px 14px;display:flex;flex-direction:column;gap:4px;position:sticky;top:18px;height:calc(100vh - 36px)}.sidebar .logo{display:flex;align-items:center;gap:10px;padding:0 10px 18px}.sidebar .logo .mark{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#f6a06b,#c67139);display:grid;place-items:center;color:#fff;box-shadow:var(--shadow-sm)}.sidebar .logo .name{font-family:var(--font-title);font-size:19px;font-weight:700}.sidebar .logo .sub{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-700);font-weight:600}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--r-pill);font-weight:600;font-size:13.5px;color:var(--muted);transition:background .2s,color .2s;width:100%;text-align:left}.nav-item:hover{background:var(--accent-100);color:var(--text)}.nav-item.active{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.sidebar .org-card{margin-top:auto;background:var(--accent2-200);border-radius:20px;padding:14px;font-size:12px}.sidebar .org-card b{display:block;font-size:13px}.sidebar .org-card .verified{color:var(--accent2-700);font-weight:600;display:flex;align-items:center;gap:5px;margin-top:3px}.main{flex:1;min-width:0;display:flex;flex-direction:column;gap:18px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.page-head h1{font-size:27px;line-height:1.2}.page-head .sub{color:var(--muted);font-size:13px;margin-top:2px}.btn{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:var(--r-pill);font-weight:700;font-size:13.5px;transition:transform .15s,box-shadow .2s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-ghost{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.btn-ghost:hover{background:var(--accent-100)}.btn-danger{background:transparent;color:var(--danger);border:1.5px solid var(--danger)}.btn-sauge{background:var(--accent2);color:#fff}.card{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--shadow-sm);padding:20px}.card-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--accent-700);display:flex;align-items:center;gap:7px;margin-bottom:14px}.card-label .lettrine{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;font-size:13px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi .value{font-family:var(--font-title);font-size:26px;font-weight:700;line-height:1.1}.kpi .hint{color:var(--muted);font-size:12px;margin-top:3px}.kpi .hint .up{color:var(--accent2-700);font-weight:700}.tag{display:inline-flex;align-items:center;gap:5px;padding:3px 11px;border-radius:var(--r-pill);font-size:11.5px;font-weight:700}.tag-accent{background:var(--accent-100);color:var(--accent-700)}.tag-sauge{background:var(--accent2-200);color:var(--accent2-900)}.tag-neutral{background:#201e1d12;color:var(--muted)}.tag-danger{background:#f3ded7;color:var(--danger)}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:8px 12px;border-bottom:1px solid var(--divider)}td{padding:12px;border-bottom:1px solid var(--divider);font-size:13.5px}tr:last-child td{border-bottom:none}tbody tr{transition:background .15s}tbody tr:hover{background:#c671390d}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.bar-track{background:#201e1d14;border-radius:var(--r-pill);height:8px;overflow:hidden}.bar-fill{height:100%;border-radius:var(--r-pill);background:var(--accent);transform-origin:left;animation:barGrowX .7s cubic-bezier(.2,.8,.2,1) both}.bar-fill.sauge{background:var(--accent2)}.chart7{display:flex;align-items:flex-end;gap:12px;height:150px;padding-top:18px}.chart7 .col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.chart7 .v{font-size:11px;font-weight:700;color:var(--accent-700);font-variant-numeric:tabular-nums}.chart7 .bar{width:100%;max-width:46px;border-radius:10px 10px 4px 4px;background:var(--accent-300);transform-origin:bottom;animation:barGrow .6s cubic-bezier(.2,.8,.2,1) both}.chart7 .bar.today{background:var(--accent)}.chart7 .d{font-size:11px;color:var(--muted);font-weight:600}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.event-card{overflow:hidden;padding:0;transition:transform .2s,box-shadow .2s}.event-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.event-card .cover{height:74px}.event-card .body{padding:15px 17px 17px;display:flex;flex-direction:column;gap:8px}.event-card .title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.event-card .title-row b{font-size:14.5px}.event-card .meta{color:var(--muted);font-size:12px}.event-card .stats{display:flex;justify-content:space-between;font-size:12.5px;font-weight:600}.pattern-1{background:repeating-linear-gradient(135deg,#8c491a 0,#8c491a 16px,#643312 16px,#643312 32px,#c67139 32px,#c67139 36px)}.pattern-2{background:radial-gradient(circle at 12px 12px,#f5ead8 3px,transparent 4px),repeating-linear-gradient(90deg,#402310 0,#402310 24px,#643312 24px,#643312 48px)}.pattern-3{background:repeating-linear-gradient(45deg,#56633f 0,#56633f 14px,#3d472b 14px,#3d472b 28px,#8fa073 28px,#8fa073 32px)}.pattern-4{background:repeating-conic-gradient(#8c491a 0,#8c491a 25%,#402310 0,#402310 50%) 0 0/40px 40px}.pattern-5{background:repeating-linear-gradient(0deg,#3d472b 0,#3d472b 18px,#56633f 18px,#56633f 36px,#ccdbb2 36px,#ccdbb2 40px)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#201e1d80;display:grid;place-items:center;padding:20px}.modal{background:var(--surface);border-radius:28px;box-shadow:var(--shadow-lg);padding:26px;width:100%;max-width:460px;animation:cardIn .35s cubic-bezier(.2,.8,.2,1) both;max-height:90vh;overflow-y:auto}.modal h2{font-size:20px;margin-bottom:18px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;background:var(--bg);border:1.5px solid transparent;border-radius:16px;padding:11px 14px;outline:none;transition:border .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:7px 15px;border-radius:var(--r-pill);background:var(--bg);font-weight:600;font-size:12.5px;transition:background .15s,color .15s}.chip.active{background:var(--text);color:var(--surface)}.modal .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.toggle{width:48px;height:28px;border-radius:var(--r-pill);background:#201e1d26;position:relative;transition:background .25s;flex-shrink:0}.toggle.on{background:var(--accent)}.toggle .knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .25s cubic-bezier(.2,.8,.2,1)}.toggle.on .knob{transform:translate(20px)}.staff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.avatar{width:46px;height:46px;border-radius:50%;background:var(--accent-200);color:var(--accent-700);display:grid;place-items:center;font-family:var(--font-title);font-weight:700;font-size:16px;flex-shrink:0}.avatar.sauge{background:var(--accent2-200);color:var(--accent2-900)}.pin-display{font-family:var(--font-title);font-size:26px;font-weight:700;letter-spacing:.35em;background:var(--bg);border-radius:14px;padding:8px 14px;text-align:center}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);animation:liveDot 1.6s ease-in-out infinite;display:inline-block}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:400px;text-align:center}.login-card .mark{width:74px;height:74px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#f6a06b,#c67139);display:grid;place-items:center;color:#fff;margin:0 auto 16px;box-shadow:var(--shadow-md)}.otp-boxes{display:flex;gap:10px;justify-content:center;margin:18px 0}.otp-boxes input{width:54px;height:54px;text-align:center;font-size:22px;font-weight:700;background:var(--bg);border:1.5px solid transparent;border-radius:16px;outline:none}.otp-boxes input:focus{border-color:var(--accent)}.error-text{color:var(--danger);font-size:12.5px;font-weight:600;margin-top:8px}.muted{color:var(--muted)}.row{display:flex;align-items:center;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between;gap:10px}