@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Inter:wght@300;400;500;600;700&display=swap');
:root{--gold:#c9a227;--gold-light:#e2b93b;--gold-dark:#9e7d1a;--gold-glow:rgba(201,162,39,0.2);--bg-base:#0a0a0a;--bg-surface:#111111;--bg-elevated:#1a1a1a;--bg-hover:#1f1f1f;--bg-active:#2a2200;--border:#2a2a2a;--border-gold:rgba(201,162,39,0.3);--text-primary:#f0e6c8;--text-secondary:#a89060;--text-muted:#5a4e35;--danger:#c62828;--danger-light:#ef5350;--warning:#e65100;--success:#2e7d32;--navbar-h:56px;--sidebar-w:220px;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html,body{height:100%;background:var(--bg-base);color:var(--text-primary);font-family:'Inter',sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;}
a{color:var(--gold);text-decoration:none;}a:hover{color:var(--gold-light);}
::-webkit-scrollbar{width:5px;}::-webkit-scrollbar-track{background:var(--bg-surface);}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px;}
.navbar{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--navbar-h);display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#000;border-bottom:1px solid var(--border-gold);}
.navbar-brand{font-family:'Cinzel',serif;font-size:18px;font-weight:700;color:var(--gold);display:flex;align-items:center;gap:8px;letter-spacing:1px;}
.navbar-links{display:flex;align-items:center;gap:10px;}.nav-user{color:var(--text-secondary);font-size:13px;padding:0 8px;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 18px;border:none;border-radius:8px;font-size:13px;font-weight:600;font-family:'Inter',sans-serif;cursor:pointer;transition:all 0.18s;text-decoration:none;white-space:nowrap;}
.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#000;}
.btn-gold:hover{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#000;box-shadow:0 0 16px var(--gold-glow);transform:translateY(-1px);}
.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border);}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold);}
.btn-danger{background:var(--danger);color:#fff;}.btn-danger:hover{background:var(--danger-light);}
.btn-sm{padding:5px 12px;font-size:12px;}.btn-full{width:100%;}
.app-wrap{display:flex;min-height:100vh;padding-top:var(--navbar-h);}
.sidebar{width:var(--sidebar-w);background:#000;border-right:1px solid var(--border-gold);display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:var(--navbar-h);height:calc(100vh - var(--navbar-h));overflow-y:auto;}
.sidebar-section{padding:12px 0;}
.sidebar-item{display:flex;align-items:center;gap:10px;padding:9px 18px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:background 0.15s,color 0.15s;text-decoration:none;}
.sidebar-item:hover{background:var(--bg-hover);color:var(--text-primary);}
.sidebar-item.active{background:var(--bg-active);color:var(--gold);border-left:3px solid var(--gold);padding-left:15px;}
.main-content{flex:1;padding:32px;overflow-y:auto;}
.page-header{margin-bottom:24px;}.page-header h1{font-family:'Cinzel',serif;font-size:22px;font-weight:700;color:var(--gold);}
.subtitle{color:var(--text-secondary);font-size:13px;margin-top:4px;}
.stats-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:28px;}
.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:16px;text-align:center;text-decoration:none;transition:border-color 0.2s,box-shadow 0.2s;display:block;}
.stat-card:hover{border-color:var(--border-gold);box-shadow:0 0 20px var(--gold-glow);}
.stat-number{font-family:'Cinzel',serif;font-size:32px;font-weight:700;color:var(--gold);}
.stat-label{font-size:12px;color:var(--text-secondary);margin-top:4px;}
.stat-critical .stat-number{color:var(--danger-light);}.stat-warning .stat-number{color:#ff9800;}.stat-notice .stat-number{color:#42a5f5;}.stat-expired .stat-number{color:var(--danger);}
.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.section-header h2{font-size:15px;font-weight:700;color:var(--text-primary);}
.table-wrap{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:20px;}
.data-table{width:100%;border-collapse:collapse;}
.data-table th{padding:12px 16px;text-align:left;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);background:var(--bg-elevated);border-bottom:1px solid var(--border-gold);}
.data-table td{padding:11px 16px;border-bottom:1px solid var(--border);font-size:13px;vertical-align:middle;}
.data-table tr:last-child td{border-bottom:none;}.data-table tr:hover td{background:var(--bg-hover);}
.row-critical td{border-left:3px solid var(--danger);}.row-warning td{border-left:3px solid #e65100;}.row-expired td{border-left:3px solid #7b0000;}
.user-cell{display:flex;align-items:center;gap:10px;}
.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--gold-dark);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#000;flex-shrink:0;}
.user-name{font-weight:600;color:var(--text-primary);}.user-sub{font-size:11px;color:var(--text-muted);}
.badge{display:inline-block;padding:3px 9px;border-radius:10px;font-size:11px;font-weight:700;letter-spacing:0.3px;}
.badge-gold{background:var(--gold);color:#000;}
.badge-critical{background:#7b0000;color:#ef9a9a;border:1px solid var(--danger);}
.badge-warning{background:#3e1f00;color:#ffcc80;border:1px solid #e65100;}
.badge-notice{background:#0d2137;color:#90caf9;border:1px solid #1565c0;}
.badge-never{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border);}
.badge-ok{background:#1b3a1c;color:#a5d6a7;border:1px solid #2e7d32;}
.badge-danger{background:#3a1212;color:#ef9a9a;border:1px solid var(--danger);}
.badge-expired{background:#3a1212;color:#ef9a9a;border:1px solid var(--danger);}
.filter-bar{margin-bottom:16px;}
.filter-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:8px 12px;color:var(--text-primary);font-size:13px;font-family:'Inter',sans-serif;outline:none;transition:border-color 0.2s;}
.filter-input:focus{border-color:var(--gold);}.filter-input option{background:var(--bg-elevated);}
.settings-card{background:var(--bg-surface);border:1px solid var(--border-gold);border-radius:12px;padding:24px;}
.settings-card h2{font-family:'Cinzel',serif;font-size:15px;color:var(--gold);margin-bottom:14px;font-weight:600;}
.settings-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);}
.settings-row:last-of-type{border-bottom:none;}
.settings-row span:first-child{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:0.5px;}
code{background:var(--bg-elevated);padding:2px 8px;border-radius:4px;font-size:12px;color:var(--text-primary);border:1px solid var(--border);}
.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 0%,rgba(201,162,39,0.06) 0%,transparent 65%),var(--bg-base);padding:20px;}
.auth-card{width:100%;max-width:400px;background:var(--bg-surface);border:1px solid var(--border-gold);border-radius:20px;padding:40px;box-shadow:0 20px 60px rgba(0,0,0,0.8),0 0 40px var(--gold-glow);}
.auth-header{text-align:center;margin-bottom:28px;}.auth-header h1{font-family:'Cinzel',serif;font-size:20px;color:var(--gold);margin-bottom:6px;}.auth-header p{color:var(--text-secondary);font-size:13px;}
.form-group{margin-bottom:14px;}
.form-group label{display:block;margin-bottom:5px;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;color:var(--text-secondary);}
.form-group input{width:100%;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text-primary);font-size:14px;font-family:'Inter',sans-serif;outline:none;transition:border-color 0.2s;}
.form-group input:focus{border-color:var(--gold);}
.form-check{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;color:var(--text-secondary);}
.form-check input{accent-color:var(--gold);}
.flash-container{position:fixed;top:calc(var(--navbar-h) + 10px);right:16px;z-index:999;display:flex;flex-direction:column;gap:8px;}
.flash{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:500;min-width:260px;max-width:380px;box-shadow:0 4px 20px rgba(0,0,0,0.5);}
.flash-success{background:#1b3a1c;border:1px solid #2e7d32;color:#a5d6a7;}
.flash-danger{background:#3a1212;border:1px solid var(--danger);color:#ef9a9a;}
.flash-warning{background:#3a2a0a;border:1px solid #e65100;color:#ffcc80;}
.flash-info{background:#0d2137;border:1px solid #1565c0;color:#90caf9;}
.flash button{background:none;border:none;cursor:pointer;color:inherit;font-size:16px;opacity:0.7;}
.pagination{display:flex;align-items:center;gap:12px;justify-content:center;padding:16px 0;}
.gold{color:var(--gold);}.text-muted{color:var(--text-muted);}.text-gold{color:var(--gold);}.text-danger{color:var(--danger-light);}
.sidebar-label {font-size: 10px; font-weight: 700; letter-spacing: 1.2px; color: var(--text-muted); padding: 14px 16px 4px; text-transform: uppercase;}