@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#202127;background:#f7f6f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8B6CCC;outline-offset:3px}button{border:0}h1,h2,h3,p{margin-top:0}h1{font-size:28px;letter-spacing:-1px;margin:9px 0 0}h2{font-size:20px}h3{font-size:16px}small,.hint{color:#625c6b;font-size:14px;line-height:1.6}.shell{display:flex;min-height:100vh}aside{width:245px;background:#202127;color:#fff;padding:32px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:12px;font-size:24px}.brand svg,.login-brand svg{color:#c4aff2}.brand span,.login-brand span{font-weight:400;color:#b9b3c5}.office{font-size:12px;letter-spacing:2px;color:#c1bacd;padding:24px 12px 36px}nav{display:grid;gap:8px}nav button{display:flex;align-items:center;gap:12px;text-align:left;padding:14px;border-radius:10px;background:none;color:#ddd8e5;font-size:14px}nav button.active{background:#373043;color:#e5daff}nav button:hover{background:#302b38}.sidebar-bottom{margin-top:auto;border-top:1px solid #45404D;padding-top:25px;font-size:12px;color:#c1bacd}.sidebar-bottom p{font-size:14px}.sidebar-bottom button{display:flex;gap:8px;background:none;color:#e5dfee;padding:10px 0}main{margin-left:245px;padding:34px 42px;width:calc(100% - 245px);max-width:1600px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.5px;color:#706a7a}.profile{display:flex;gap:10px;align-items:center;font-size:14px}.profile select{display:block;border:0;background:transparent;color:#625c6b;margin-top:4px}.avatar{height:42px;width:42px;display:grid;place-items:center;border-radius:50%;background:#ece5f8;color:#6546b5;font-weight:700}.demo-banner{font-size:13px;color:#665329;background:#fff7df;border:1px solid #ebdfba;padding:10px 15px;border-radius:8px;margin:24px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.stat{padding:22px;border:1px solid #E4E0E8;border-radius:12px;background:#fff}.stat span{display:block;color:#625c6b;font-size:14px}.stat strong{display:block;font-size:32px;letter-spacing:-1px;margin:12px 0 4px}.stat small{font-size:12px}.workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;align-items:start}.panel{background:#fff;border:1px solid #E4E0E8;border-radius:14px;padding:26px}.panel-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:22px}.panel-heading h2{margin:0}.panel-heading span{font-size:13px;color:#706a7a}label{display:block;font-size:14px;font-weight:600}label>select,label>input{display:block;width:100%;padding:13px 14px;margin-top:8px;border:1px solid #DCD6E2;background:#fff;border-radius:8px;color:#202127;min-height:46px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.categories{display:flex;flex-wrap:wrap;gap:5px;margin:24px 0 12px}.categories button{background:none;color:#625c6b;font-size:13px;padding:7px 9px;border-radius:6px}.categories button.selected{background:#eee7fa;color:#6546b5}.quick-picks{display:flex;flex-wrap:wrap;gap:8px}.quick-picks button{background:#faf8fc;border:1px solid #E4E0E8;padding:10px;border-radius:8px;font-size:12px;color:#625c6b}.quick-picks button.selected{background:#202127;color:#fff;border-color:#202127}.primary{background:#6546b5;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;min-height:48px;border-radius:8px;font-weight:600;width:100%}.primary:hover{background:#52358f}.secondary{background:#f2eef7;color:#51445f;border:1px solid #DDD6E7;padding:10px 14px;border-radius:8px;font-size:14px;margin:10px 6px 0 0}.text-button{background:none;color:#6546b5;display:flex;align-items:center;gap:8px;padding:16px 0 0;font-size:14px}.empty{text-align:center;padding:48px 10px;color:#706a7a}.empty svg{color:#b2a8c0}.empty h3{color:#625c6b;margin:18px 0 8px}.empty p{font-size:14px;line-height:1.6}.record{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid #EDE8F1;font-size:14px}.record small{display:block;font-size:12px;margin-top:6px}.record b{white-space:nowrap}.success,.error{padding:14px;border-radius:8px;margin-bottom:18px;font-size:14px}.success{display:flex;align-items:center;gap:10px;background:#e4f5ed;color:#116342}.error{background:#fff0ee;color:#a62e22}footer{display:flex;justify-content:space-between;color:#706a7a;font-size:12px;margin-top:35px}pre{white-space:pre-wrap;font-family:inherit;line-height:1.7;background:#f4f0f7;border-radius:8px;padding:20px;font-size:14px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.checks label{display:flex;align-items:center;gap:9px;font-size:12px}.checks input{margin:0;width:16px;min-height:16px}.login{min-height:100vh;background:#202127;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px}.login-brand{text-align:center;color:#fff;margin-bottom:32px}.login-brand h1{font-size:40px;margin:12px}.login-brand p{color:#c1bacd}.login-card{max-width:440px;width:100%;padding:36px;background:#fff;border-radius:18px}.login-card h2{font-size:28px;margin:18px 0}.login-card p{line-height:1.6;color:#625c6b}.login-card .secondary{width:100%}.login footer{color:#c1bacd}@media(max-width:1100px){main{padding:28px 22px}.workspace{grid-template-columns:1fr}.stats{gap:10px}.stat{padding:16px}.stat strong{font-size:26px}}@media(max-width:720px){aside{position:fixed;inset:auto 0 0;width:100%;height:auto;padding:8px;z-index:10}.brand,.office,.sidebar-bottom{display:none}nav{display:flex;overflow:auto;gap:4px}nav button{flex-direction:column;gap:5px;padding:10px;font-size:11px;min-width:72px}main{margin:0;width:100%;padding:22px 16px 100px}h1{font-size:23px}.profile strong,.avatar{display:none}.profile select{max-width:110px;font-size:12px}.eyebrow{font-size:10px}.stats{grid-template-columns:repeat(2,1fr)}.panel{padding:20px}.fields{grid-template-columns:1fr}.demo-banner{font-size:12px;line-height:1.5}.checks{grid-template-columns:1fr}footer span{display:none}}.quotas{display:grid;gap:24px}.table-scroll{overflow:auto;max-height:520px;margin:18px 0}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #E4E0E8;white-space:nowrap}th{background:#f2eef7;position:sticky;top:0;color:#51445f}td:last-child{font-variant-numeric:tabular-nums}.quotas details{margin:16px 0}.quotas summary{cursor:pointer;font-weight:600}.quotas .panel-heading label{min-width:180px}.quotas input[type=file]{max-width:100%}fieldset.fields{border:0;padding:0;margin:0 0 18px;min-width:0}textarea{width:100%;min-height:80px;padding:12px;border:1px solid #DDD6E7;border-radius:8px;font:inherit}@media(min-width:721px){aside{overflow:hidden}.brand,.office,.sidebar-bottom{flex-shrink:0}aside nav{min-height:0;overflow-y:auto;flex:1;padding-bottom:12px;scrollbar-width:thin}.sidebar-bottom{margin-top:12px;padding-top:16px}}.panel,.stat{box-shadow:0 3px 14px #20212709}input[type=checkbox]{accent-color:#6546B5}textarea:focus-visible{outline:3px solid #8B6CCC;outline-offset:3px}nav button.active{box-shadow:inset 3px 0 #bda2ee}aside nav{scrollbar-color:#736480 #202127}.secondary:hover{background:#eae2f5}.login-card{box-shadow:0 20px 60px #0003}.mobile-signout{display:none}@media(max-width:720px){header{align-items:flex-start;flex-wrap:wrap}.profile{margin-left:auto;flex-wrap:wrap;justify-content:flex-end;max-width:100%}.mobile-signout{display:flex;align-items:center;gap:7px;min-height:44px;padding:10px;background:#f2eef7;color:#51445f;border:1px solid #DDD6E7;border-radius:8px;font-size:12px}aside{padding-bottom:max(8px,env(safe-area-inset-bottom))}nav button{min-height:56px}.panel-heading{flex-wrap:wrap}.quotas .panel-heading label{min-width:0;width:100%}input,select,textarea{max-width:100%}.record{flex-wrap:wrap}.record>div:first-child{min-width:0;flex:1 1 150px}.record strong,.record small{overflow-wrap:anywhere}.record>div:last-child{display:flex;flex-wrap:wrap}footer{flex-wrap:wrap;line-height:1.6}}