:root{--bg:#f5f7fa;--card:#fff;--text:#2c3e50;--muted:#6b7c93;--accent:#00aeef;--accent-dark:#0499d1;--border:#e3e8ef;--shadow:0 10px 30px #00000014;--radius:16px;--maxw:960px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:var(--accent);text-decoration:none}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}header.topbar{color:#fff;background:linear-gradient(#0e6f90 0%,#0c5f7a 100%);padding:16px 0}header.topbar .container{justify-content:space-between;align-items:center;display:flex}header.topbar .brand{font-size:1.4rem;font-weight:700}header.topbar .brand .fix{color:var(--accent)}header.topbar nav a,header.topbar nav button{color:#e7f7ff;cursor:pointer;font-weight:600;font:inherit;background:0 0;border:none;margin-left:16px}main{flex:1;padding:40px 0}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.stack{flex-direction:column;gap:14px;display:flex}.field label{margin-bottom:6px;font-weight:700;display:block}input,textarea,select{border:1px solid var(--border);width:100%;font:inherit;border-radius:10px;padding:10px 12px}textarea{resize:vertical;min-height:100px}.btn{background:linear-gradient(180deg, var(--accent), var(--accent-dark));color:#fff;cursor:pointer;border:0;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:700;display:inline-block}.btn.secondary{border:2px solid var(--accent);color:var(--accent-dark);background:0 0}.muted{color:var(--muted)}.error{color:#c0392b;font-weight:600}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px}.status-badge{color:#0a4e64;background:#e8fbff;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-block}.message{border:1px solid var(--border);border-radius:12px;padding:12px 14px}.message.admin{background:#eefaf1}.message .meta{color:var(--muted);margin-bottom:4px;font-size:13px}.with-sidebar{align-items:flex-start;gap:24px;display:flex}.sidebar-nav{flex-direction:column;flex:0 0 180px;gap:4px;display:flex}.sidebar-nav a{color:var(--text);border-radius:10px;padding:10px 14px;font-weight:600}.sidebar-nav a:hover{background:var(--bg)}.sidebar-nav a.active{background:var(--accent);color:#fff}.with-sidebar>.card{flex:1;min-width:0}@media (max-width:640px){.with-sidebar{flex-direction:column}.sidebar-nav{flex-direction:row;flex:none;width:100%}}