:root{--font-family: "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:light;--bg: #f6f8fc;--bg-strong: #eef2f9;--surface: rgba(255, 255, 255, .94);--surface-strong: #ffffff;--surface-dark: #28285e;--text: #28285e;--text-soft: rgba(40, 40, 94, .72);--line: rgba(40, 40, 94, .12);--line-strong: rgba(40, 40, 94, .2);--accent: #28285e;--accent-deep: #1f2454;--accent-mid: #3f6b82;--accent-green: #55be9b;--accent-green-deep: #188d6d;--brand-gradient: linear-gradient(90deg, var(--accent) 0%, var(--accent-mid) 52%, var(--accent-green) 100%);--brand-gradient-soft: linear-gradient( 90deg, rgba(40, 40, 94, .1) 0%, rgba(63, 107, 130, .12) 52%, rgba(85, 190, 155, .14) 100% );--success: #188d6d;--warning: #cb8b2f;--danger: #ba3f31;--shadow: 0 24px 60px rgba(40, 40, 94, .12);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;font-family:var(--font-family);background:radial-gradient(circle at top left,rgba(40,40,94,.08),transparent 30%),radial-gradient(circle at top right,rgba(85,190,155,.1),transparent 28%),linear-gradient(180deg,#fbfcff,#f4f8fb)}body{margin:0;min-height:100vh;font-family:var(--font-family);color:var(--text);background:transparent}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.page-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}.page-title{margin:0;font-family:var(--font-family);font-weight:800;font-size:clamp(2rem,4vw,3rem);line-height:.98;letter-spacing:-.04em}.page-intro{margin:.4rem 0 0;max-width:52rem;color:var(--text-soft);line-height:1.5}.chip{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .8rem;border-radius:999px;border:1px solid var(--line);color:var(--text-soft);background:#ffffffe0}.badge-dot{width:.55rem;height:.55rem;border-radius:999px;background:currentColor}.status-danger{color:var(--danger)}.status-warning{color:var(--warning)}.status-success{color:var(--success)}.button-primary,.button-secondary,.button-ghost,.button-danger{border-radius:999px;padding:.8rem 1.1rem;border:1px solid transparent;transition:transform .12s ease,border-color .12s ease,background .12s ease,color .12s ease}.button-primary:hover,.button-secondary:hover,.button-ghost:hover,.button-danger:hover{transform:translateY(-1px)}.button-primary{color:#fff;background:var(--brand-gradient);box-shadow:0 12px 28px #28285e2e}.button-secondary{border-color:var(--line);background:#fffffff5;color:var(--accent)}.button-ghost{border-color:var(--line);background:transparent;color:var(--accent)}.button-ghost-active{color:var(--accent);border-color:#28285e2e;background:var(--brand-gradient-soft)}.button-danger{color:#fff5f3;background:linear-gradient(135deg,var(--danger),#8c291f)}.toolbar{display:flex;flex-wrap:wrap;gap:.85rem;align-items:center}.field,.select,.textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:.85rem .95rem;background:#ffffffdb;color:var(--text)}.field:focus,.select:focus,.textarea:focus{outline:2px solid rgba(85,190,155,.22);border-color:#55be9b80}.muted{color:var(--text-soft)}.filter-count{display:inline-flex;min-width:1.7rem;justify-content:center;padding:.1rem .45rem;border-radius:999px;background:#fffffff0}.empty-state{padding:2rem;border-radius:var(--radius-lg);border:1px dashed var(--line-strong);color:var(--text-soft);background:#ffffff8a}@media (max-width: 900px){.page-header{flex-direction:column}}