*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-width:220px;--color-bg:#f8f9fa;--color-surface:#fff;--color-border:#dee2e6;--color-text:#212529;--color-text-secondary:#6c757d;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-error:#dc2626}body{color:var(--color-text);background:var(--color-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.admin-layout{min-height:100vh;display:flex}.admin-sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);padding:1.25rem 0;position:fixed;top:0;bottom:0;left:0}.admin-sidebar h1{color:var(--color-text);margin-bottom:1.5rem;padding:0 1rem;font-size:1rem}.nav-section{margin-bottom:.75rem}.nav-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);padding:.5rem 1rem .25rem;font-size:.7rem;font-weight:600}.admin-sidebar a{color:var(--color-text-secondary);border-left:3px solid #0000;padding:.375rem 1rem .375rem 1.25rem;font-size:.85rem;text-decoration:none;display:block}.admin-sidebar a:hover{color:var(--color-text);background:#f1f3f5}.admin-sidebar a.active{color:var(--color-primary);border-left-color:var(--color-primary);background:#e7f1ff}.admin-content{margin-left:var(--sidebar-width);flex:1;padding:1.5rem 2rem}.btn{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:#f1f3f5}.btn-danger{background:var(--color-error);color:#fff}.form-input,.form-textarea{border:1px solid var(--color-border);width:100%;color:var(--color-text);border-radius:4px;padding:.5rem .75rem;font-family:inherit;font-size:.875rem}.form-textarea{resize:vertical;font-family:SF Mono,Fira Code,Consolas,monospace}.form-input:focus,.form-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #3b82f626}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--color-border);padding:.625rem .75rem;font-size:.875rem}.table th{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.02em;font-size:.8rem;font-weight:600}.table tr:hover td{background:#f8f9fa}.table tr{cursor:pointer}.app-footer{bottom:0;left:var(--sidebar-width);color:var(--color-text-secondary);text-align:center;background:var(--color-bg);border-top:1px solid var(--color-border);padding:.5rem 1.5rem;font-size:.75rem;position:fixed;right:0}.placeholder-page{text-align:center;color:var(--color-text-secondary);padding:3rem}.placeholder-page h2{color:var(--color-text);margin-bottom:.5rem}