@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-panel:#fff;--bg-glass:#ffffffe6;--border-glass:#e2e8f0;--card-bg:#fff;--card-shadow-hover:0 12px 30px -5px #6366f11f, 0 8px 10px -6px #6366f114;--card-border-hover:#6366f159;--text-primary:#0f172a;--text-secondary:#64748b;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-glow:#6366f140;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--sidebar-width:260px}[data-theme=dark]{--bg-primary:#090d16;--bg-secondary:#0f172a;--bg-panel:#111827;--bg-glass:#111827d9;--border-glass:#ffffff14;--card-bg:#111827;--card-shadow-hover:0 12px 40px 0 #00000080;--card-border-hover:#6366f14d;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-glow:#6366f159}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color .3s,color .3s;overflow-x:hidden}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:16px;box-shadow:0 4px 20px #0f172a0a}.glass-card{background:var(--card-bg);border:1px solid var(--border-glass);border-radius:16px;padding:24px;transition:transform .25s,box-shadow .25s,border-color .25s;box-shadow:0 2px 10px #0f172a08}.glass-card:hover{box-shadow:var(--card-shadow-hover);border-color:var(--card-border-hover);transform:translateY(-3px)}h1{letter-spacing:-.5px;color:var(--text-primary);margin-bottom:24px;font-size:26px;font-weight:700}h2{color:var(--text-primary);margin-bottom:16px;font-size:19px;font-weight:600}h3{color:var(--text-primary);font-size:16px;font-weight:600}p{color:var(--text-secondary);line-height:1.5}.btn-primary{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff;cursor:pointer;box-shadow:0 4px 14px var(--accent-glow);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .25s;display:inline-flex}.btn-primary:hover{opacity:.95;box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-glass);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--bg-primary);border-color:var(--accent-primary)}.app-container{height:100vh;display:flex}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border-glass);background:var(--bg-secondary);flex-direction:column;height:100vh;padding:24px;transition:background-color .3s,border-color .3s;display:flex}.main-content{background-color:var(--bg-primary);flex:1;padding:32px;position:relative;overflow-y:auto}.main-content:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#6366f114 0%,#0000 70%);width:380px;height:380px;position:absolute;top:-80px;right:-80px}.nav-item{color:var(--text-secondary);border-radius:10px;align-items:center;gap:12px;margin-bottom:6px;padding:11px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{background:var(--nav-hover-bg,#6366f10f);color:var(--accent-primary)}.nav-item.active{color:var(--accent-primary);background:var(--nav-active-bg,#6366f11a);border-left:3px solid var(--accent-primary);font-weight:600}.form-group{margin-bottom:18px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-input,.form-select{background:var(--bg-secondary);border:1px solid var(--border-glass);width:100%;color:var(--text-primary);border-radius:10px;padding:11px 16px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--nav-active-bg,#6366f11f);outline:none}.table-container{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border-glass);padding:14px 16px}th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}tr:hover td{background:#6366f108}.status-badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.status-generating{color:#d97706;background:#f59e0b1f}.status-completed{color:#059669;background:#10b9811f}.status-revoked{color:#dc2626;background:#ef44441f}