:root{--bg: #e4e4f0;--surface: #ffffff;--ink: #241f3d;--muted: #433c62;--line: #e4def3;--rail: #5b35f0;--rail-ink: #ffffff;--purple-0: #4d2de0;--purple-1: #6d4dff;--pink-0: #9d145c;--pink-1: #d42b78;--good: #146b45;--good-bar: #1f9d62;--warn: #8a4b00;--warn-bg: #ffe8cc;--shadow: 0 22px 50px rgba(62, 42, 130, .14);--radius: 28px;--focus: #24145f;color:var(--ink);font-family:Manrope,Segoe UI,sans-serif;font-size:16px;line-height:1.5;background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:#3d27b8}::selection{background:#d9ccff;color:var(--ink)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#c8bee4;border-radius:99px}.app-frame{min-height:100vh;padding:22px}.shell{min-height:calc(100vh - 44px);background:var(--surface);border-radius:36px;box-shadow:var(--shadow);display:flex}.rail{width:96px;margin:16px;background:linear-gradient(180deg,var(--purple-1),var(--rail));border-radius:30px;display:flex;flex-direction:column;align-items:center;padding:18px 10px;gap:8px;flex:none}.rail a,.rail button{width:52px;height:52px;border:0;border-radius:18px;background:transparent;color:var(--rail-ink);display:grid;place-items:center}.rail a[aria-current=page]{background:#ffffff38}.rail a:hover,.rail button:hover{background:#ffffff24}.rail .spacer{flex:1}.icon{width:24px;height:24px}.main{flex:1;min-width:0;padding:28px 28px 32px 8px}.topbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,420px) auto;gap:18px;align-items:center;margin-bottom:22px}.topbar h1{margin:0;font-size:1.7rem;letter-spacing:-.03em;line-height:1.15}.search{display:flex;align-items:center;gap:8px;background:#f4f2fb;border-radius:999px;padding:4px 4px 4px 16px;min-height:48px}.search input{flex:1;border:0;background:transparent;min-width:0;padding:8px 0}.search input::placeholder{color:var(--muted)}a.button,a.pill,button.button,button.pill,label.button,.search button{display:inline-flex;align-items:center;justify-content:center;width:auto;justify-self:start;gap:8px;border:1px solid transparent;border-radius:12px;height:44px;min-height:44px;padding:0 16px;background:#5b35f0;color:#fff;font-size:.9rem;font-weight:600;letter-spacing:-.01em;line-height:1;text-decoration:none;white-space:nowrap;box-shadow:none}a.button:visited,a.pill:visited,.search button{color:#fff}a.button:hover,button.button:hover,a.pill:hover,label.button:hover,.search button:hover{background:#4a28d8}a.button:active,button.button:active,a.pill:active,label.button:active,.search button:active{background:#3f20c4}.button.secondary,.pill.secondary,a.button.secondary,a.pill.secondary{background:#fff;color:#3a2a78;border-color:#d8cff0}a.button.secondary:visited,a.pill.secondary:visited{color:#3a2a78}.button.danger,.pill.danger{background:#fff;color:#8d1230;border-color:#f0c3cf}.button.danger:hover,.pill.danger:hover{background:#fff5f7;border-color:#e7a8b6;color:#8d1230}.button.secondary:hover,.pill.secondary:hover,a.button.secondary:hover,a.pill.secondary:hover{background:#f7f4ff;border-color:#b9aadf;color:#2d1f66}.button:disabled,.pill:disabled,button.button:disabled{background:#f3f0f8;color:#8e87a4;border-color:#e4deef;cursor:not-allowed}.button:disabled:hover,.pill:disabled:hover,button.button:disabled:hover{background:#f3f0f8;color:#8e87a4;border-color:#e4deef}.search button{height:44px;min-height:44px;padding:0 16px;border:0;border-radius:10px}.tabs .pill{height:44px;min-height:44px}.form .button,.form .pill,.actions .button{justify-self:start}.auth-form .button{width:100%;justify-self:stretch}.system-row .pill{height:48px;min-height:48px;align-self:end}.who{display:flex;align-items:center;gap:10px;justify-content:flex-end}.avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#efeaff;color:#341d86;font-weight:800}.who small{display:block;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:18px}.stack{display:grid;gap:18px}.hero-grid{display:grid;grid-template-columns:1.55fr .9fr;gap:18px}.side-stack{display:grid;gap:18px}.bottom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hero-grid>*,.side-stack,.purple-card,.chart{min-width:0}.purple-card,.pink-card,.quiet-card,.stat-card,.panel,.person,.feed-item{border-radius:var(--radius);box-shadow:0 10px 24px #46308c14}a.tile-link{display:block;color:inherit;text-decoration:none;cursor:pointer}a.tile-link:hover{transform:translateY(-2px);box-shadow:0 16px 32px #46308c29}a.tile-link:focus-visible{outline:3px solid #5b35f0;outline-offset:3px}@media(prefers-reduced-motion:reduce){a.tile-link:hover{transform:none}}.purple-card{background:linear-gradient(160deg,var(--purple-0),var(--purple-1));color:#fff;padding:22px 22px 16px;min-height:280px}.pink-card{background:linear-gradient(160deg,var(--pink-0),var(--pink-1));color:#fff;padding:22px;min-height:168px}.quiet-card,.stat-card,.panel{background:#f7f5fc;padding:18px 20px}.purple-card h2,.pink-card h2,.stat-card h2,.panel h2,.quiet-card h2{margin:0;font-size:1.05rem;letter-spacing:-.02em}.display{margin:8px 0 0;font-size:3rem;font-weight:800;letter-spacing:-.04em;line-height:1}.card-copy{margin:8px 0 0;color:inherit}.purple-card .card-copy,.pink-card .card-copy,a.tile-link.purple-card,a.tile-link.pink-card,a.tile-link.purple-card h2,a.tile-link.pink-card h2,a.tile-link.purple-card .display,a.tile-link.pink-card .display{color:#fff}.chart{width:100%;height:150px;margin-top:12px;display:block}.chart path.area{fill:#ffffff29}.chart path.line{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round}.chart circle{fill:#fff}@media(prefers-reduced-motion:no-preference){.chart path.line{stroke-dasharray:800;animation:draw .9s cubic-bezier(.16,1,.3,1) both}}@keyframes draw{0%{stroke-dashoffset:800}to{stroke-dashoffset:0}}.stat-card .display{font-size:2.1rem}.bar{height:8px;background:#e3dcf6;border-radius:99px;overflow:hidden;margin-top:14px}.bar span{display:block;height:100%;background:var(--good-bar);border-radius:inherit}.hint{margin:8px 0 0;color:var(--muted)}.feed{display:grid;gap:10px;align-content:start}.feed h2{margin:0 0 4px;font-size:1.15rem}.feed-item{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:12px;background:#f7f5fc;text-decoration:none;color:inherit}.feed-item strong,.person strong{display:block}.feed-item span,.person span,.meta{color:var(--muted)}.tag{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#efeaff;color:#341d86;font-size:.85rem;font-weight:700}.tag.good{background:#e5f8ee;color:var(--good)}.tag.warn{background:var(--warn-bg);color:var(--warn)}.directory-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:16px}.directory-tools .search{flex:1 1 280px}.sort-field{min-width:min(100%,240px)}.directory-tools .check{min-width:160px}.page-head{display:flex;justify-content:flex-start;gap:14px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.page-head h2{margin:0;font-size:1.35rem;letter-spacing:-.03em}.list{display:grid;gap:10px}.person{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;padding:14px;background:#f7f5fc;text-decoration:none;color:inherit}.person.off{opacity:.62}.sheet{max-width:760px}.employee-layout{max-width:none;grid-template-columns:minmax(300px,.85fr) minmax(0,1.2fr);gap:28px 40px;align-items:start}.employee-person,.employee-systems{display:grid;gap:14px;align-content:start}.employee-systems h2{margin:0}.case-line{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:12px 14px;background:#fff;border-radius:16px}.case-line a{color:inherit;text-decoration:none;min-width:0}.case-line strong,.case-line span{display:block}.case-line span{color:var(--muted);overflow-wrap:anywhere}.case-actions,.case-confirm{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.case-confirm{grid-column:1 / -1}.person-link{color:inherit;text-decoration:none;min-width:0}.person-link strong{display:block}.person-link:hover strong{color:#3d27b8}.row-actions{display:flex;align-items:center;gap:10px}.form{display:grid;gap:14px;max-width:760px}form.employee-layout{max-width:none;gap:28px 40px}label{display:grid;gap:6px;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:16px;min-height:48px;padding:10px 14px}textarea{min-height:110px;resize:vertical}.file-pick{position:relative}.file-input{position:absolute;width:1px;height:1px;min-height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.file-pick:focus-within{outline:3px solid #5b35f0;outline-offset:3px}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.system-row{display:grid;grid-template-columns:1.2fr .8fr 1fr auto;gap:8px;align-items:end}.system-card{display:grid;gap:10px;padding:12px;background:#fff;border-radius:16px}.system-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.system-head .case-confirm{grid-column:1 / -1}.system-fields{display:grid;grid-template-columns:minmax(140px,.7fr) minmax(180px,1.2fr) auto;gap:8px;align-items:end}.system-fields:has(>:only-child){grid-template-columns:minmax(0,1fr)}.system-fields .button{align-self:end}.mark-groups{display:grid;gap:12px}.mark-groups strong{display:block;margin-bottom:6px}.mark-grid{display:flex;flex-wrap:wrap;gap:8px 16px}.mark-grid .check{width:auto}.choice-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.error{margin:0;color:#8d1230;font-weight:700}.banner{background:var(--warn-bg);color:var(--warn);border-radius:18px;padding:12px 14px;font-weight:700}.package{display:grid;gap:12px}.package pre{margin:0;white-space:pre-wrap;font-family:Manrope,Segoe UI,sans-serif;background:#fff;border-radius:18px;padding:14px}.actions{display:flex;flex-wrap:wrap;gap:8px}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.table-wrap{overflow:auto;border-radius:20px;background:#f7f5fc}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:.92rem}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.check{grid-template-columns:24px 1fr;align-items:center;font-weight:600;min-height:44px}.check input{width:24px;height:24px;min-height:0;padding:0}.empty{padding:28px 8px;color:var(--muted)}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(920px,100%);display:grid;grid-template-columns:.85fr 1.15fr;background:#fff;border-radius:36px;box-shadow:var(--shadow);overflow:hidden}.auth-side{background:linear-gradient(165deg,var(--purple-0),var(--purple-1));color:#fff;padding:36px 28px}.auth-side h1{margin:0 0 12px;font-size:2rem;letter-spacing:-.04em}.auth-form{padding:36px 32px}@media(max-width:1180px){.workspace{grid-template-columns:1fr}}@media(max-width:980px){.app-frame{padding:10px}.shell{flex-direction:column;border-radius:24px}.rail{width:auto;flex-direction:row;margin:10px;overflow:auto}.rail .spacer{display:none}.main{padding:8px 14px 20px}.topbar,.hero-grid,.bottom-grid,.workspace,.split,.row-2,.auth-card,.system-row,.system-fields,.employee-layout,.system-head{grid-template-columns:1fr}.person{grid-template-columns:46px 1fr}}