:root{--paper: #ffffff;--paper-card: #ffffff;--paper-wash: #faf8fb;--paper-line: #ece3f0;--purple: #843a8a;--purple-deep: #6a2f70;--purple-tint: #f5eef6;--orange: #f5821f;--orange-deep: #d66c12;--orange-tint: #fef1e3;--teal: #2f6f62;--brick: #a8432e;--ink: #241b2e;--muted: #8a7d94;--muted-light: #b9aec2;--font-display: "Fraunces", "Iowan Old Style", serif;--font-body: "Inter", -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--radius: 10px;--radius-sm: 7px;--shadow-card: 0 1px 2px rgba(36, 27, 46, .05), 0 8px 24px rgba(36, 27, 46, .06);--shadow-sidebar: 4px 0 24px rgba(132, 58, 138, .05)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper-wash);color:var(--ink);font-family:var(--font-body);font-size:14.5px;line-height:1.5;background-image:radial-gradient(circle at 1px 1px,rgba(132,58,138,.05) 1px,transparent 0);background-size:22px 22px}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;margin:0 0 .4em;color:var(--ink)}a{color:inherit}button{font-family:var(--font-body)}::selection{background:var(--orange);color:#fff}:focus-visible{outline:2px solid var(--orange-deep);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.app-shell{display:flex;min-height:100vh}.sidebar{width:236px;flex-shrink:0;background:var(--paper-card);color:var(--ink);display:flex;flex-direction:column;padding:22px 0 16px;position:sticky;top:0;height:100vh;border-right:1px solid var(--paper-line);box-shadow:var(--shadow-sidebar)}.sidebar-brand{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px 24px;border-bottom:1px solid var(--paper-line);margin-bottom:14px}.brand-logo{height:48px;width:auto;display:block;animation:logo-settle .5s cubic-bezier(.2,.8,.3,1) both}@keyframes logo-settle{0%{opacity:0;transform:translateY(-4px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.sidebar-brand-text{min-width:0}.sidebar-brand .role-tag{margin-top:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-light)}.nav-list{list-style:none;padding:0;margin:0;flex:1}.nav-tab{display:flex;align-items:center;gap:10px;padding:11px 20px 11px 18px;margin:2px 0 2px 10px;border-radius:var(--radius-sm) 0 0 var(--radius-sm);color:var(--muted);text-decoration:none;font-size:13.5px;font-weight:500;border-left:3px solid transparent;cursor:pointer;transition:background .15s ease,color .15s ease}.nav-tab .num{font-family:var(--font-mono);font-size:11px;color:var(--muted-light);width:16px}.nav-tab .nav-icon{width:16px;height:16px;display:inline-flex;flex-shrink:0;color:var(--muted-light);transition:color .15s ease,transform .15s ease}.nav-tab .nav-icon svg{width:100%;height:100%;stroke:currentColor}.nav-tab:hover{background:var(--purple-tint);color:var(--purple-deep)}.nav-tab:hover .nav-icon{color:var(--purple)}.nav-tab.active{background:var(--purple-tint);color:var(--purple-deep);font-weight:600}.nav-tab.active .num{color:var(--orange-deep)}.nav-tab.active .nav-icon{color:var(--orange);transform:scale(1.05)}.sidebar-footer{padding:14px 20px 0;border-top:1px solid var(--paper-line);margin-top:12px}.signed-in-as{font-size:12px;color:var(--muted);margin-bottom:8px;line-height:1.4}.signed-in-as strong{color:var(--ink);display:block;font-size:13px}.btn-signout{width:100%;background:transparent;border:1px solid var(--paper-line);color:var(--muted);padding:8px 10px;border-radius:var(--radius-sm);font-size:12.5px;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.btn-signout:hover{border-color:var(--orange);color:var(--orange-deep);background:var(--orange-tint)}.main-column{flex:1;min-width:0;padding:34px 42px 60px}.page-header{margin-bottom:26px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}.page-header .eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--purple);margin-bottom:6px}.page-header h1{font-size:27px}.page-header p.sub{color:var(--muted);margin:4px 0 0;max-width:60ch}.card{background:var(--paper-card);border:1px solid var(--paper-line);border-radius:var(--radius);box-shadow:var(--shadow-card)}.card-pad{padding:22px 24px}.section-title{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--purple);margin:0 0 14px;display:flex;align-items:center;gap:8px}.section-title:after{content:"";flex:1;height:1px;background:var(--paper-line)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:30px}.stat-tile{background:var(--paper-card);border:1px solid var(--paper-line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-card);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.stat-tile:hover{transform:translateY(-2px);box-shadow:0 4px 8px #241b2e0d,0 14px 28px #843a8a1a;border-color:var(--purple-tint)}.stat-icon{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--purple-tint);color:var(--purple);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.stat-icon svg{width:17px;height:17px;stroke:currentColor}.stat-tile .stat-num{font-family:var(--font-display);font-size:30px;font-weight:600;line-height:1;color:var(--ink)}.stat-tile .stat-label{margin-top:6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.ledger{width:100%;border-collapse:collapse;font-size:13.5px}.ledger thead th{text-align:left;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500;padding:16px 14px 12px;border-bottom:1px solid var(--paper-line)}.ledger tbody td{padding:13px 14px;border-bottom:1px solid var(--paper-line);vertical-align:middle}.ledger tbody tr:last-child td{border-bottom:none}.ledger tbody tr:hover{background:var(--purple-tint)}.cell-name{font-weight:600}.cell-sub{color:var(--muted);font-size:12px;margin-top:2px}.cell-mono{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.empty-row td{text-align:center;padding:36px 14px;color:var(--muted);font-style:italic}.stamp{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;padding:5px 11px;border-radius:999px;border:1.5px solid currentColor;position:relative;white-space:nowrap}.stamp.rotate{transform:rotate(-3deg)}.stamp-pending{color:var(--orange-deep);background:var(--orange-tint)}.stamp-approved{color:var(--teal);background:#2f6f6214}.stamp-rejected{color:var(--brick);background:#a8432e14}.stamp-active{color:var(--teal);background:#2f6f6214}.stamp-inactive{color:var(--muted);background:#8a7d941a}.btn{font-family:var(--font-body);font-size:13px;font-weight:600;padding:9px 16px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:transform .08s ease,box-shadow .15s ease,background .15s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--purple);color:#fff}.btn-primary:hover:not(:disabled){background:var(--purple-deep)}.btn-gold{background:var(--orange);color:#fff}.btn-gold:hover:not(:disabled){background:var(--orange-deep)}.btn-teal{background:var(--teal);color:#fff}.btn-teal:hover:not(:disabled){background:#285f53}.btn-brick{background:transparent;color:var(--brick);border-color:var(--brick)}.btn-brick:hover:not(:disabled){background:#a8432e14}.btn-ghost{background:transparent;color:var(--muted);border-color:var(--paper-line)}.btn-ghost:hover:not(:disabled){border-color:var(--muted);color:var(--ink)}.btn-sm{padding:6px 12px;font-size:12px}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.field{margin-bottom:16px}.field label{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;background:#fff;border:1px solid var(--paper-line);border-radius:var(--radius-sm);padding:9px 11px;font-size:13.5px;font-family:var(--font-body);color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px #843a8a1f}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 720px){.field-row{grid-template-columns:1fr}}.form-error{background:#a8432e17;border:1px solid rgba(168,67,46,.3);color:var(--brick);padding:10px 13px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:16px}.form-success{background:#2f6f6217;border:1px solid rgba(47,111,98,.3);color:var(--teal);padding:10px 13px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:16px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#241b2e59;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal-card{background:var(--paper-card);border-radius:var(--radius);border:1px solid var(--paper-line);width:100%;max-width:460px;max-height:88vh;overflow-y:auto;box-shadow:0 20px 50px #843a8a2e}.modal-header{padding:20px 24px 14px;border-bottom:1px solid var(--paper-line);display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:18px}.modal-close{background:none;border:none;cursor:pointer;font-size:18px;color:var(--muted);line-height:1}.modal-body{padding:20px 24px 24px}.tab-row{display:flex;gap:4px;border-bottom:1px solid var(--paper-line);margin-bottom:22px}.tab-item{padding:9px 16px;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab-item.active{color:var(--purple-deep);border-bottom-color:var(--orange);font-weight:600}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--paper-wash);background-image:radial-gradient(circle at 1px 1px,rgba(132,58,138,.06) 1px,transparent 0);background-size:24px 24px;padding:20px}.login-card{width:100%;max-width:380px;background:var(--paper-card);border:1px solid var(--paper-line);border-radius:var(--radius);box-shadow:0 30px 70px #843a8a29;padding:38px 34px 30px}.login-mark{display:flex;justify-content:center;margin-bottom:10px}.login-mark img{height:40px;width:auto}.login-sub{text-align:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:28px}.login-card .btn{width:100%;justify-content:center;margin-top:6px}.muted{color:var(--muted)}.mono{font-family:var(--font-mono)}.spacer-lg{height:30px}.loading-line{color:var(--muted);font-family:var(--font-mono);font-size:12.5px;padding:30px 0;text-align:center}.avatar-initial{width:32px;height:32px;border-radius:50%;background:var(--purple);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:13px;font-weight:600;flex-shrink:0}.entry-item{border:1px solid var(--paper-line);border-radius:var(--radius);padding:14px 16px;margin-bottom:10px;background:#fff}.entry-item .entry-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.entry-item h4{font-size:14.5px;margin-bottom:2px}.entry-meta{font-family:var(--font-mono);font-size:11px;color:var(--muted);margin-top:6px}