:root{--bg-top: #f5f3ff;--bg-bottom: #ece9ff;--panel: #ffffff;--panel-2: #ffffff;--ink: #0f172a;--ink-soft: #475569;--accent: #7f5af0;--accent-2: #6556f6;--accent-soft: #a78bfa;--line: #d1d5db}*{box-sizing:border-box}body{margin:0;font-family:Geist Sans,Geist,system-ui,-apple-system,sans-serif;color:var(--ink);background:radial-gradient(circle at 85% 8%,rgba(127,90,240,.14),transparent 28%),radial-gradient(circle at 10% 90%,rgba(101,86,246,.12),transparent 30%),linear-gradient(160deg,var(--bg-top),var(--bg-bottom));min-height:100vh}.app-shell{max-width:1400px;margin:0 auto;padding:24px}.hero{padding:24px;border-radius:18px;background:radial-gradient(circle at top right,rgba(127,90,240,.22),transparent 45%),radial-gradient(circle at bottom left,rgba(101,86,246,.16),transparent 50%),var(--panel);border:1px solid var(--line);box-shadow:0 14px 35px #0f172a14}.hero h1{margin:0;font-size:clamp(1.8rem,2.5vw,2.8rem);font-family:"DM Serif Display",Georgia,serif;letter-spacing:-.02em}.tabs{display:flex;gap:12px;margin:20px 0}.tabs button,button{border:1px solid var(--line);background:var(--panel-2);color:var(--ink);padding:10px 16px;border-radius:12px;font-weight:700;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.tabs button:hover,button:hover{border-color:var(--accent-soft);box-shadow:0 8px 20px #0f172a14;transform:translateY(-1px)}.tabs button.active{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#fff;border-color:transparent}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 10px 28px #0f172a0d}.panel h2,.panel h3{margin-top:0}textarea,input[type=file],input[type=text],input[type=password],select{width:100%;margin-bottom:10px}textarea{border-radius:10px;border:1px solid var(--line);padding:12px;font:inherit;color:var(--ink);background:#fff}input[type=text],input[type=password]{border-radius:10px;border:1px solid var(--line);padding:10px;font:inherit;color:var(--ink);background:#fff}select{border-radius:10px;border:1px solid var(--line);padding:10px;font:inherit;background:#fff;color:var(--ink)}.hero-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.auth-panel{max-width:420px;margin:22px auto 0}.error-message{color:#b42318;font-weight:700}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff}table{width:100%;border-collapse:collapse;min-width:900px}th,td{border-bottom:1px solid #eee;text-align:left;padding:8px;vertical-align:top;font-size:.9rem}th{background:#f5f3ff;position:sticky;top:0}.json-box{background:#0f172a;color:#f8fafc;border-radius:10px;padding:12px;overflow:auto;border:1px solid rgba(127,90,240,.25)}.import-result{margin-top:12px}.data-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:8px}.data-actions-inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.data-actions-inline label{font-weight:700}.data-summary{font-weight:700;margin:12px 0}.pagination-bar{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182880;display:flex;align-items:center;justify-content:center;padding:16px;z-index:40}.modal-content{width:min(980px,95vw);max-height:90vh;overflow:auto;background:var(--panel-2);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 20px 50px #0f172a47}@media (max-width: 700px){.app-shell{padding:14px}.tabs{flex-direction:column}table{min-width:760px}}