:root{--bg-main:#050507;--bg-gradient-top:#2b0d4d;--bg-gradient-mid:#12071f;--bg-card:hsla(0,0%,100%,.05);--bg-card-strong:hsla(0,0%,100%,.08);--border-soft:hsla(0,0%,100%,.1);--border-strong:hsla(0,0%,100%,.16);--text-main:#f7f4fb;--text-soft:rgba(247,244,251,.78);--text-muted:rgba(247,244,251,.6);--primary:#8b5cf6;--primary-hover:#7c3aed;--primary-soft:rgba(139,92,246,.16);--success:#7ee787;--success-soft:rgba(126,231,135,.12);--danger:#ff7b72;--danger-soft:hsla(4,100%,72%,.12);--warning:#ffd166;--warning-soft:rgba(255,209,102,.12);--gold:#d4af37;--gold-soft:rgba(212,175,55,.12);--shadow-lg:0 18px 40px rgba(0,0,0,.35);--shadow-md:0 12px 28px rgba(0,0,0,.24);--radius-xl:24px;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--max-width:1400px}*{box-sizing:border-box;min-width:0}body,html{padding:0;margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-main);background:radial-gradient(circle at top left,rgba(139,92,246,.24),transparent 28%),radial-gradient(circle at top right,rgba(107,33,168,.16),transparent 24%),linear-gradient(180deg,var(--bg-gradient-top) 0,var(--bg-gradient-mid) 28%,var(--bg-main) 100%)}body{min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;height:auto}.app-shell{min-height:100vh}.app-main{width:min(var(--max-width),calc(100% - 32px));margin:0 auto;padding:24px 0 40px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(180deg,rgba(11,7,18,.92),rgba(11,7,18,.74));border-bottom:1px solid rgba(212,175,55,.12);box-shadow:0 8px 30px rgba(0,0,0,.2)}.topbar-inner{width:min(var(--max-width),calc(100% - 32px));margin:0 auto;min-height:88px;justify-content:space-between;gap:18px;padding:14px 0}.brand,.topbar-inner{display:flex;align-items:center}.brand{gap:14px;min-width:0}.brand-logo-wrap{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(212,175,55,.22),rgba(139,92,246,.08));border:1px solid rgba(212,175,55,.18);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06);flex-shrink:0}.brand-logo{width:42px;height:42px;object-fit:contain}.brand-text-wrap{display:flex;flex-direction:column;gap:2px;min-width:0}.brand-text{height:28px}.brand-subtext,.brand-text{width:auto;object-fit:contain}.brand-subtext{height:22px;opacity:.94}.topbar-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}.topbar-main-row{display:contents}.menu-toggle{display:none;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 12px;border:1px solid rgba(212,175,55,.25);border-radius:12px;background:hsla(0,0%,100%,.05);color:var(--text-main);cursor:pointer;font-weight:700}.menu-toggle-icon{width:18px;display:grid;grid-gap:4px;gap:4px}.menu-toggle-icon span{display:block;height:2px;border-radius:999px;background:currentColor}.nav-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.nav-link{color:var(--text-soft);padding:9px 12px;border-radius:999px;transition:.2s ease;font-size:14px;font-weight:600;white-space:nowrap}.nav-link:hover{color:var(--text-main);background:hsla(0,0%,100%,.05)}.nav-link.active{color:#fff;background:linear-gradient(135deg,rgba(139,92,246,.3),rgba(91,33,182,.18));border:1px solid rgba(139,92,246,.26)}.logout-button{border:1px solid hsla(0,0%,100%,.14);background:hsla(0,0%,100%,.03);color:var(--text-main);border-radius:12px;padding:10px 14px;cursor:pointer;transition:.2s ease;font-weight:600;white-space:nowrap}.logout-button:hover{background:hsla(0,0%,100%,.08)}main{width:100%}.card{background:linear-gradient(180deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.035));border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-lg);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.card:hover{border-color:hsla(0,0%,100%,.14);box-shadow:0 18px 44px rgba(0,0,0,.42)}.card-muted{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-md);padding:16px}h1,h2,h3,h4,h5,h6{color:#fff;letter-spacing:-.02em}h1,h2,h3,h4,h5,h6,p{margin:0;overflow-wrap:anywhere}label,p{color:var(--text-soft)}label{display:inline-block;margin-bottom:8px;font-size:14px;font-weight:600}form{display:grid;grid-gap:14px;gap:14px}.input,.select,textarea.input{width:100%;border:1px solid hsla(0,0%,100%,.14);background:rgba(6,7,12,.72);color:var(--text-main);border-radius:14px;padding:12px 14px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}input[type=date].input,input[type=datetime-local].input{display:block;min-width:0;max-width:100%}.treasury-layout form>*,.treasury-layout>*{min-width:0}.input::placeholder,textarea.input::placeholder{color:rgba(247,244,251,.42)}.input:focus,.select:focus,textarea.input:focus{border-color:rgba(139,92,246,.55);box-shadow:0 0 0 4px rgba(139,92,246,.12);background:rgba(10,10,18,.88)}.button,.button-danger,.button-secondary,.button-success{border:0;border-radius:14px;padding:12px 16px;cursor:pointer;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease,background .15s ease;font-weight:700}.button{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;box-shadow:0 10px 22px rgba(124,58,237,.28)}.button-secondary{background:hsla(0,0%,100%,.06);color:var(--text-main);border:1px solid hsla(0,0%,100%,.12)}.button-danger{background:linear-gradient(135deg,#c43c3c,#8b2e2e);color:#fff;box-shadow:0 10px 22px rgba(139,46,46,.24)}.button-success{background:linear-gradient(135deg,#2e8b57,#1f6f43);color:#fff;box-shadow:0 10px 22px rgba(31,111,67,.22)}.button-danger:hover,.button-secondary:hover,.button-success:hover,.button:hover{transform:translateY(-1px)}.button-danger:disabled,.button-secondary:disabled,.button-success:disabled,.button:disabled{opacity:.6;cursor:not-allowed;transform:none}.table-wrap{border-radius:16px;border:1px solid hsla(0,0%,100%,.06)}.table-scroll,.table-wrap{overflow-x:auto;max-width:100%;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.table-scroll{border-radius:16px}.dashboard-split>*,.responsive-split>*{min-width:0}.table{border-collapse:collapse;width:100%;color:var(--text-main)}.table td,.table th{padding:14px 12px;text-align:left;border-bottom:1px solid hsla(0,0%,100%,.08);vertical-align:top}.table th{color:#fff;font-size:13px;font-weight:700;letter-spacing:.01em;background:hsla(0,0%,100%,.03);position:-webkit-sticky;position:sticky;top:0}.table tbody tr:hover{background:hsla(0,0%,100%,.025)}.table td{color:var(--text-soft)}.grid{display:grid;grid-gap:20px;gap:20px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.page-header{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}.page-title{display:grid;grid-gap:4px;gap:4px}.page-title p{font-size:14px;opacity:.78}.alert{border-radius:14px;padding:12px 14px;border:1px solid transparent}.alert-success{background:var(--success-soft);border-color:rgba(126,231,135,.22);color:var(--success)}.alert-error{background:var(--danger-soft);border-color:hsla(4,100%,72%,.22);color:#ffb4ad}.alert-warning{background:var(--warning-soft);border-color:rgba(255,209,102,.18);color:var(--warning)}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid transparent;white-space:nowrap}.status-success{background:rgba(31,111,67,.18);color:var(--success);border-color:rgba(126,231,135,.28)}.status-danger{background:rgba(139,46,46,.18);color:#ffb3b3;border-color:hsla(4,100%,72%,.25)}.status-warning{background:rgba(255,196,0,.12);color:#ffd866;border-color:rgba(255,216,102,.22)}.status-info{background:rgba(139,92,246,.14);color:#d6bcfa;border-color:rgba(139,92,246,.24)}.empty-state{min-height:180px;display:grid;place-items:center;text-align:center;padding:26px;border-radius:18px;background:hsla(0,0%,100%,.025);border:1px dashed hsla(0,0%,100%,.12)}.empty-state strong{display:block;color:#fff;margin-bottom:6px}.stat-card{min-height:128px;display:flex;flex-direction:column;justify-content:space-between}.stat-card-value{font-size:clamp(28px,6vw,34px);font-weight:800;line-height:1.1;color:#fff}.actions-wrap{display:flex;gap:8px;flex-wrap:wrap}small{color:var(--text-muted)}hr{border:none;border-top:1px solid hsla(0,0%,100%,.08)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.03);border-radius:999px}::-webkit-scrollbar-thumb{background:rgba(139,92,246,.35);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,.5)}@media (max-width:1200px){.topbar-inner{align-items:flex-start;flex-direction:column}.topbar-right{width:100%;justify-content:space-between}.nav-links{justify-content:flex-start}}@media (max-width:900px){.dashboard-split,.responsive-split,.treasury-layout{grid-template-columns:minmax(0,1fr)!important}.topbar-main-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.menu-toggle{display:inline-flex;flex-shrink:0}.topbar-right{display:none;width:100%;padding-top:4px}.topbar-right.menu-open{display:flex}.grid-2{grid-template-columns:1fr}.app-main,.topbar-inner{width:min(var(--max-width),calc(100% - 20px))}.app-main{padding:18px 0 28px}.brand-text{height:24px}.brand-subtext{height:18px}.card{padding:18px;border-radius:18px}}@media (max-width:640px){.topbar-inner{min-height:auto;padding:12px 0;gap:12px}.brand{width:auto;flex:1 1;align-items:center;gap:10px}.brand-logo-wrap{width:50px;height:50px;border-radius:16px}.brand-logo{width:36px;height:36px}.brand-text-wrap{overflow:hidden;flex:1 1}.brand-text{max-width:100%;height:20px}.brand-subtext{max-width:100%;height:15px}.topbar-right{width:100%;align-items:stretch;gap:10px}.nav-links{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.nav-link{text-align:center;padding:10px}.logout-button{width:100%}.card{padding:16px}h1{font-size:clamp(1.55rem,8vw,2rem)}h2{font-size:clamp(1.25rem,6vw,1.55rem)}.input,.select,textarea.input{min-width:0;max-width:100%;font-size:16px}.table-scroll,.table-wrap{margin-inline:-4px}.table td,.table th{padding:11px 10px}.page-header{align-items:flex-start;flex-direction:column}.button,.button-danger,.button-secondary,.button-success{width:100%}.actions-wrap{display:grid;grid-template-columns:1fr}}@media (max-width:480px){.app-main,.topbar-inner{width:calc(100% - 16px)}.nav-links{grid-template-columns:1fr}.brand-text{height:18px}.brand-subtext{height:13px}.table-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:flex-start}.table-button{padding:8px 10px;font-size:12px;border-radius:10px;width:auto}}