:root{--canvas: #F6F8FA;--surface: #FFFFFF;--surface-subtle: #F8FAFC;--line: #E4E7EC;--divider: #EAECF0;--ink: #172033;--muted: #667085;--muted-light: #98A2B3;--primary: #1F5EFF;--primary-dark: #174cd6;--primary-soft: #edf2fe;--sidebar: #173B4A;--sidebar-active: #24576B;--sidebar-text: #FFFFFF;--sidebar-muted: #B8CBD3;--green: #3F9B6D;--green-dark: #2e7753;--green-soft: #edf7f1;--amber: #D89520;--amber-soft: #fbf5e8;--danger: #C94B4B;--danger-soft: #fdf0f0;--info: #3578E5;--accent: #e3fe54;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-height:100dvh;margin:0;background:var(--canvas);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:1.75rem}.page-head h1{margin:0;font-size:clamp(1.75rem,3vw,2.35rem);letter-spacing:-.03em;color:var(--ink)}.page-head p{margin:.4rem 0 0;color:var(--muted)}.panel{border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 1px 3px #1018280a,0 1px 2px #10182805}.primary,.secondary,.danger,.text-button{border:0;border-radius:8px;padding:.65rem 1.1rem;font-weight:600;font-size:.875rem;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.primary{color:#fff;background:var(--primary)}.primary:hover{background:var(--primary-dark)}.secondary{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.secondary:hover{background:var(--surface-subtle);border-color:#d0d5dd}.danger{color:#fff;background:var(--danger)}.danger:hover{background:#b43d3d}.text-button{padding:.4rem .55rem;color:var(--primary);background:transparent;font-weight:600}.text-button:hover{color:var(--primary-dark)}.primary:disabled,.secondary:disabled,.danger:disabled{opacity:.55;cursor:not-allowed}.status{display:inline-flex;align-items:center;gap:.35rem;border-radius:6px;padding:.25rem .55rem;color:var(--green-dark);background:var(--green-soft);font-size:.75rem;font-weight:600;border:1px solid rgba(63,155,109,.2)}.status.inactive{color:#8c5b0e;background:var(--amber-soft);border-color:#d8952040}.status.danger,.status.rejected{color:#a13232;background:var(--danger-soft);border-color:#c94b4b40}.error-banner,.success-banner{margin:0 0 1rem;border-radius:8px;padding:.8rem 1rem;font-size:.875rem}.error-banner{color:#a13232;background:var(--danger-soft);border:1px solid rgba(201,75,75,.2)}.success-banner{color:var(--green-dark);background:var(--green-soft);border:1px solid rgba(63,155,109,.2)}.empty{padding:3rem 1.5rem;color:var(--muted);text-align:center}.loading{padding:2rem;color:var(--muted);text-align:center}.field{display:grid;gap:.45rem}.field span{color:var(--ink);font-size:.84rem;font-weight:600}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:.65rem .8rem;color:var(--ink);background:#fff;outline:none;font-size:.875rem;transition:border-color .15s ease,box-shadow .15s ease}.field input::placeholder,.field select::placeholder,.field textarea::placeholder{color:var(--muted-light)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1f5eff1f}