@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,700;12..96,800&family=Inter:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap");:root{--bg:#f6f7f9;--bg-soft:#fbfbfd;--surface:#fff;--ink:#1a1d29;--muted:#5b6072;--muted-2:#7b8194;--border:#e6e7ee;--border-strong:#d7d9e3;--indigo:#4c41cf;--indigo-700:#3a30b0;--indigo-tint:#eceafb;--indigo-tint-2:#f4f2fc;--green:#9bc995;--green-ink:#2f9e57;--warning:#d97706;--warning-bg:#fef3c7;--danger:#dc2626;--danger-bg:#fee2e2;--info:#2563eb;--info-bg:#dbeafe;--radius-sm:12px;--radius:16px;--radius-lg:24px;--radius-xl:30px;--shadow-card:0 2px 4px rgba(26,29,41,.04),0 22px 54px rgba(26,29,41,.09);--shadow-indigo:0 14px 34px rgba(76,65,207,.28);--shadow-sm:0 1px 3px rgba(26,29,41,.06),0 4px 12px rgba(26,29,41,.05);--font-display:"Bricolage Grotesque",sans-serif;--font-body:"Inter",sans-serif;--font-serif:"Instrument Serif",serif;--ease:cubic-bezier(.21,.84,.36,1)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;background:var(--bg);font-family:var(--font-body);color:var(--ink);letter-spacing:-.011em;line-height:1.6}a{color:var(--indigo);text-decoration:none}a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--indigo);text-decoration-color:var(--indigo);text-decoration-thickness:1.5px;text-underline-offset:3px}img,svg{display:block}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);line-height:1.15;letter-spacing:-.025em}h1{font-size:28px;font-weight:800}h2{font-size:22px}h2,h3{font-weight:700}h3{font-size:17px}h4{font-size:14px;font-weight:700}p{color:var(--muted);line-height:1.65}.kicker{font-family:var(--font-serif);font-style:italic;color:var(--indigo);font-size:18px;line-height:1.3}.highlight{display:inline;background:var(--indigo);color:#fff;border-radius:8px;padding:0 6px 2px;box-decoration-break:clone;-webkit-box-decoration-break:clone;transform:rotate(-1.5deg);display:inline-block}.amount{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}.amount,.amount-large{font-family:var(--font-display);color:var(--green-ink)}.amount-large{font-size:40px;font-weight:800;letter-spacing:-.03em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.layout{display:flex;min-height:100vh}.main{flex:1 1;margin-left:260px;padding:40px 48px;max-width:calc(100vw - 260px)}.container{max-width:800px}.sidebar{width:260px;height:100vh;position:fixed;left:0;top:0;background:hsla(0,0%,100%,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border);z-index:100;transition:transform .3s var(--ease)}.sidebar,.sidebar-inner{display:flex;flex-direction:column}.sidebar-inner{height:100%;padding:20px 12px}.sidebar-header{padding:4px 8px 20px;border-bottom:1px solid var(--border);margin-bottom:12px}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1 1;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--muted);font-size:13.5px;font-weight:500;font-family:var(--font-body);letter-spacing:-.011em;cursor:pointer;transition:all .18s var(--ease);width:100%;text-align:left;text-decoration:none;min-height:38px}.nav-item.active,.nav-item:hover{background:var(--indigo-tint);color:var(--indigo)}.nav-item.active{font-weight:600}.sidebar-footer{padding-top:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:2px}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(26,29,41,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99}.sidebar-close{display:none;position:absolute;top:14px;right:14px;background:none;border:none;font-size:18px;cursor:pointer;color:var(--muted);width:32px;height:32px;border-radius:8px;align-items:center;justify-content:center}.sidebar-close:hover{background:var(--bg)}.hamburger{display:none;position:fixed;top:14px;left:14px;z-index:98;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px;cursor:pointer;color:var(--ink);box-shadow:var(--shadow-sm)}.card{box-shadow:0 1px 3px rgba(26,29,41,.04)}.card,.card-interactive{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);padding:24px}.card-interactive{cursor:pointer;transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .18s}.card-interactive:hover{transform:translateY(-3px);box-shadow:var(--shadow-card);border-color:var(--indigo-tint)}.card-counter{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);overflow:hidden}.card-counter-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.card-counter-body{padding:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:100px;font-size:14px;font-weight:700;font-family:var(--font-body);letter-spacing:-.011em;cursor:pointer;border:none;transition:all .22s var(--ease);text-decoration:none;white-space:nowrap;position:relative;overflow:hidden;min-height:44px}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,hsla(0,0%,100%,.25) 60%,transparent 75%);transform:translateX(-100%);transition:transform .5s var(--ease)}.btn:hover:after{transform:translateX(100%)}.btn-primary{background:var(--indigo);color:#fff;box-shadow:var(--shadow-indigo)}.btn-primary:hover{background:var(--indigo-700);transform:translateY(-2px);box-shadow:0 18px 42px rgba(76,65,207,.35)}.btn-primary:active{transform:translateY(0)}.btn .arrow,.btn-primary .arrow{display:inline-block;transition:transform .22s var(--ease)}.btn-primary:hover .arrow,.btn:hover .arrow{transform:translateX(4px)}.btn-ghost{background:transparent;color:var(--indigo);border:1.5px solid var(--indigo);box-shadow:none}.btn-ghost:hover{background:var(--indigo);color:#fff;box-shadow:var(--shadow-indigo);transform:translateY(-2px)}.btn-secondary{background:var(--surface);color:var(--ink);border:1px solid var(--border-strong);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--indigo-tint);color:var(--indigo);border-color:var(--indigo-tint);transform:translateY(-1px)}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(220,38,38,.15)}.btn-danger:hover{background:var(--danger);color:#fff}.btn-lg{padding:15px 28px;font-size:15px;width:100%}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:100px;font-size:12px;font-weight:600;letter-spacing:.01em}.badge-indigo{background:var(--indigo-tint);color:var(--indigo)}.badge-green{background:#dcfce7;color:var(--green-ink)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-muted{background:var(--bg);color:var(--muted);border:1px solid var(--border)}.badge-live{background:#f0fdf4;color:var(--green-ink);font-size:12px;font-weight:600;padding:4px 10px;border-radius:100px;display:inline-flex;align-items:center;gap:6px}.badge-live:before{content:"";width:7px;height:7px;background:var(--green-ink);border-radius:50%;animation:pulse-dot 2s ease infinite}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.7}}@media (prefers-reduced-motion:reduce){.badge-live:before{animation:none}}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}label{font-size:13px;font-weight:600;color:var(--muted-2);letter-spacing:.01em}input[type=date],input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{width:100%;padding:11px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-body);letter-spacing:-.011em;color:var(--ink);transition:border-color .18s,box-shadow .18s;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:44px}input:focus,select:focus,textarea:focus{border-color:var(--indigo);box-shadow:0 0 0 3px rgba(76,65,207,.15)}input::placeholder,textarea::placeholder{color:var(--muted-2)}textarea{resize:vertical;min-height:88px}.input-hint{font-size:12px;color:var(--muted-2)}.progress-track{width:100%;height:8px;background:#e9e7f4}.progress-fill,.progress-track{border-radius:100px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--indigo),#7c71f0);transition:width .7s var(--ease)}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 30%,hsla(0,0%,100%,.3) 50%,transparent 70%);animation:shimmer 2.2s ease infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.progress-fill:after{animation:none}}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:13.5px;line-height:1.55}.alert-success{background:#f0fdf4;color:var(--green-ink);border:1px solid rgba(47,158,87,.2)}.alert-warning{background:var(--warning-bg);color:var(--warning);border:1px solid rgba(217,119,6,.2)}.alert-danger{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(220,38,38,.2)}.alert-info{background:var(--info-bg);color:var(--info);border:1px solid rgba(37,99,235,.2)}.alert-indigo{background:var(--indigo-tint);color:var(--indigo);border:1px solid rgba(76,65,207,.18)}.table{width:100%;border-collapse:collapse}.table th{font-size:11px;font-weight:700;color:var(--muted-2);text-transform:uppercase;letter-spacing:.06em;padding:10px 16px;text-align:left;white-space:nowrap}.table td,.table th{border-bottom:1px solid var(--border)}.table td{padding:13px 16px;font-size:13.5px;color:var(--ink)}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background .14s}.table tbody tr:hover td{background:var(--bg-soft)}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--indigo),#7c71f0);color:#fff;font-size:13px;font-weight:700;font-family:var(--font-display);display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:0}.avatar-sm{width:28px;height:28px;font-size:11px}.avatar-lg{width:48px;height:48px;font-size:17px}.divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--muted-2);font-size:12px}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.loading-spinner{width:28px;height:28px;border:2.5px solid var(--border-strong);border-top-color:var(--indigo);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.auth-page{min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:44px;width:100%;max-width:420px;box-shadow:var(--shadow-card)}.auth-logo{text-align:center;margin-bottom:36px}.auth-title{font-family:var(--font-display);font-size:24px;font-weight:800;color:var(--ink);letter-spacing:-.025em;margin-bottom:6px}.auth-subtitle{font-size:14px;color:var(--muted);margin-bottom:28px}.empty-state{flex-direction:column;padding:64px 24px;text-align:center;gap:12px}.empty-state,.placeholder-striped{display:flex;align-items:center;justify-content:center}.placeholder-striped{width:100%;height:140px;background:repeating-linear-gradient(-45deg,var(--bg) 0,var(--bg) 6px,var(--border) 6px,var(--border) 7px);border-radius:var(--radius-sm)}.placeholder-label{font-family:monospace;font-size:12px;color:var(--muted-2);background:var(--surface);padding:4px 10px;border-radius:4px;border:1px solid var(--border)}.toast{position:fixed;bottom:24px;right:24px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);padding:14px 18px;box-shadow:var(--shadow-card);font-size:13.5px;color:var(--ink);z-index:999;max-width:320px;animation:toast-in .35s var(--ease) forwards}@keyframes toast-in{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion:reduce){@keyframes toast-in{0%{opacity:1}}}.count-up{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:none}@media (max-width:768px){.main{margin-left:0;padding:64px 16px 20px;max-width:100vw}.auth-card{padding:28px 20px}.sidebar{transform:translateX(-100%);width:280px;background:hsla(0,0%,100%,.97)}.sidebar.open{transform:translateX(0)}.sidebar-overlay.open{display:block}.hamburger,.sidebar-close{display:flex}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}