:root{--void:#060814;--void-2:#0d1224;--violet:#7c5cff;--violet-strong:#9b82ff;--cyan:#2dd4ee;--ink:#e8eaf6;--ink-muted:#9aa0c3;--ink-faint:#616a91;--success:#34e7a6;--success-glow:rgba(52,231,166,0.35);--danger:#ff5c7a;--danger-glow:rgba(255,92,122,0.35);--warning:#ffc857;--glass-fill:rgba(255,255,255,0.055);--glass-fill-strong:rgba(255,255,255,0.09);--glass-border:rgba(255,255,255,0.14);--glass-highlight:rgba(255,255,255,0.22);--glass-blur:20px;--shadow-glass:0 8px 32px rgba(0,0,0,0.45);--shadow-glow-violet:0 0 24px rgba(124,92,255,0.35);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Courier New",Courier,monospace;--bottom-nav-h:72px}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background-color:var(--void);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}body{position:relative;overflow-x:hidden}body:after,body:before{content:"";position:fixed;border-radius:50%;filter:blur(110px);z-index:0;pointer-events:none}body:before{width:480px;height:480px;top:-160px;left:-120px;background:radial-gradient(circle,var(--violet) 0,transparent 70%);opacity:.35}body:after{width:520px;height:520px;bottom:-180px;right:-140px;background:radial-gradient(circle,var(--cyan) 0,transparent 70%);opacity:.25}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--ink);letter-spacing:-.01em}p{line-height:1.6;color:var(--ink-muted)}a{color:inherit;text-decoration:none;transition:all .2s ease}.glass{background:var(--glass-fill);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);box-shadow:var(--shadow-glass)}.app-container{flex-direction:column;min-height:100vh;z-index:1}.app-container,.app-main{display:flex;position:relative}.app-main{flex:1 1}.content-area{flex:1 1;padding:1.5rem 1.25rem calc(var(--bottom-nav-h) + 1.5rem);overflow-y:auto;max-width:900px;margin:0 auto;width:100%}.sidebar{display:none;width:240px;flex-direction:column;padding:1.5rem 1rem;gap:.35rem}.bottom-nav{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);gap:.25rem;padding:.5rem;border-radius:20px;z-index:20;max-width:calc(100vw - 2rem)}.bottom-nav,.bottom-nav__item{display:flex;align-items:center}.bottom-nav__item{flex-direction:column;gap:.2rem;padding:.5rem 1rem;border-radius:14px;color:var(--ink-faint);font-size:.68rem;font-weight:600;transition:color .2s ease,background-color .2s ease}.bottom-nav__item .nav-icon,.bottom-nav__item svg{font-size:1.15rem;line-height:1}.bottom-nav__item--active{color:var(--ink);background:var(--glass-fill-strong)}.bottom-nav__item:hover{color:var(--ink)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;position:-webkit-sticky;position:sticky;top:0;z-index:15}.topbar__brand{font-weight:700;font-size:.95rem;letter-spacing:-.01em}.topbar__brand span{color:var(--violet-strong)}.topbar__avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--ink);background:linear-gradient(135deg,var(--violet),var(--cyan));border:none;cursor:pointer;font-family:var(--font-sans);transition:transform .2s ease,filter .2s ease}.topbar__avatar:hover{transform:scale(1.06);filter:brightness(1.1)}.card{border-radius:18px;padding:1.35rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{border-color:rgba(255,255,255,.22)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.35rem;font-size:.85rem;font-weight:600;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:all .2s ease;font-family:var(--font-sans)}.btn-primary{background:linear-gradient(135deg,var(--violet),var(--cyan));color:#060814;box-shadow:var(--shadow-glow-violet)}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-secondary{background:var(--glass-fill-strong);border-color:var(--glass-border);color:var(--ink)}.btn-secondary:hover{background:rgba(255,255,255,.13)}.btn-outline{background:transparent;border-color:var(--glass-border);color:var(--ink-muted)}.btn-outline:hover{background:var(--glass-fill);color:var(--ink);border-color:var(--glass-highlight)}.btn-ghost{background:transparent;color:var(--ink-muted)}.btn-ghost:hover{background:var(--glass-fill);color:var(--ink)}.btn-danger{background:linear-gradient(135deg,var(--danger),#ff8a9d);color:#2a0510;box-shadow:0 0 24px var(--danger-glow)}.btn-danger:hover{filter:brightness(1.08)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.72rem;font-weight:600;border-radius:9999px;letter-spacing:.03em;background:var(--glass-fill);border:1px solid var(--glass-border);color:var(--ink-muted)}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge-approved{color:var(--success);box-shadow:0 0 12px var(--success-glow) inset}.badge-rejected{color:var(--danger);box-shadow:0 0 12px var(--danger-glow) inset}.badge-pending{color:var(--warning)}.form-group{margin-bottom:1.1rem}.form-label{display:block;font-size:.72rem;font-weight:600;color:var(--ink-muted);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.04em}.form-input,.form-select,.form-textarea{width:100%;padding:.7rem .9rem;font-size:.88rem;color:var(--ink);background:rgba(255,255,255,.04);border:1px solid var(--glass-border);border-radius:10px;transition:all .2s ease;outline:none;font-family:var(--font-sans)}.form-input::placeholder{color:var(--ink-faint)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--violet-strong);box-shadow:0 0 0 3px rgba(124,92,255,.22);background:rgba(255,255,255,.06)}.data-list{display:flex;flex-direction:column;gap:.65rem}.data-row{display:grid;grid-template-columns:1fr;grid-gap:.5rem;gap:.5rem;padding:1rem 1.1rem;border-radius:14px;transition:border-color .2s ease,background-color .2s ease}.data-row:hover{background:var(--glass-fill-strong)}.data-row__head{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.data-row__title{font-weight:600;color:var(--ink);font-size:.92rem}.data-row__meta{font-family:var(--font-mono);font-size:.76rem;color:var(--ink-muted)}.data-row__foot{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.data-row--header{display:none}.grid-2,.grid-3{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--ink);font-family:var(--font-mono)}.stat-label{font-size:.72rem;color:var(--ink-muted);margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.04em}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease both}@media (prefers-reduced-motion:reduce){.animate-fade-in{animation:none}.btn-primary:hover,.card:hover{transform:none}}@media (min-width:768px){:root{--bottom-nav-h:0px}.bottom-nav{display:none}.sidebar{display:flex}.content-area{max-width:1100px;padding:2rem}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.data-row{grid-template-columns:1.6fr 1fr auto;align-items:center}.data-row--header{display:grid;background:transparent;border:none;box-shadow:none;padding:0 1.1rem}}