@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@300;400;500;600&display=swap";:root{--color-primary:#1a2a36;--color-accent:#c0392b;--color-lightblue:#a8c8e0;--color-offwhite:#f5f7f8;--color-white:#fff;--color-border:#a8c8e040;--color-text-muted:#f5f7f8e6;--color-text-subtle:#f5f7f8b3;--color-text-disabled:#f5f7f880;--font-display:"Bebas Neue", sans-serif;--font-serif:"DM Serif Display", serif;--font-body:"DM Sans", sans-serif;--radius:6px;--radius-lg:12px;--shadow:0 2px 12px #00000040;--shadow-lg:0 8px 32px #00000059;--sidebar-width:220px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-body);background:var(--color-primary);color:var(--color-offwhite);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--font-body);outline:none}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--color-border);z-index:100;background:#00000059;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.sidebar-logo{border-bottom:1px solid var(--color-border);padding:24px 20px 20px}.sidebar-logo .wordmark{font-family:var(--font-display);letter-spacing:1px;color:var(--color-offwhite);font-size:22px;line-height:1}.sidebar-logo .wordmark span{color:var(--color-accent)}.sidebar-logo .tagline{color:var(--color-text-muted);letter-spacing:.5px;text-transform:uppercase;margin-top:4px;font-size:10px}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:16px 0;display:flex}.nav-item{color:var(--color-text-muted);cursor:pointer;border-left:3px solid #0000;align-items:center;gap:10px;padding:10px 20px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:var(--color-offwhite);background:#a8c8e014}.nav-item.active{color:var(--color-offwhite);border-left-color:var(--color-accent);background:#c0392b1a}.nav-item .nav-icon{text-align:center;flex-shrink:0;width:16px;font-size:14px}.sidebar-footer{border-top:1px solid var(--color-border);color:var(--color-text-muted);padding:16px 20px;font-size:12px}.sidebar-footer .user-email{text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;overflow:hidden}.btn-logout{color:var(--color-offwhite);border-radius:var(--radius);background:#ffffff12;border:1px solid #a8c8e066;width:100%;padding:6px 12px;font-size:11px;transition:all .15s}.btn-logout:hover{border-color:var(--color-accent);color:#ff6b5b;background:#c0392b33}.page-header{border-bottom:1px solid var(--color-border);padding:32px 40px 24px}.page-title{font-family:var(--font-display);letter-spacing:1px;color:var(--color-offwhite);font-size:36px;line-height:1}.page-title span{color:var(--color-accent)}.page-subtitle{color:var(--color-text-muted);margin-top:6px;font-size:13px}.page-body{flex:1;padding:32px 40px}.card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#ffffff0d;padding:24px}.stats-row{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:32px;display:grid}.stat-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#ffffff0d;padding:20px}.stat-number{font-family:var(--font-display);color:var(--color-accent);font-size:42px;line-height:1}.stat-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-top:4px;font-size:11px}.table-wrap{border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}thead tr{background:#a8c8e01a}thead th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--color-lightblue);white-space:nowrap;padding:12px 16px;font-size:10px;font-weight:600}tbody tr{border-top:1px solid var(--color-border);transition:background .1s}tbody tr:hover{background:#ffffff0a}tbody td{color:var(--color-offwhite);vertical-align:middle;padding:12px 16px}.badge{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-block}.badge-green{color:#4cd98a;background:#27ae6033}.badge-red{color:#e74c3c;background:#c0392b33}.badge-blue{color:var(--color-lightblue);background:#a8c8e033}.badge-muted{color:var(--color-text-muted);background:#ffffff14}.filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.filter-input{border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-offwhite);background:#ffffff0f;min-width:200px;padding:8px 14px;font-size:13px;transition:border-color .15s}.filter-input::placeholder{color:var(--color-text-subtle)}.filter-input:focus{border-color:var(--color-lightblue)}.filter-select{border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-offwhite);cursor:pointer;background:#ffffff0f;padding:8px 14px;font-size:13px;transition:border-color .15s}.filter-select:focus{border-color:var(--color-lightblue)}.filter-select option{background:var(--color-primary)}.loading-state,.empty-state{text-align:center;color:var(--color-text-muted);padding:48px 24px;font-size:14px}.empty-state .empty-icon{opacity:.5;margin-bottom:12px;font-size:32px}.error-banner{border-radius:var(--radius);color:#e74c3c;background:#c0392b26;border:1px solid #c0392b66;margin-bottom:24px;padding:12px 16px;font-size:13px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#a8c8e040;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8c8e073}