:root{--bg: #f7f6f4;--card: #ffffff;--text: #3a3b45;--muted: #8b8d97;--border: #e7e4df;--accent: #b9c5d6;--accent-strong: #8ea3bf;--danger: #d88f8f;--warn: #e9b56b}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:radial-gradient(circle at top,#f8f4ef 0%,var(--bg) 45%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{text-decoration:none;color:inherit}.container{max-width:1240px;margin:0 auto;padding:22px}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:0 10px 24px #6f7f9617}.topbar{margin-bottom:18px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:600;font-size:20px;letter-spacing:.2px}.small{color:var(--muted);font-size:12px}.shell{display:grid;grid-template-columns:250px 1fr;gap:18px}.sidebar{padding:16px;height:fit-content;position:sticky;top:16px}.nav-link{display:block;padding:10px 12px;border-radius:10px;color:#5c6676;transition:all .2s ease}.nav-link:hover,.nav-link.router-link-active{background:#f3f6fa;color:#425166}.content{min-width:0}.panel{padding:16px;animation:fade .18s ease}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.row-inline{display:flex;gap:8px;align-items:center}.stack{display:flex;flex-direction:column;gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 0 12px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#657183}.input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--text);outline:none;transition:all .2s ease}.input:focus{border-color:var(--accent-strong);box-shadow:0 0 0 4px #9cb0c933}textarea.input{resize:vertical}.btn{border:1px solid var(--border);background:#fff;color:#5f6a78;border-radius:12px;padding:9px 12px;cursor:pointer;transition:all .2s ease}.btn:hover{transform:translateY(-1px)}.btn.soft{background:#edf2f8;border-color:#dae4f0;color:#4e6178}.btn.danger{background:#fff5f5;border-color:#f0dada;color:#b36f6f}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:920px}th,td{padding:11px 12px;border-bottom:1px solid #f1efeb;font-size:13px;white-space:nowrap}th{text-align:left;color:#7e8795;font-weight:600;background:#fcfbf9}.actions{display:flex;gap:6px}.warn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:#fff3dc;color:#a76b1d;font-weight:700;margin-right:6px}.error-text{color:#b56e6e;font-size:13px}.auth{max-width:540px;margin:50px auto 0}.auth-card{display:flex;flex-direction:column;gap:12px}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:960px){.shell{grid-template-columns:1fr}.sidebar{position:static}.grid-2{grid-template-columns:1fr}}