@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap";:root{--color-bg: #0f1419;--color-surface: #1a2332;--color-surface-hover: #1f2b3d;--color-border: #2a3a4e;--color-text: #e8edf2;--color-text-secondary: #8899aa;--color-text-muted: #5c6f82;--color-accent: #52b788;--color-accent-hover: #6fcf97;--color-amber: #e8a020;--color-danger: #ef4444;--radius: 8px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:DM Sans,system-ui,sans-serif;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}.admin-layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--color-surface);border-right:1px solid var(--color-border);padding:1.5rem 0;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:10}.sidebar-brand{padding:0 1.25rem 1.25rem;border-bottom:1px solid var(--color-border);margin-bottom:.75rem}.sidebar-brand h1{font-size:1.125rem;font-weight:700;letter-spacing:-.5px}.sidebar-brand h1 span{color:var(--color-amber)}.sidebar-brand p{font-size:.75rem;color:var(--color-text-muted);margin-top:.25rem}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.625rem 1.25rem;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;transition:all .15s;cursor:pointer;border:none;background:none;width:100%;text-align:left;text-decoration:none}.nav-link:hover{background:var(--color-surface-hover);color:var(--color-text)}.nav-link.active{color:var(--color-accent);background:#52b78814}.main-content{margin-left:240px;flex:1;padding:2rem;min-height:100vh}.page-header{margin-bottom:1.5rem}.page-header h2{font-size:1.5rem;font-weight:700}.page-header p{color:var(--color-text-secondary);font-size:.875rem;margin-top:.25rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.metric-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem}.metric-card .label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.metric-card .value{font-family:DM Mono,monospace;font-size:1.75rem;font-weight:700;margin-top:.375rem}.metric-card .value.accent{color:var(--color-accent)}.metric-card .value.amber{color:var(--color-amber)}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border)}.data-table td{padding:.75rem 1rem;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.data-table tr:hover td{background:var(--color-surface-hover)}.data-table .name-cell{color:var(--color-text);font-weight:500}.badge{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.badge-green{background:#52b78826;color:var(--color-accent)}.badge-amber{background:#e8a02026;color:var(--color-amber)}.badge-red{background:#ef444426;color:var(--color-danger)}.badge-gray{background:#8899aa26;color:var(--color-text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:var(--radius);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .15s}.btn-primary{background:var(--color-accent);color:#0f1419}.btn-primary:hover{background:var(--color-accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn-outline:hover{border-color:var(--color-accent);color:var(--color-accent)}input,select{padding:.625rem .875rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:.875rem;outline:none;transition:border-color .15s;width:100%}input:focus,select:focus{border-color:var(--color-accent)}input::placeholder{color:var(--color-text-muted)}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.8rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.375rem}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:2.5rem;width:100%;max-width:400px}.login-card h1{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.login-card p{font-size:.85rem;color:var(--color-text-muted);margin-bottom:1.5rem}.error-msg{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--color-danger);padding:.625rem .875rem;border-radius:var(--radius);font-size:.8rem;margin-bottom:1rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}.detail-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem}.detail-card h3{font-size:.875rem;font-weight:600;margin-bottom:1rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.detail-row{display:flex;justify-content:space-between;padding:.375rem 0;font-size:.85rem}.detail-row .label{color:var(--color-text-muted)}.detail-row .value{color:var(--color-text);font-weight:500}.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem}.back-link{display:inline-flex;align-items:center;gap:.375rem;color:var(--color-text-secondary);font-size:.85rem;margin-bottom:1rem}.back-link:hover{color:var(--color-accent)}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{display:flex;align-items:center;justify-content:center;padding:4rem}