:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color:#1f2937;background:#f4f1eb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #f4f1eb;--panel: #fffdf9;--panel-muted: #f7f3ec;--border: #ddd3c4;--text: #1f2937;--text-soft: #5b6472;--accent: #0f766e;--accent-strong: #115e59;--danger: #b42318;--shadow: 0 16px 40px rgba(35, 31, 24, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#f8f6f1,#efe8dc);color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}#root{min-height:100vh}.screen-center{min-height:100vh;display:grid;place-items:center;padding:24px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:24px}.panel.narrow{width:min(100%,420px)}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{background:#153b37;color:#f9fafb;padding:28px 20px;display:flex;flex-direction:column;gap:24px}.brand{display:flex;flex-direction:column;gap:6px}.brand h1{margin:0;font-size:1.5rem}.brand p{margin:0;color:#f9fafbc2;font-size:.95rem}.nav-list{display:grid;gap:10px}.nav-link{padding:12px 14px;border-radius:12px;color:#f9fafbe0;transition:background-color .2s ease,color .2s ease}.nav-link:hover,.nav-link.active{background:#ffffff1a;color:#fff}.sidebar-footer{margin-top:auto;display:grid;gap:12px}.sidebar-footer button,.button,.button-secondary{border:0;border-radius:12px;padding:12px 16px;cursor:pointer}.button{background:var(--accent);color:#fff}.button:hover{background:var(--accent-strong)}.button:disabled{opacity:.7;cursor:not-allowed}.button-secondary{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff}.main-content{padding:28px}.page-stack{display:grid;gap:20px}.page-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:flex-start}.page-header h2,.page-header h3,.page-header p{margin:0}.metric-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:20px}.metric-card strong{display:block;font-size:2rem;margin-top:12px}.placeholder-block{background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:24px;display:grid;gap:12px}.placeholder-block p,.helper-text,.error-text{margin:0}.helper-text{color:var(--text-soft)}.error-text{color:var(--danger)}.login-form{display:grid;gap:16px}.field{display:grid;gap:8px}.field label{font-weight:600}.field input,.field textarea,.field select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#fff}.admin-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:20px}.admin-filter-actions{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.admin-action-button{color:inherit}.admin-users-layout{display:grid;gap:20px;grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}.table-scroll{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;min-width:860px}.admin-table th,.admin-table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--border);vertical-align:top}.admin-table th{color:var(--text-soft);font-size:.9rem;font-weight:700}.admin-table tbody tr:hover{background:#0f766e0a}.admin-pagination{display:flex;gap:12px;justify-content:flex-end}.admin-user-detail{align-self:start}.admin-detail-row{display:grid;gap:4px;padding-bottom:12px;border-bottom:1px solid var(--border)}.admin-detail-row:last-child{border-bottom:0;padding-bottom:0}.page-list{display:grid;gap:12px}.pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 12px;background:var(--panel-muted);color:var(--text-soft);width:fit-content}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.sidebar{gap:18px}.main-content{padding:20px}.admin-users-layout{grid-template-columns:1fr}}