:root{--bg-app: var(--syw-bg, #0a0a0f);--bg-surface: rgba(13, 27, 42, .92);--bg-surface-soft: rgba(255, 255, 255, .03);--border-soft: rgba(255, 255, 255, .08);--border-accent: rgba(34, 221, 255, .25);--text-primary: #e6edf3;--text-muted: rgba(255, 255, 255, .6);--cyan: var(--syw-cyan, #22ddff);--purple: var(--syw-purple, #8b5cf6);--amber: var(--syw-amber, #f59e0b);--primary-gradient: var( --syw-primary-gradient, linear-gradient(135deg, #22ddff 0%, #8b5cf6 100%) );--sidebar-width: 240px;--topbar-height: 56px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh}html{background:var(--syw-deep-space, linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #312e81 100%));background-attachment:fixed;background-repeat:no-repeat}body{overflow:auto;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.55;background:transparent}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{line-height:1.2;margin:0 0 .75rem}h1{font-size:1.75rem}h2{font-size:1.25rem}h3{font-size:1.05rem;color:#ffffffd9}input,select,textarea,button{font-family:inherit;font-size:.95rem}code{background:#22ddff14;border:1px solid rgba(34,221,255,.18);padding:.05em .4em;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;color:var(--cyan)}ul,ol{list-style:none;padding:0;margin:0}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--topbar-height) 1fr;grid-template-areas:"sidebar topbar" "sidebar main";min-height:100vh}.app-topbar{grid-area:topbar;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.5rem;border-bottom:1px solid var(--border-soft);background:#0d1b2ab3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.app-topbar .search-wrap{flex:1;max-width:480px}.app-topbar .search-wrap input{width:100%}.app-sidebar{grid-area:sidebar;background:#0a0a0fd9;border-right:1px solid var(--border-soft);padding:1rem .75rem;display:flex;flex-direction:column;gap:.25rem;position:sticky;top:0;height:100vh}.app-sidebar .brand{display:flex;align-items:center;gap:.6rem;padding:.4rem .6rem 1.2rem;font-weight:700;font-size:1.05rem}.app-sidebar .brand img{width:28px;height:28px}.app-sidebar .brand .label{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-sidebar .nav-section-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:.75rem .6rem .25rem}.app-sidebar a.nav-link{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;border-radius:8px;color:#ffffffc7;text-decoration:none;transition:background .12s ease,color .12s ease}.app-sidebar a.nav-link:hover{background:#22ddff14;color:var(--text-primary);text-decoration:none}.app-sidebar a.nav-link.active{background:#22ddff26;color:var(--cyan)}.app-sidebar a.nav-link .icon{width:1.1em;text-align:center}.app-main{grid-area:main;padding:2rem 2rem 4rem;min-width:0}.page-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.page-header h1{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{color:var(--text-muted);margin-top:-.5rem;margin-bottom:1.5rem}.card{background:var(--bg-surface);border:1px solid var(--border-accent);border-radius:14px;padding:1.25rem 1.5rem;box-shadow:var(--syw-deep-shadow, 0 8px 32px rgba(0, 0, 0, .4))}.card+.card{margin-top:1rem}section{margin-bottom:2rem}section>h2:first-child{margin-bottom:1rem}section>h3:first-child{margin-bottom:.75rem}.card-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;align-items:stretch}.card-row>.card{display:flex;flex-direction:column}.card-row>a{min-height:100%}.empty{color:var(--text-muted);font-style:italic;padding:1rem 0}.form-row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin:.5rem 0}.form-row>label{display:inline-flex;align-items:center;gap:.4rem;flex-direction:row;margin:0}.form-stack{display:flex;flex-direction:column;gap:.75rem;max-width:480px}.form-stack label{display:flex;flex-direction:column;gap:.25rem;color:var(--text-muted);font-size:.875rem}input[type=text],input[type=search],input[type=email],input[type=number],select,textarea{background:#0d1b2ab3;border:1px solid var(--border-accent);color:var(--text-primary);padding:.5rem .7rem;border-radius:6px;min-width:12rem;height:38px;line-height:1;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}textarea{height:auto;line-height:1.45}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #22ddff2e}textarea{min-height:4rem;resize:vertical}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .95rem;height:38px;border-radius:8px;border:1px solid transparent;font-weight:600;font-size:.9rem;white-space:nowrap;box-sizing:border-box;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn-sm{height:auto}.btn-primary{background:var(--primary-gradient);color:#fff;border:none}.btn-primary:hover{box-shadow:var(--syw-glow, 0 0 20px rgba(34, 221, 255, .3));transform:translateY(-1px)}.btn-ghost{background:#ffffff0d;color:#ffffffd9;border:1px solid rgba(255,255,255,.15)}.btn-ghost:hover{background:#ffffff1a;border-color:#22ddff59}.btn-danger{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.45)}.btn-danger:hover{background:#ef444440}.btn-sm{padding:.3rem .65rem;font-size:.8rem;height:28px}.badge{display:inline-block;padding:.15em .6em;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:#ffffff14;color:#ffffffd9;margin-right:.25em}.badge-pending{background:#f59e0b2e;color:#fbbf24}.badge-approved{background:#22c55e2e;color:#4ade80}.badge-denied{background:#ef44442e;color:#f87171}.badge-cyan{background:#22ddff26;color:var(--cyan)}.badge-purple{background:#8b5cf62e;color:#c4b5fd}.muted{color:var(--text-muted)}.tiny{font-size:.78rem}.list-item{padding:.7rem .85rem;border:1px solid var(--border-soft);border-radius:8px;background:var(--bg-surface-soft);display:flex;flex-direction:column;gap:.4rem}.list-item+.list-item{margin-top:.5rem}.list-item-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.flash{position:fixed;bottom:1.25rem;right:1.25rem;padding:.85rem 1.1rem;border-radius:10px;background:#0d1b2af5;border:1px solid var(--cyan);color:var(--text-primary);max-width:28rem;z-index:1000;box-shadow:var(--syw-deep-shadow, 0 8px 32px rgba(0, 0, 0, .5))}.flash.error{border-color:#ef44448c;color:#fca5a5}.kv{display:grid;grid-template-columns:max-content 1fr;gap:.5rem 1.25rem;align-items:baseline}.kv>div{display:contents}.kv>div>strong{color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.tabs{display:flex;gap:.25rem;border-bottom:1px solid rgba(34,221,255,.15);margin-bottom:1.5rem;flex-wrap:wrap}.tab{background:transparent;border:1px solid transparent;border-bottom:2px solid transparent;color:var(--text-muted);padding:.65rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;border-radius:8px 8px 0 0;transition:color .12s ease,background .12s ease,border-color .12s ease}.tab:hover{color:var(--text-primary);background:#ffffff0a}.tab-active{color:var(--cyan);border-bottom-color:var(--cyan);background:#22ddff0d}.tab-panel{display:block}.list-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:1.25rem}.list-toolbar>.search{flex:1 1 18rem;min-width:14rem}.list-toolbar .sort-group{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}.list-toolbar .sort-group select{min-width:9rem}.pager{display:flex;gap:.5rem;align-items:center;justify-content:flex-end;margin-top:1rem;color:var(--text-muted)}@media (max-width: 800px){.app-shell{grid-template-columns:1fr;grid-template-areas:"topbar" "main"}.app-sidebar{display:none}.app-main{padding:1rem}}