*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #110F0C;--color-surface: #1C1915;--color-surface-hover: #262320;--color-surface-alt: #17140F;--color-border: #352F28;--color-text: #EDE8E0;--color-text-muted: #A8A09A;--color-text-dim: #6B6459;--color-primary: #C4A265;--color-primary-hover: #D4B87A;--color-primary-muted: rgba(196, 162, 101, .15);--color-success: #22c55e;--color-success-muted: rgba(34, 197, 94, .15);--color-warning: #D4A017;--color-warning-muted: rgba(212, 160, 23, .15);--color-danger: #C4353A;--color-danger-muted: rgba(196, 53, 58, .15);--color-info: #7A8BA8;--color-info-muted: rgba(122, 139, 168, .15);--sidebar-width: 260px;--topbar-height: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}#root{min-height:100vh}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.admin-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar__header{padding:20px 16px;border-bottom:1px solid var(--color-border)}.sidebar__logo{display:flex;align-items:center;gap:10px}.sidebar__logo-img{height:36px;width:auto}.sidebar-nav{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar-nav__link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.875rem;font-weight:500;transition:background .15s,color .15s;text-decoration:none}.sidebar-nav__link:hover{background:var(--color-surface-hover);color:var(--color-text)}.sidebar-nav__link--active{background:var(--color-primary-muted);color:var(--color-primary-hover)}.sidebar-nav__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-nav__label{white-space:nowrap}.sidebar__footer{padding:12px 12px 16px;border-top:1px solid var(--color-border);display:flex;align-items:center;gap:8px}.sidebar__user{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.sidebar__user-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem;flex-shrink:0}.sidebar__user-info{display:flex;flex-direction:column;min-width:0}.sidebar__user-name{font-size:.8125rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-email{font-size:.6875rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__logout{background:none;border:none;color:var(--color-text-muted);padding:6px;border-radius:var(--radius-sm);transition:background .15s,color .15s}.sidebar__logout:hover{background:var(--color-danger-muted);color:var(--color-danger)}.admin-main{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh}.topbar{height:var(--topbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:50}.topbar__left{display:flex;align-items:center;gap:16px}.topbar__title{font-size:1.125rem;font-weight:600}.topbar__right{display:flex;align-items:center;gap:12px}.topbar__badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:600}.topbar__badge--admin{background:var(--color-primary-muted);color:var(--color-primary-hover)}.topbar__env{font-size:.75rem;color:var(--color-text-dim);padding:4px 10px;background:var(--color-surface-hover);border-radius:9999px}.admin-content{flex:1;padding:24px}.admin-guard-denied{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}.admin-guard-denied__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:48px;text-align:center;max-width:480px}.admin-guard-denied__card h1{font-size:1.5rem;margin-bottom:12px}.admin-guard-denied__card p{color:var(--color-text-muted);margin-bottom:8px}.admin-guard-denied__role{margin-bottom:24px}.admin-guard-denied__role code{background:var(--color-surface-hover);padding:2px 8px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.875rem}.admin-guard-denied__link{display:inline-block;margin-top:16px;padding:10px 24px;background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;transition:background .15s}.admin-guard-denied__link:hover{background:var(--color-primary-hover);color:#fff}.page-loader{display:flex;align-items:center;justify-content:center;min-height:400px;flex-direction:column;gap:16px}.page-loader__text{color:var(--color-text-muted);font-size:.875rem}.spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner--lg{width:48px;height:48px;border-width:4px}@keyframes spin{to{transform:rotate(360deg)}}.page-header{margin-bottom:24px}.page-header__title{font-size:1.5rem;font-weight:700;margin-bottom:4px}.page-header__subtitle{color:var(--color-text-muted);font-size:.875rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px}.stat-card__label{font-size:.8125rem;color:var(--color-text-muted);font-weight:500;margin-bottom:8px}.stat-card__value{font-size:1.75rem;font-weight:700;line-height:1.2}.stat-card__change{font-size:.75rem;margin-top:6px;font-weight:500}.stat-card__change--up{color:var(--color-success)}.stat-card__change--down{color:var(--color-danger)}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.panel__header{padding:16px 20px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.panel__title{font-size:.9375rem;font-weight:600}.panel__body{padding:20px}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:12px 16px;font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);white-space:nowrap}.data-table td{padding:12px 16px;font-size:.875rem;border-bottom:1px solid var(--color-border);vertical-align:middle}.data-table tbody tr:hover{background:var(--color-surface-hover)}.data-table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:9999px;font-size:.75rem;font-weight:600}.badge--success{background:var(--color-success-muted);color:var(--color-success)}.badge--warning{background:var(--color-warning-muted);color:var(--color-warning)}.badge--danger{background:var(--color-danger-muted);color:var(--color-danger)}.badge--info{background:var(--color-info-muted);color:var(--color-info)}.badge--neutral{background:var(--color-surface-hover);color:var(--color-text-muted)}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.toolbar__search{flex:1;min-width:200px;position:relative}.toolbar__search-input{width:100%;padding:8px 12px 8px 36px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.875rem;outline:none;transition:border-color .15s}.toolbar__search-input:focus{border-color:var(--color-primary)}.toolbar__search-input::placeholder{color:var(--color-text-dim)}.toolbar__search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-text-dim);pointer-events:none}.toolbar__select{padding:8px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.875rem;outline:none;cursor:pointer}.toolbar__select:focus{border-color:var(--color-primary)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;transition:background .15s,color .15s}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-hover)}.btn--ghost{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.btn--ghost:hover{background:var(--color-surface-hover);color:var(--color-text)}.btn--danger{background:var(--color-danger-muted);color:var(--color-danger)}.btn--danger:hover{background:var(--color-danger);color:#fff}.btn--sm{padding:5px 10px;font-size:.8125rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--color-border)}.detail-row:last-child{border-bottom:none}.detail-row__label{font-size:.8125rem;color:var(--color-text-muted);font-weight:500}.detail-row__value{font-size:.875rem;font-weight:500}.chart-placeholder{display:flex;align-items:center;justify-content:center;min-height:300px;border:2px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-dim);font-size:.875rem}.log-viewer{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;font-family:var(--font-mono);font-size:.8125rem;line-height:1.8;max-height:400px;overflow-y:auto;color:var(--color-text-muted)}.log-viewer__entry{display:flex;gap:12px}.log-viewer__timestamp{color:var(--color-text-dim);white-space:nowrap;flex-shrink:0}.log-viewer__level{font-weight:600;white-space:nowrap;flex-shrink:0;min-width:48px}.log-viewer__level--info{color:var(--color-info)}.log-viewer__level--warn{color:var(--color-warning)}.log-viewer__level--error{color:var(--color-danger)}.log-viewer__message{color:var(--color-text);word-break:break-word}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.health-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--color-surface-alt);border-radius:var(--radius-md);border:1px solid var(--color-border)}.health-item__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.health-item__dot--healthy{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.health-item__dot--degraded{background:var(--color-warning);box-shadow:0 0 6px var(--color-warning)}.health-item__dot--down{background:var(--color-danger);box-shadow:0 0 6px var(--color-danger)}.health-item__info{display:flex;flex-direction:column}.health-item__name{font-size:.875rem;font-weight:600}.health-item__status{font-size:.75rem;color:var(--color-text-muted)}.section{margin-bottom:24px}.section__title{font-size:1rem;font-weight:600;margin-bottom:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.gap-4{gap:16px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}