*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0c0f;color:#f3f4f6}img,video,canvas,svg:not(.svg-inline--fa){max-width:100%;height:auto}.App{width:100%;min-height:100%;display:flex;flex-direction:column}main{flex:1 0 auto}code{font-family:SUSE Mono,Share Tech Mono,Fira Code,Consolas,monospace}@media(max-width:768px){.fluid-90{width:90%;margin-left:auto;margin-right:auto}}.admin-app{display:flex;min-height:100vh;background:#0f1320;color:#e6eaf2}.admin-sidebar{width:240px;background:#0b0e19;border-right:1px solid #1b2140;padding:16px;position:sticky;top:0;height:100vh}.admin-brand{font-weight:700;margin-bottom:16px;letter-spacing:.5px}.admin-nav{display:flex;flex-direction:column;gap:8px}.admin-nav a{color:#b6c0db;text-decoration:none;padding:8px 10px;border-radius:6px}.admin-nav a.active,.admin-nav a:hover{background:#121730;color:#fff}.admin-main{flex:1;padding:20px 28px}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px;flex-wrap:wrap}.admin-actions{display:flex;gap:8px}.btn{background:#2a5bd7;color:#fff;padding:8px 12px;border:none;border-radius:6px;cursor:pointer}.btn.secondary{background:#2a3350}.btn.danger{background:#c0392b}.btn:disabled{opacity:.6;cursor:not-allowed}.admin-filters{display:flex;gap:8px;flex-wrap:wrap}.admin-filters input,.admin-filters select{background:#0b0e19;color:#e6eaf2;border:1px solid #1b2140;border-radius:6px;padding:8px 10px}.admin-table{width:100%;border-collapse:collapse;background:#0b0e19;border:1px solid #1b2140}.admin-table th,.admin-table td{padding:10px;border-bottom:1px solid #1b2140}.admin-table th{text-align:left}.admin-table tr:hover{background:#121730}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field input,.form-field select,.form-field textarea{background:#0b0e19;color:#e6eaf2;border:1px solid #1b2140;border-radius:6px;padding:10px}.form-actions{margin-top:16px;display:flex;gap:8px}.center-panel{max-width:560px;margin:20vh auto;background:#0b0e19;padding:20px;border:1px solid #1b2140;border-radius:10px}.hover-zoom{transition:transform .2s ease;cursor:pointer}.hover-zoom:hover{transform:scale(3);z-index:9999;position:relative;clip-path:none;overflow:visible}.hover-zoom.zoom-disabled:hover{transform:scale(1)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}