:root{color:#151821;--brand-primary:#111827;--brand-primary-text:#fff;--brand-secondary:#6366f1;--brand-secondary-text:#fff;--brand-bg:#f6f7fb;--line:#e5e7ee;--muted:#6c7280;--panel:#fff;--danger:#c73b4b;--ok:#16845b;background:#f6f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--brand-bg);color:#151821}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.brand{align-items:center;gap:11px;display:flex}.brand__logo{object-fit:contain;border-radius:12px;width:40px;height:40px}.brand__mark{background:var(--brand-primary);width:40px;height:40px;color:var(--brand-primary-text);border-radius:13px;place-items:center;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand strong{font-size:13px}.brand small{color:#7c8492;margin-top:2px;font-size:10px}.brand--compact .brand__logo,.brand--compact .brand__mark{width:34px;height:34px}.brand--compact strong{font-size:12px}.shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.side{border-right:1px solid var(--line);background:#fff;flex-direction:column;gap:28px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.side nav{flex-direction:column;gap:6px;display:flex}.side nav a{color:#6b7280;border-radius:11px;padding:11px 12px;font-size:13px}.side nav a.active{background:color-mix(in srgb,var(--brand-primary) 9%,white);color:var(--brand-primary);font-weight:700}.side__foot{border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:auto;padding-top:16px;display:flex}.side__foot>div{flex:1;min-width:0}.side__foot strong,.side__foot small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.side__foot strong{font-size:11px}.side__foot small{color:#8b92a0;margin-top:2px;font-size:9px}.side__foot button{color:#7c8492;background:0 0;border:0;font-size:11px}.main{min-width:0}.mobilebar{display:none}.page{max-width:1420px;margin:0 auto;padding:36px 40px 60px}.stack{flex-direction:column;gap:30px;display:flex}.hero{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.hero h1,.wizard__card h1{letter-spacing:-.035em;margin:7px 0 8px}.hero h1{font-size:34px}.hero p,.lead{color:var(--muted);max-width:720px;margin:0;font-size:14px;line-height:1.6}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#8c93a0;font-size:10px;font-weight:800}.pill{color:#727986;text-transform:uppercase;letter-spacing:.07em;border:1px solid #d9dde5;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800;display:inline-flex}.pill--ok{color:var(--ok);background:#f0faf6;border-color:#b7e3d2}.metrics{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.metrics>div{border:1px solid var(--line);background:#fff;border-radius:18px;padding:20px}.metrics small,.metrics strong{display:block}.metrics small{color:#89919e;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.metrics strong{margin-top:6px;font-size:30px}.sectionhead{justify-content:space-between;align-items:end;margin-bottom:14px;display:flex}.sectionhead h2{margin:4px 0 0;font-size:20px}.textlink{color:var(--brand-primary);font-size:12px;font-weight:700}.modulegrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.modulecard{border:1px solid var(--line);background:#fff;border-radius:17px;gap:13px;min-height:122px;padding:17px;display:flex;position:relative}.modulecard__icon{background:color-mix(in srgb,var(--brand-primary) 9%,white);width:38px;height:38px;color:var(--brand-primary);border-radius:12px;flex:none;place-items:center;font-weight:800;display:grid}.modulecard h3{margin:2px 0 6px;font-size:13px}.modulecard p{color:#7d8592;margin:0;padding-right:40px;font-size:11px;line-height:1.5}.modulecard>.pill{font-size:7px;position:absolute;top:12px;right:12px}.login{grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login__visual{background:var(--brand-primary);color:var(--brand-primary-text);flex-direction:column;padding:46px 7vw;display:flex;position:relative;overflow:hidden}.login__visual .brand small{color:color-mix(in srgb,var(--brand-primary-text) 65%,transparent)}.login__visual .brand__mark{background:var(--brand-secondary);color:var(--brand-secondary-text)}.login__glow{background:var(--brand-secondary);filter:blur(150px);opacity:.25;border-radius:50%;width:620px;height:620px;position:absolute;bottom:-260px;right:-260px}.login__pitch{margin:auto 0;position:relative}.login__pitch span{letter-spacing:.16em;opacity:.65;font-size:10px;font-weight:800}.login__pitch h1{letter-spacing:-.045em;max-width:620px;margin:12px 0;font-size:48px;line-height:1.04}.login__pitch p{opacity:.72;max-width:520px;line-height:1.6}.powered{opacity:.55;position:relative}.login__form{background:#fff;place-items:center;padding:30px;display:grid}.login__box{width:min(410px,100%)}.login__box h2{margin:7px 0;font-size:28px}.login__box>p{color:#7e8592;margin:0 0 25px;font-size:13px;line-height:1.5}.login form,.formstack{flex-direction:column;gap:15px;display:flex}.login label,.wizard label{color:#606876;font-size:11px;font-weight:700}.login input,.wizard input,.wizard select{color:#1f2430;background:#fff;border:1px solid #dfe3ea;border-radius:11px;outline:none;width:100%;margin-top:7px;padding:11px 12px;display:block}.login input:focus,.wizard input:focus,.wizard select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 10%,transparent)}.primary{background:var(--brand-primary);color:var(--brand-primary-text);border:0;border-radius:11px;padding:12px 16px;font-weight:800}.primary:disabled,button:disabled{opacity:.5;cursor:not-allowed}.login__mobilebrand{display:none}.error{color:var(--danger);background:#fff5f6;border:1px solid #f2c6cc;border-radius:11px;padding:11px 12px;font-size:11px;line-height:1.45}.loading,.boot{color:#7c8492;place-items:center;min-height:60vh;font-size:12px;display:grid}.wizard{grid-template-columns:280px minmax(0,800px);justify-content:center;align-items:start;gap:28px;display:grid}.wizard__rail{padding:18px 4px;position:sticky;top:30px}.wizard__rail h2{letter-spacing:-.03em;margin:7px 0;font-size:25px}.wizard__rail>p{color:#7d8490;font-size:12px;line-height:1.55}.steps{flex-direction:column;gap:4px;margin-top:24px;display:flex}.steps button{text-align:left;color:#848b98;background:0 0;border:0;border-radius:11px;align-items:center;gap:10px;padding:9px;display:flex}.steps button>span{background:#fff;border:1px solid #dfe3e9;border-radius:50%;place-items:center;width:27px;height:27px;font-size:10px;display:grid}.steps button strong,.steps button small{display:block}.steps button strong{font-size:11px}.steps button small{margin-top:2px;font-size:8px}.steps button.is-current{color:#252a34;background:#fff;box-shadow:0 5px 20px #171a200d}.steps button.is-current>span{background:var(--brand-primary);color:var(--brand-primary-text);border-color:var(--brand-primary)}.steps button.is-done>span{color:var(--ok);background:#effaf5;border-color:#b8e3d4}.wizard__card{border:1px solid var(--line);background:#fff;border-radius:22px;min-height:640px;padding:32px;box-shadow:0 16px 55px #1c20290a}.wizard__card h1{font-size:31px}.presetgrid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px;display:grid}.preset{text-align:left;color:#242934;background:#fff;border:1px solid #e0e4eb;border-radius:15px;padding:16px}.preset:hover,.preset.is-selected{border-color:var(--brand-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-primary) 8%,transparent)}.preset.is-selected{background:color-mix(in srgb,var(--brand-primary) 3%,white)}.preset strong{font-size:12px}.preset p{color:#7e8592;min-height:46px;font-size:10px;line-height:1.5}.preset small{color:#9ba1ac;text-transform:uppercase;font-size:8px}.actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:30px;padding-top:20px;display:flex}.actions>button:not(.primary){color:#6d7480;background:#fff;border:1px solid #e0e4ea;border-radius:10px;padding:10px 14px}.formgrid{grid-template-columns:1fr 1fr;gap:14px;margin-top:26px;display:grid}.brandbuilder{grid-template-columns:1.15fr .85fr;gap:20px;margin-top:25px;display:grid}.colorinput{grid-template-columns:46px 1fr;gap:8px;display:grid}.colorinput input[type=color]{height:41px;padding:3px}.branddemo{text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:245px;padding:25px;display:flex;box-shadow:inset 0 0 0 1px #0000000d}.branddemo img{object-fit:contain;max-width:150px;max-height:80px;margin-bottom:18px}.branddemo__mark{border-radius:18px;place-items:center;width:64px;height:64px;margin-bottom:16px;font-size:24px;font-weight:900;display:grid}.branddemo strong{font-size:18px}.branddemo span{opacity:.7;margin-top:5px;font-size:10px}.modulepicker{grid-template-columns:1fr 1fr;gap:9px;max-height:430px;margin-top:23px;padding-right:4px;display:grid;overflow:auto}.modulepick{text-align:left;color:#282d37;background:#fff;border:1px solid #e2e5eb;border-radius:14px;justify-content:space-between;gap:12px;padding:13px;display:flex}.modulepick.is-selected{border-color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 3%,white)}.modulepick strong{font-size:11px}.modulepick p{color:#7e8692;margin:5px 0 0;font-size:9px;line-height:1.45}.modulepick>span{text-transform:uppercase;color:#8d95a2;white-space:nowrap;font-size:7px}.domainbox{flex-direction:column;gap:12px;margin-top:25px;display:flex}.domainbox>div{border:1px solid var(--line);border-radius:15px;padding:15px}.domainbox small,.domainbox strong{display:block}.domainbox small{color:#8c94a1;letter-spacing:.08em;font-size:8px}.domainbox strong{margin:4px 0 10px;font-size:13px}.domainrequest code{word-break:break-all;background:#f5f6f8;border-radius:9px;margin-top:10px;padding:10px;font-size:9px;line-height:1.5;display:block}.domainadd{grid-template-columns:1fr auto;align-items:end;gap:10px;display:grid}.domainadd button{background:#fff;border:1px solid #dfe3e8;border-radius:10px;height:41px;padding:0 12px}.review{background:var(--line);border:1px solid var(--line);border-radius:15px;grid-template-columns:1fr 1fr;gap:1px;margin-top:24px;display:grid;overflow:hidden}.review>div{background:#fff;padding:14px}.review small,.review strong{display:block}.review small{color:#9299a4;text-transform:uppercase;letter-spacing:.08em;font-size:8px}.review strong{margin-top:5px;font-size:11px}.swatches{gap:5px;margin-top:5px;display:flex}.swatches i{border:1px solid #00000014;border-radius:4px;width:24px;height:15px}.selectedchips{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.selectedchips span{color:#68707d;border:1px solid #e0e4ea;border-radius:999px;padding:5px 8px;font-size:8px}.primary--publish{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary))}@media (width<=980px){.modulegrid{grid-template-columns:1fr 1fr}.wizard{grid-template-columns:1fr}.wizard__rail{padding:0;position:static}.steps{grid-template-columns:repeat(7,1fr);display:grid}.steps button{justify-content:center;padding:5px}.steps button>div{display:none}.presetgrid{grid-template-columns:1fr}.preset p{min-height:0}.brandbuilder{grid-template-columns:1fr}.wizard__card{min-height:0}}@media (width<=720px){.shell{display:block}.side{display:none}.mobilebar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#ffffffeb;padding:12px 15px;display:block;position:sticky;top:0}.page{padding:22px 15px 45px}.hero{flex-direction:column;align-items:flex-start}.hero h1{font-size:28px}.metrics{grid-template-columns:1fr 1fr}.modulegrid{grid-template-columns:1fr}.login{display:block}.login__visual{display:none}.login__form{min-height:100vh;padding:22px}.login__mobilebrand{margin-bottom:35px;display:block}.wizard{gap:14px}.wizard__rail h2,.wizard__rail>p{display:none}.steps{margin-top:0}.wizard__card{border-radius:17px;padding:22px 16px}.wizard__card h1{font-size:25px}.formgrid,.modulepicker,.review{grid-template-columns:1fr}.brandbuilder{gap:12px}.domainadd{grid-template-columns:1fr}.actions{padding-bottom:max(6px,env(safe-area-inset-bottom));z-index:5;background:#fff;position:sticky;bottom:0}.steps button>span{width:25px;height:25px}.review>div{border-bottom:1px solid var(--line)}.modulepicker{max-height:none}.modulecard p{padding-right:0}.modulecard>.pill{height:max-content;margin-left:auto;position:static}}@media (width<=440px){.metrics{grid-template-columns:1fr}.wizard__card{padding:20px 14px}.steps{gap:0}.steps button{padding:3px}.steps button>span{width:23px;height:23px;font-size:8px}}.mainnav{padding-right:2px;overflow:auto}.panel{border:1px solid var(--line);background:#fff;border-radius:18px;padding:20px}.panel h2{margin:0 0 14px;font-size:18px}.quickform{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px;display:grid}.quickform label,.rolebuilder>label{color:#68707c;font-size:10px;font-weight:700}.quickform input,.quickform select,.quickform textarea,.rolebuilder input,.rolebuilder select{color:#222832;background:#fff;border:1px solid #dfe3ea;border-radius:10px;width:100%;margin-top:6px;padding:10px;display:block}.quickform textarea{resize:vertical;min-height:80px}.quickform label:has(input[type=checkbox]){align-items:center;gap:8px;padding-bottom:11px;display:flex}.quickform label:has(input[type=checkbox]) input{width:auto;margin:0}.ghost,.tiny{color:#59606d;background:#fff;border:1px solid #dfe3e8;border-radius:9px;padding:8px 10px;font-size:10px}.tiny{padding:5px 7px}.tablewrap{border:1px solid var(--line);border-radius:13px;overflow:auto}.tablewrap table{border-collapse:collapse;width:100%;min-width:620px}.tablewrap th,.tablewrap td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 12px;font-size:10px}.tablewrap th{text-transform:uppercase;letter-spacing:.08em;color:#8a929e;background:#fafbfc;font-size:8px}.tablewrap tbody tr:last-child td{border-bottom:0}.empty{text-align:center;color:#8a929e;border:1px dashed #dce1e7;border-radius:12px;padding:35px;font-size:11px}.twocol{grid-template-columns:1fr 1fr;gap:14px;display:grid}.listrow{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:11px 2px;font-size:10px;display:flex}.listrow:last-child{border-bottom:0}.listrow strong,.listrow small{display:block}.listrow small{color:#8b929e;margin-top:3px}.tokenbox{background:#fffced;border:1px solid #dfd8b4;border-radius:12px;margin-top:14px;padding:13px}.tokenbox strong,.tokenbox code,.tokenbox small{display:block}.tokenbox code{word-break:break-all;background:#fff;border-radius:7px;margin:7px 0;padding:8px}.tokenbox small{color:#7e7862;font-size:9px}.rolebuilder{flex-direction:column;gap:15px;display:flex}.permissiongrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:360px;display:grid;overflow:auto}.check{border:1px solid var(--line);border-radius:10px;align-items:flex-start;gap:8px;padding:9px!important;font-size:9px!important;display:flex!important}.check input{width:auto!important;margin:2px 0!important}.check strong,.check small{display:block}.check small{color:#8a929d;margin-top:3px;font-weight:400}.success{color:#187352;background:#f1fbf6;border:1px solid #bee4d5;border-radius:11px;padding:11px 12px;font-size:11px}.settingsmodules{margin-bottom:14px}.domainlist{margin-bottom:16px}.invitepage{background:#f5f6f8;place-items:center;min-height:100vh;padding:20px;display:grid}.invitebox{border:1px solid var(--line);background:#fff;border-radius:20px;width:min(460px,100%);padding:28px}.invitebox h1{font-size:28px}.invitebox p{color:#747c89}.invitebox label{font-size:10px;font-weight:700}.invitebox input{border:1px solid #dfe3ea;border-radius:10px;width:100%;margin-top:6px;padding:10px;display:block}.linkbtn{margin-top:12px;text-decoration:none;display:inline-block}.mobilebottom{display:none}.modulecard{color:inherit;text-decoration:none}@media (width<=1050px){.quickform,.permissiongrid{grid-template-columns:1fr 1fr}}@media (width<=720px){.quickform,.twocol,.permissiongrid{grid-template-columns:1fr}.panel{border-radius:15px;padding:15px}.main{padding-bottom:67px}.mobilebottom{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:#fffffff5;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobilebottom a{color:#7a828e;border-radius:8px;padding:7px 5px;font-size:8px;text-decoration:none}.mobilebottom a.active{color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 7%,white);font-weight:800}.tablewrap{margin:0 -4px}.metrics{grid-template-columns:1fr 1fr}}.rowactions{align-items:center;gap:8px;display:flex}.actionpanel{border:1px solid color-mix(in srgb,var(--brand-primary,#111827) 22%,transparent)}.attendancegrid{gap:.65rem;margin-bottom:1rem;display:grid}.attendance-row{border-bottom:1px solid var(--border,#e5e7eb);grid-template-columns:minmax(160px,1fr) minmax(130px,.5fr) 100px;align-items:center;gap:.6rem;padding:.65rem 0;display:grid}.rowactions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.rowactions select{border:1px solid var(--border,#d1d5db);background:var(--surface,#fff);border-radius:.55rem;max-width:170px;padding:.4rem}@media (width<=700px){.attendance-row{grid-template-columns:1fr}.rowactions select{max-width:140px}.tablewrap{overflow-x:auto}}.shell--pro{background:#f4f6fa;grid-template-columns:272px minmax(0,1fr)}.side--pro{background:#fff;gap:14px;padding:18px 14px 14px;overflow:hidden;box-shadow:6px 0 30px #12182806}.side__top{justify-content:space-between;align-items:center;padding:4px 8px 12px;display:flex}.side--pro .mainnav{scrollbar-width:thin;min-height:0;padding:0 4px 20px;display:block;overflow:hidden auto}.side--pro .mainnav>.navitem{margin-bottom:10px}.navgroup{margin:17px 0 0;display:block}.navgroup__title{color:#a0a7b4;letter-spacing:.14em;text-transform:uppercase;padding:0 11px 7px;font-size:8px;font-weight:900}.side--pro .navitem{color:#6b7280;border-radius:11px;grid-template-columns:18px minmax(0,1fr) 14px;align-items:center;gap:10px;width:100%;min-height:42px;margin:2px 0;padding:10px 11px;font-size:11px;line-height:1.2;transition:background .16s,color .16s,transform .16s;display:grid}.side--pro .navitem svg{flex:none;width:17px;height:17px}.side--pro .navitem span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.side--pro .navitem__chevron{opacity:0;transition:all .16s;transform:translate(-3px);width:13px!important;height:13px!important}.side--pro .navitem:hover{color:#222936;background:#f5f7fb}.side--pro .navitem:hover .navitem__chevron,.side--pro .navitem.active .navitem__chevron{opacity:.55;transform:none}.side--pro .navitem.active{background:color-mix(in srgb,var(--brand-primary) 8%,#fff);color:var(--brand-primary);font-weight:800}.side--pro .navitem.active:before{content:"";background:var(--brand-primary);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;left:0}.side--pro .navitem{position:relative}.side__foot--pro{border-top:1px solid #edf0f4;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:auto;padding:14px 7px 3px;display:grid}.side__foot--pro .avatar{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:900;display:grid}.side__foot--pro button{color:#8a919d;background:0 0;border:0;font-size:9px}.sidebackdrop{display:none}.pro-page{max-width:1500px;padding-top:30px}.dashboard-hero{justify-content:space-between;align-items:flex-end;gap:30px;padding:8px 0 2px;display:flex}.dashboard-hero h1{letter-spacing:-.045em;margin:8px 0 7px;font-size:36px}.dashboard-hero p{color:#737b89;margin:0;font-size:13px}.dashboard-hero__status{color:#68717e;align-items:center;gap:8px;padding-bottom:5px;font-size:10px;font-weight:700;display:flex}.metrics--pro>div{border-radius:17px;min-height:142px;padding:19px 19px 16px;position:relative;box-shadow:0 7px 28px #191f2b06}.metrics--pro .metric-icon{background:color-mix(in srgb,var(--brand-primary) 7%,white);width:34px;height:34px;color:var(--brand-primary);border-radius:10px;place-items:center;display:grid;position:absolute;top:16px;right:16px}.metrics--pro .metric-icon svg{width:17px}.metrics--pro strong{margin-top:13px;font-size:29px}.metrics--pro em{color:#a0a6b0;margin-top:5px;font-size:9px;font-style:normal;display:block}.dashboard-grid{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:14px;display:grid}.dashboard-grid--secondary{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.agenda-list{flex-direction:column;display:flex}.agenda-row{border-bottom:1px solid #eef0f4;grid-template-columns:43px 1fr;align-items:center;gap:12px;padding:11px 0;display:grid}.agenda-row:last-child{border-bottom:0}.agenda-date{background:#fafbfc;border:1px solid #e7eaf0;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;width:41px;height:43px;display:flex}.agenda-date strong{font-size:15px;line-height:1}.agenda-date span{text-transform:uppercase;color:#9299a4;margin-top:4px;font-size:7px}.agenda-row>div:last-child strong,.agenda-row>div:last-child small{display:block}.agenda-row>div:last-child strong{font-size:11px}.agenda-row>div:last-child small{color:#8a929e;margin-top:3px;font-size:9px}.quick-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.quick-card{background:#fbfcfd;border:1px solid #e8ebf0;border-radius:13px;grid-template-columns:31px 1fr 13px;align-items:center;gap:10px;min-height:85px;padding:12px;transition:all .16s;display:grid}.quick-card:hover{border-color:color-mix(in srgb,var(--brand-primary) 25%,#e8ebf0);background:#fff;transform:translateY(-1px);box-shadow:0 10px 25px #191f2b0d}.quick-card>span{width:31px;height:31px;color:var(--brand-primary);background:#fff;border:1px solid #eceef2;border-radius:9px;place-items:center;display:grid}.quick-card svg{width:15px}.quick-card strong,.quick-card small{display:block}.quick-card strong{font-size:10px}.quick-card small{color:#939aa5;margin-top:4px;font-size:8px;line-height:1.35}.quick-card__arrow{color:#b1b6bf}.music-workbench{background:linear-gradient(120deg,color-mix(in srgb,var(--brand-primary) 96%,#0f172a),color-mix(in srgb,var(--brand-secondary) 55%,#111827));color:#fff;border-radius:21px;grid-template-columns:minmax(300px,1.3fr) repeat(3,minmax(150px,.55fr));gap:10px;padding:18px;display:grid;overflow:hidden;box-shadow:0 18px 45px #1c23321f}.music-workbench__intro{padding:6px 10px}.music-workbench__intro .eyebrow{color:#ffffff8c}.music-workbench__intro h2{margin:6px 0;font-size:22px}.music-workbench__intro p{opacity:.7;max-width:440px;font-size:10px;line-height:1.5}.inlinebutton{color:#171b24;background:#fff;margin-top:12px;padding:9px 12px;font-size:9px;display:inline-flex}.music-tool-mini{background:#ffffff12;border:1px solid #ffffff1f;border-radius:15px;flex-direction:column;justify-content:flex-end;min-height:130px;padding:15px;display:flex}.music-tool-mini svg{opacity:.9;width:25px;height:25px;margin-bottom:auto}.music-tool-mini strong,.music-tool-mini span{display:block}.music-tool-mini strong{margin-top:13px;font-size:11px}.music-tool-mini span{opacity:.55;margin-top:4px;font-size:8px}.module-list-pro{grid-template-columns:1fr 1fr;gap:7px;display:grid}.module-list-pro>a{background:#fbfcfd;border:1px solid #edf0f3;border-radius:12px;grid-template-columns:31px minmax(0,1fr) 12px;align-items:center;gap:10px;padding:10px;display:grid}.module-list-pro>a>span{width:31px;height:31px;color:var(--brand-primary);background:#fff;border:1px solid #edf0f3;border-radius:9px;place-items:center;display:grid}.module-list-pro svg{width:15px}.module-list-pro strong,.module-list-pro small{display:block}.module-list-pro strong{font-size:10px}.module-list-pro small{color:#9299a4;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:8px;overflow:hidden}.module-list-pro>a>svg{color:#b5bac3}.storage-dashboard{flex-direction:column;display:flex}.storage-big-number{margin:auto 0 15px}.storage-big-number strong{letter-spacing:-.04em;font-size:31px;display:block}.storage-big-number span{color:#8b929d;margin-top:4px;font-size:9px;display:block}.storage-track{background:#edf0f4;border-radius:999px;height:7px;overflow:hidden}.storage-track i{background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary));border-radius:inherit;height:100%;display:block}.storage-track--lg{height:9px}.storage-quota-meta{color:#9198a3;justify-content:space-between;margin-top:7px;font-size:8px;display:flex}.empty--soft{background:#fbfcfd;border-style:solid}.storage-overview{grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(180px,.5fr));gap:12px;display:grid}.storage-quota-card,.mini-insight{border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px}.storage-quota-head{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.storage-quota-head>div>strong{letter-spacing:-.04em;margin-top:6px;font-size:26px;display:block}.storage-quota-head>div>strong small{color:#8b929d;font-size:10px;font-weight:600}.storage-quota-head>svg{width:28px;color:var(--brand-primary)}.mini-insight{align-items:center;gap:13px;display:flex}.mini-insight>svg{width:28px;height:28px;color:var(--brand-primary)}.mini-insight span,.mini-insight strong,.mini-insight small{display:block}.mini-insight span{color:#939aa4;text-transform:uppercase;letter-spacing:.08em;font-size:8px}.mini-insight strong{margin:3px 0;font-size:24px}.mini-insight small{color:#9aa0a9;font-size:8px}.upload-panel{grid-template-columns:minmax(230px,.7fr) minmax(320px,1.3fr) auto;align-items:center;gap:18px;display:grid}.upload-panel h2{margin:5px 0}.upload-panel p{color:#8c939e;margin:0;font-size:9px}.dropzone{cursor:pointer;background:#fbfcfd;border:1px dashed #cfd5df;border-radius:13px;grid-template-rows:auto auto;grid-template-columns:35px 1fr;align-items:center;gap:2px 10px;min-height:76px;padding:12px;display:grid}.dropzone input{display:none}.dropzone svg{width:27px;color:var(--brand-primary);grid-row:1/3}.dropzone strong{text-overflow:ellipsis;font-size:10px;overflow:hidden}.dropzone small{color:#9299a4;font-size:8px}.filegrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.filecard{background:#fcfdfe;border:1px solid #e9ecf1;border-radius:12px;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.filecard__icon{width:35px;height:35px;color:var(--brand-primary);background:#fff;border:1px solid #eceff3;border-radius:10px;place-items:center;display:grid}.filecard__icon svg{width:16px}.filecard__body{min-width:0}.filecard__body strong,.filecard__body span,.filecard__body small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.filecard__body strong{font-size:9px}.filecard__body span,.filecard__body small{color:#9299a4;margin-top:3px;font-size:7.5px}.filecard__actions{gap:5px;display:flex}.filecard__actions button{color:#717987;background:#fff;border:1px solid #e3e7ed;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.filecard__actions svg{width:14px}.filecard__actions .dangericon{color:#c54d5c}.music-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.tool-card{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;min-height:430px;padding:20px;display:flex;box-shadow:0 10px 35px #181e2806}.tool-card__head{align-items:center;gap:11px;display:flex}.tool-card__head h2{margin:3px 0 0;font-size:17px}.tool-icon{background:color-mix(in srgb,var(--brand-primary) 8%,white);width:38px;height:38px;color:var(--brand-primary);border-radius:11px;flex:none;place-items:center;display:grid}.tool-icon svg{width:19px}.tuner-display{text-align:center;margin:auto 0}.tuner-display>strong{letter-spacing:-.07em;font-size:67px}.tuner-display>span{color:#9299a4;margin-top:5px;font-size:10px;display:block}.tuner-scale{height:60px;margin:24px 12px 0;position:relative}.tuner-scale:before{content:"";background:linear-gradient(90deg,#e8a0aa,#dfe2e8 42%,#94dfc0 50%,#dfe2e8 58%,#e8a0aa);border-radius:10px;height:2px;position:absolute;top:13px;left:0;right:0}.tuner-scale i{background:#1d2430;width:1px;height:14px;position:absolute;top:7px;left:50%}.tuner-scale b{background:var(--brand-primary);border-radius:6px;width:11px;height:20px;transition:left .12s;position:absolute;top:4px;transform:translate(-50%)}.tuner-scale em{color:#a07079;white-space:nowrap;font-size:9px;font-style:normal;position:absolute;top:31px;left:50%;transform:translate(-50%)}.tuner-scale em.is-ok{color:#17835c}.tool-button{width:100%;margin-top:auto}.metro-value{text-align:center;margin:auto 0 20px}.metro-value strong{letter-spacing:-.06em;font-size:60px}.metro-value span{color:#9098a3;font-size:9px;display:block}.range{width:100%;accent-color:var(--brand-primary)}.metro-controls{justify-content:space-between;align-items:end;gap:12px;margin:16px 0 23px;display:flex}.metro-controls label{color:#9299a4;font-size:8px}.metro-controls select{border:1px solid #dfe3e9;border-radius:8px;margin-top:5px;padding:6px;display:block}.beatdots{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.beatdots i{background:#dfe3e8;border-radius:50%;width:8px;height:8px}.beatdots i.active{background:var(--brand-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-primary) 10%,transparent)}.record-display{flex-direction:column;align-items:center;margin:auto 0 16px;display:flex}.record-display i{background:#d3d7df;border:15px solid #f3f4f7;border-radius:50%;width:54px;height:54px;margin-bottom:16px}.record-display.is-recording i{background:#e04c5c;animation:1.3s infinite pulse-record;box-shadow:0 0 0 8px #fff,0 0 0 9px #f0c5ca}.record-display strong{font-variant-numeric:tabular-nums;font-size:31px}.record-display span{color:#9299a4;margin-top:4px;font-size:9px}.tool-card audio{width:100%;height:36px;margin-bottom:10px}.tool-input{border:1px solid #dfe3e9;border-radius:9px;margin-bottom:9px;padding:9px 10px}.tool-actions{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.tool-actions>*{flex:1}.dangerbutton{color:#fff;background:#d74d5e;border:0;border-radius:10px;padding:11px;font-weight:800}.tip-panel{align-items:center;gap:14px;display:flex}.tip-panel h2{margin:0 0 4px;font-size:15px}.tip-panel p{color:#7d8591;margin:0;font-size:10px;line-height:1.5}@keyframes pulse-record{50%{transform:scale(1.06)}}@media (width<=1180px){.shell--pro{grid-template-columns:238px minmax(0,1fr)}.metrics--pro{grid-template-columns:1fr 1fr}.dashboard-grid,.dashboard-grid--secondary{grid-template-columns:1fr}.music-workbench{grid-template-columns:1fr repeat(3,1fr)}.music-workbench__intro{grid-column:1/-1}.music-tools-grid{grid-template-columns:1fr 1fr}.recorder-card{grid-column:1/-1}.storage-overview{grid-template-columns:1fr 1fr}.storage-quota-card{grid-column:1/-1}.upload-panel{grid-template-columns:1fr 1fr}.upload-panel>button{grid-column:1/-1}.filegrid{grid-template-columns:1fr}}@media (width<=720px){.shell--pro{display:block}.side--pro{z-index:100;width:min(310px,88vw);height:100dvh;transition:transform .2s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-103%);box-shadow:18px 0 45px #0f172a2e}.side--pro.is-open{transform:none}.side__close{display:block}.sidebackdrop{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a61;border:0;display:block;position:fixed;inset:0}.mobilebar--pro{grid-template-columns:36px 1fr 36px;align-items:center;display:grid}.hamburger{color:#4e5663;text-align:left;background:0 0;border:0;font-size:19px}.pro-page{padding-top:18px}.dashboard-hero{flex-direction:column;align-items:flex-start}.dashboard-hero h1{font-size:28px}.metrics--pro{grid-template-columns:1fr 1fr}.music-workbench{grid-template-columns:1fr}.music-workbench__intro{grid-column:auto}.music-tool-mini{min-height:90px}.module-list-pro,.storage-overview,.music-tools-grid{grid-template-columns:1fr}.storage-quota-card,.recorder-card{grid-column:auto}.upload-panel{grid-template-columns:1fr}.upload-panel>button{grid-column:auto}.mobilebottom button,.mobilebottom a{background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;display:flex}.mobilebottom svg{width:17px;height:17px}.filegrid{grid-template-columns:1fr}.tool-card{min-height:390px}.quick-grid{grid-template-columns:1fr}.dashboard-grid{display:block}.dashboard-grid>.panel+.panel{margin-top:12px}}@media (width<=440px){.metrics--pro{grid-template-columns:1fr}.dashboard-hero__status{display:none}.storage-overview{grid-template-columns:1fr}.filecard{grid-template-columns:32px minmax(0,1fr) auto}.music-workbench{padding:13px}.tool-card{padding:16px}.tuner-display>strong{font-size:56px}}:root{--surface:#fff;--surface-2:#f9fafc;--surface-3:#f2f4f8;--text:#111827;--text-soft:#4b5563;--muted:#7b8493;--line:#e6e9ef;--line-strong:#d8dde6;--shadow-sm:0 8px 28px #1118270e;--shadow-md:0 18px 54px #11182716;--sidebar-w:278px;--topbar-h:72px;--radius:20px;--radius-sm:14px}:root[data-theme=dark]{--surface:#11161f;--surface-2:#151b25;--surface-3:#1b2230;--text:#eef2f8;--text-soft:#bdc5d2;--muted:#8f99a9;--line:#283140;--line-strong:#364154;--brand-bg:#0d1117;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{background:var(--brand-bg);scroll-behavior:smooth}body{background:radial-gradient(circle at 95% 0,color-mix(in srgb,var(--brand-secondary) 6%,transparent),transparent 28%),var(--brand-bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}input,select,textarea{color:var(--text)}.shell--premium{grid-template-columns:var(--sidebar-w) minmax(0,1fr);background:0 0}.side--premium{width:var(--sidebar-w);background:color-mix(in srgb,var(--surface) 96%,transparent);border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:40;gap:16px;padding:20px 16px 16px;box-shadow:10px 0 34px #11182706}.side__top{justify-content:space-between;align-items:center;height:52px;padding:0 7px;display:flex}.side__close{color:var(--muted);background:0 0;border:0;font-size:25px;display:none}.brand--premium{min-width:0}.brand--premium .brand__logo,.brand--premium .brand__mark{width:42px;height:42px;box-shadow:0 8px 22px color-mix(in srgb,var(--brand-primary) 16%,transparent);border-radius:14px}.brand--premium .brand__logo{background:#fff;padding:3px}.brand--premium .brand__mark{background:linear-gradient(145deg,var(--brand-primary),color-mix(in srgb,var(--brand-primary) 70%,var(--brand-secondary)));font-size:15px}.brand__copy{min-width:0}.brand--premium strong{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;max-width:175px;color:var(--text);font-size:13px;overflow:hidden}.brand--premium small{color:var(--muted);letter-spacing:.02em;font-size:9px}.brand--compact .brand__logo,.brand--compact .brand__mark{border-radius:11px;width:34px;height:34px}.mainnav--premium{scrollbar-width:thin;scrollbar-color:var(--line) transparent;min-height:0;padding:4px 2px 12px;overflow:hidden auto}.mainnav--premium>.navitem{margin-bottom:5px}.navgroup{flex-direction:column;gap:4px;margin-top:17px;display:flex}.navgroup__title{color:#a0a7b3;letter-spacing:.14em;text-transform:uppercase;align-items:center;height:23px;padding:0 11px;font-size:8px;font-weight:800;display:flex}.navitem{border:1px solid #0000;grid-template-columns:31px minmax(0,1fr) 14px;align-items:center;gap:8px;height:44px;min-height:44px;font-weight:620;transition:background .16s,color .16s,transform .16s;color:var(--muted)!important;border-radius:13px!important;padding:0 9px!important;font-size:12px!important;display:grid!important}.navitem:hover{background:var(--surface-2);color:var(--text)!important}.navitem.active{border-color:color-mix(in srgb,var(--brand-primary) 12%,var(--line));box-shadow:inset 3px 0 0 var(--brand-primary);background:linear-gradient(135deg,color-mix(in srgb,var(--brand-primary) 11%,var(--surface)),color-mix(in srgb,var(--brand-secondary) 7%,var(--surface)))!important;color:var(--brand-primary)!important;font-weight:750!important}.navitem__icon{border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.navitem.active .navitem__icon{background:color-mix(in srgb,var(--brand-primary) 9%,transparent)}.navitem svg{width:17px;height:17px}.navitem__chevron{opacity:.45;width:13px!important}.side__install{border-top:1px solid var(--line);padding-top:12px}.install-app-button{border:1px solid var(--line);background:linear-gradient(145deg,var(--surface),var(--surface-2));text-align:left;width:100%;color:var(--text);box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:9px;padding:9px;transition:all .18s;display:flex}.install-app-button:hover{border-color:color-mix(in srgb,var(--brand-primary) 25%,var(--line));transform:translateY(-1px)}.install-app-button__icon{background:var(--brand-primary);width:31px;height:31px;color:var(--brand-primary-text);border-radius:10px;place-items:center;display:grid}.install-app-button__icon svg{width:16px}.install-app-button strong,.install-app-button small{display:block}.install-app-button strong{font-size:10px}.install-app-button small{color:var(--muted);margin-top:2px;font-size:8px}.install-app-button.is-installed{box-shadow:none;background:var(--surface-2)}.install-app-button.is-installed .install-app-button__icon{color:#167b58;background:#eaf8f2}.install-app-button--compact{width:38px;height:38px;box-shadow:none;border-radius:12px;place-items:center;padding:0;display:grid}.install-app-button--compact .install-app-button__icon{width:100%;height:100%;color:var(--text-soft);background:0 0}.side__foot--premium{margin-top:0;padding:12px 3px 0}.side__foot--premium .avatar{background:linear-gradient(145deg,var(--brand-primary),var(--brand-secondary));color:#fff;border-radius:11px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.side__foot--premium strong{color:var(--text);font-size:10px}.side__foot--premium small{font-size:8px}.side__logout{flex:none!important;padding:6px!important}.main--premium{min-width:0;padding-bottom:0}.desktopbar{height:var(--topbar-h);z-index:30;border-bottom:1px solid color-mix(in srgb,var(--line) 88%,transparent);background:color-mix(in srgb,var(--surface) 84%,transparent);-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.desktopbar__left span,.desktopbar__left strong{display:block}.desktopbar__left strong{color:var(--text);letter-spacing:-.015em;margin-top:3px;font-size:15px}.desktopbar__actions{align-items:center;gap:9px;display:flex}.top-icon{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--text-soft);border-radius:12px;place-items:center;display:grid}.top-icon svg{width:17px}.desktop-user{align-items:center;gap:8px;padding-left:4px;display:flex}.avatar--small{background:linear-gradient(145deg,var(--brand-primary),var(--brand-secondary));color:#fff;place-items:center;font-size:11px;font-weight:800;display:grid;border-radius:11px!important;width:34px!important;height:34px!important}.desktop-user strong,.desktop-user small{display:block}.desktop-user strong{color:var(--text);font-size:9px}.desktop-user small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:120px;margin-top:2px;font-size:7.5px;overflow:hidden}.main__content{min-height:calc(100vh - var(--topbar-h))}.mobilebar--premium,.mobilebottom--premium{display:none}.page{max-width:1540px;padding:34px 36px 70px}.pro-page{padding-top:30px}.stack{gap:24px}.dashboard-hero{justify-content:space-between;align-items:flex-end;gap:22px;display:flex}.dashboard-hero h1,.hero h1{letter-spacing:-.045em;color:var(--text);margin:8px 0 9px;font-size:clamp(29px,3.1vw,42px);line-height:1}.dashboard-hero p,.hero p{color:var(--muted);font-size:12px}.dashboard-hero__status{color:#1c825f;text-transform:uppercase;letter-spacing:.08em;background:#effaf6;border:1px solid #bfe6d7;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:9px;font-weight:800;display:flex}.dashboard-hero__status i{background:#2cb17d;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #dcf5eb}.panel,.metrics>div,.modulecard,.storage-quota-card,.mini-insight,.tool-card{box-shadow:var(--shadow-sm);background:color-mix(in srgb,var(--surface) 96%,transparent)!important;border-color:var(--line)!important}.panel{border-radius:var(--radius);padding:20px}.metrics--pro{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metrics--pro>div{border-radius:18px;min-height:132px;padding:18px;position:relative;overflow:hidden}.metrics--pro>div:after{content:"";background:color-mix(in srgb,var(--brand-primary) 5%,transparent);border-radius:50%;width:100px;height:100px;position:absolute;top:-50px;right:-40px}.metric-icon{background:color-mix(in srgb,var(--brand-primary) 8%,var(--surface))!important;width:36px!important;height:36px!important;color:var(--brand-primary)!important;border-radius:11px!important}.metric-icon svg{width:18px}.metrics--pro small{font-size:8px}.metrics--pro strong{color:var(--text);font-size:26px}.metrics--pro em{color:var(--muted);font-size:8px;font-style:normal}.sectionhead h2{color:var(--text)}.quick-card,.agenda-row,.module-list-pro>a,.filecard{background:var(--surface-2)!important;border-color:var(--line)!important}.quick-card{transition:all .18s}.quick-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand-primary) 18%,var(--line))!important}.music-workbench{box-shadow:0 20px 55px color-mix(in srgb,var(--brand-primary) 14%,transparent);border-radius:24px!important}.login{background:var(--surface)}.login__visual{background:linear-gradient(145deg,color-mix(in srgb,var(--brand-primary) 92%,#0b1020),color-mix(in srgb,var(--brand-primary) 72%,var(--brand-secondary)));padding:48px clamp(34px,7vw,96px)}.login__pitch h1{letter-spacing:-.055em;max-width:700px;font-size:clamp(42px,5vw,68px)}.login__pitch p{font-size:14px}.login__form{background:linear-gradient(180deg,var(--surface),var(--surface-2));position:relative}.login__box{background:var(--surface);border:1px solid var(--line);border-radius:24px;width:min(440px,100%);padding:32px;box-shadow:0 28px 80px #11182717}.login__box h2{letter-spacing:-.035em;font-size:31px}.login input,.wizard input,.wizard select,.quickform input,.quickform select,.quickform textarea,.formgrid input,.formgrid select{background:var(--surface);border-color:var(--line-strong);color:var(--text);min-height:43px}.primary{background:linear-gradient(135deg,var(--brand-primary),color-mix(in srgb,var(--brand-primary) 72%,var(--brand-secondary)));box-shadow:0 10px 24px color-mix(in srgb,var(--brand-primary) 18%,transparent);transition:all .18s}.primary:hover{transform:translateY(-1px)}.wizard__card{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow-md);border-radius:26px}.steps button.is-current{background:var(--surface);box-shadow:var(--shadow-sm)}.preset,.modulepick{background:var(--surface);border-color:var(--line)}.branddemo{box-shadow:0 20px 55px color-mix(in srgb,var(--brand-primary) 13%,transparent)}.settings-page{max-width:1320px}.settings-section{padding:24px}.brand-settings-grid{grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);align-items:start;gap:26px;display:grid}.brand-settings-form{flex-direction:column;gap:18px;display:flex}.formgrid--settings{margin:0}.formgrid--settings label{color:var(--text-soft);font-size:10px;font-weight:700}.formgrid--settings label small{color:var(--muted);margin-top:5px;font-size:8px;font-weight:500;line-height:1.45;display:block}.span-2{grid-column:1/-1}.brand-live-preview{border:1px solid var(--line);background:linear-gradient(160deg,var(--surface-2),var(--surface));text-align:center;border-radius:20px;padding:18px}.brand-live-preview>small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:12px;font-size:8px;display:block}.phone-preview{background:var(--surface);border:7px solid #151922;border-radius:32px;width:190px;height:360px;margin:auto;padding:30px 13px 16px;position:relative;overflow:hidden;box-shadow:0 22px 50px #1118272e}.phone-preview__bar{background:#151922;border-radius:0 0 10px 10px;width:70px;height:15px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-preview__brand{text-align:left;align-items:center;gap:7px;display:flex}.phone-preview__brand img,.phone-preview__brand span{object-fit:contain;color:#fff;border-radius:9px;place-items:center;width:27px;height:27px;font-size:9px;font-weight:800;display:grid}.phone-preview__brand strong{text-overflow:ellipsis;white-space:nowrap;max-width:110px;color:var(--text);font-size:7.5px;overflow:hidden}.phone-preview__cards{grid-template-columns:1fr 1fr;gap:7px;margin-top:22px;display:grid}.phone-preview__cards i{background:linear-gradient(145deg,color-mix(in srgb,var(--preview-primary) 7%,var(--surface)),var(--surface-2));border:1px solid var(--line);border-radius:10px;height:65px}.phone-preview__cards i:first-child{background:linear-gradient(145deg,var(--preview-primary),var(--preview-secondary));opacity:.9;grid-column:1/-1;height:82px}.phone-preview__nav{background:var(--surface);border:1px solid var(--line);border-radius:13px;justify-content:space-around;align-items:center;height:37px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.phone-preview__nav b{background:var(--line-strong);border-radius:4px;width:12px;height:12px}.phone-preview__nav b:first-child{background:var(--preview-primary)}.pwa-card{border:1px solid color-mix(in srgb,var(--brand-primary) 13%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--brand-primary) 4%,var(--surface)),var(--surface));border-radius:18px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:15px;margin-top:20px;padding:16px;display:grid}.pwa-card__preview img,.pwa-card__preview span{object-fit:contain;color:#fff;width:58px;height:58px;box-shadow:0 12px 28px color-mix(in srgb,var(--brand-primary) 18%,transparent);border-radius:16px;place-items:center;font-size:22px;font-weight:800;display:grid}.pwa-card__copy h3{color:var(--text);margin:4px 0 5px;font-size:15px}.pwa-card__copy p{color:var(--muted);margin:0;font-size:9px;line-height:1.55}.pwa-card__copy small{color:var(--text-soft);margin-top:6px;font-size:8px;display:block}.pwa-card__action{align-items:center;gap:7px;display:flex}.pwa-card__action svg{width:15px}.install-modal-backdrop{z-index:300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.install-modal{background:var(--surface);border:1px solid var(--line);border-radius:24px;width:min(440px,100%);padding:28px;position:relative;box-shadow:0 30px 90px #11182738}.install-modal__close{border:1px solid var(--line);background:var(--surface-2);width:32px;height:32px;color:var(--muted);border-radius:10px;font-size:20px;position:absolute;top:13px;right:14px}.install-modal__mark{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:#fff;border-radius:15px;place-items:center;width:50px;height:50px;margin-bottom:18px;display:grid}.install-modal__mark svg{width:23px}.install-modal h2{letter-spacing:-.035em;margin:5px 0 16px;font-size:24px}.install-modal ol{color:var(--text-soft);padding-left:20px;font-size:11px;line-height:1.7}.install-modal__note{color:var(--muted);border-top:1px solid var(--line);margin:14px 0;padding-top:13px;font-size:9px}.install-modal>.primary{width:100%}.tablewrap{border:1px solid var(--line);background:var(--surface);border-radius:15px;overflow:auto}table{min-width:680px}th{background:var(--surface-2);color:var(--muted)}td{color:var(--text-soft)}tbody tr:hover{background:color-mix(in srgb,var(--brand-primary) 2.5%,var(--surface))}.empty{background:var(--surface-2);border-color:var(--line);color:var(--muted)}@media (width<=1180px){:root{--sidebar-w:248px}.desktopbar{padding:0 24px}.page{padding-left:26px;padding-right:26px}.metrics--pro{grid-template-columns:repeat(2,1fr)}.brand-settings-grid{grid-template-columns:1fr}.brand-live-preview{display:none}}@media (width<=760px){:root{--topbar-h:62px}.shell--premium{display:block}.desktopbar{display:none}.side--premium{z-index:120;width:min(320px,88vw);height:100dvh;transition:transform .22s cubic-bezier(.2,.8,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-103%);box-shadow:24px 0 65px #0f172a3d;display:flex!important}.side--premium.is-open{transform:none}.side__close{display:block}.sidebackdrop{z-index:110;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a6b;border:0;display:block;position:fixed;inset:0}.mobilebar--premium{height:var(--topbar-h);z-index:70;background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:7px;padding:0 13px;position:sticky;top:0;display:grid!important}.mobilebar--premium .brand{justify-self:center;max-width:210px}.mobilebar--premium .brand__copy strong{max-width:145px}.hamburger{width:38px;height:38px;color:var(--text-soft);background:0 0;border:0;border-radius:10px;font-size:20px}.main__content{min-height:calc(100dvh - 128px);padding-bottom:72px}.mobilebottom--premium{z-index:80;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:19px;grid-template-columns:repeat(5,1fr);height:62px;padding:6px;position:fixed;box-shadow:0 18px 50px #1118272e;display:grid!important}.mobilebottom--premium a,.mobilebottom--premium button{color:var(--muted);background:0 0;border:0;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:5px;font-size:7px;display:flex!important}.mobilebottom--premium a.active{color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 8%,transparent)}.mobilebottom--premium svg{width:17px;height:17px}.page{padding:22px 14px 98px}.stack{gap:17px}.dashboard-hero,.hero{flex-direction:column;align-items:flex-start}.dashboard-hero h1,.hero h1{font-size:30px}.metrics--pro{grid-template-columns:1fr 1fr;gap:9px}.metrics--pro>div{min-height:118px;padding:14px}.metrics--pro strong{font-size:23px}.panel{border-radius:17px;padding:16px}.dashboard-grid,.dashboard-grid--secondary{display:block}.dashboard-grid>.panel+.panel,.dashboard-grid--secondary>.panel+.panel{margin-top:10px}.music-workbench{border-radius:20px!important}.module-list-pro{grid-template-columns:1fr}.settings-section{padding:17px}.formgrid--settings{grid-template-columns:1fr}.span-2{grid-column:auto}.pwa-card{grid-template-columns:48px minmax(0,1fr);gap:11px}.pwa-card__preview img,.pwa-card__preview span{border-radius:14px;width:48px;height:48px}.pwa-card__action{grid-column:1/-1;justify-content:center;width:100%}.wizard{display:block}.wizard__rail{margin-bottom:12px;padding:0;position:static}.steps{grid-template-columns:repeat(7,1fr);gap:4px;display:grid;overflow:auto}.steps button{justify-content:center;padding:4px}.steps button>div{display:none}.wizard__card{min-height:0;padding:20px 16px}.wizard__card h1{font-size:26px}.presetgrid,.modulepicker,.brandbuilder,.formgrid{grid-template-columns:1fr}.branddemo{min-height:190px}.login{background:linear-gradient(180deg,color-mix(in srgb,var(--brand-primary) 6%,var(--surface)),var(--surface) 36%);min-height:100dvh;display:block}.login__visual{border-radius:0 0 28px 28px;min-height:220px;padding:28px 22px}.login__pitch{margin:38px 0 5px}.login__pitch h1{max-width:360px;font-size:32px}.login__pitch p,.powered{display:none}.login__form{background:0 0;padding:20px 14px 38px}.login__box{z-index:4;border-radius:21px;margin-top:-36px;padding:23px;position:relative}.login__mobilebrand{display:none}.storage-overview,.music-tools-grid,.upload-panel{grid-template-columns:1fr}.storage-quota-card,.recorder-card,.upload-panel>button{grid-column:auto}.filegrid{grid-template-columns:1fr}.tablewrap{margin-left:-3px;margin-right:-3px}table{min-width:620px}.side__install{margin-top:auto}.side__foot--premium{margin-top:0}}@media (width<=430px){.metrics--pro{grid-template-columns:1fr}.metrics--pro>div{min-height:100px}.mobilebottom--premium{left:7px;right:7px}.page{padding-left:11px;padding-right:11px}.login__visual{min-height:205px}.login__pitch h1{font-size:29px}.install-modal{padding:23px 18px}.pwa-card__copy p{display:none}}@media (display-mode:standalone){.install-app-button{display:none}.mobilebar--premium{padding-top:env(safe-area-inset-top);height:calc(var(--topbar-h) + env(safe-area-inset-top))}.main__content{min-height:calc(100dvh - 128px - env(safe-area-inset-top))}}.shell--premium{background:radial-gradient(circle at 84% 8%,color-mix(in srgb,var(--brand-secondary) 9%,transparent),transparent 30%), radial-gradient(circle at 34% 96%,color-mix(in srgb,var(--brand-primary) 5%,transparent),transparent 34%), linear-gradient(180deg,#f6f8fc 0%,#f1f4f9 100%)}:root[data-theme=dark] .shell--premium{background:radial-gradient(circle at 84% 8%,color-mix(in srgb,var(--brand-secondary) 9%,transparent),transparent 30%),#0e131b}.side--premium{color:#fff;background:linear-gradient(#0c1320 0%,#0e1624 55%,#0a111c 100%)!important;border-right:1px solid #ffffff13!important;box-shadow:18px 0 50px #0f172a1a!important}.side--premium:before{content:"";pointer-events:none;background:radial-gradient(circle at 25% 4%,color-mix(in srgb,var(--brand-primary) 24%,transparent),transparent 24%),radial-gradient(circle at 90% 78%,color-mix(in srgb,var(--brand-secondary) 10%,transparent),transparent 25%);opacity:.75;position:absolute;inset:0}.side--premium>*{z-index:1;position:relative}.side--premium .brand--premium strong{color:#f8fbff!important}.side--premium .brand--premium small{color:#8290a5!important}.side--premium .navgroup__title{color:#68758a}.side--premium .navitem{border-color:#0000;color:#aeb8c8!important}.side--premium .navitem:hover{color:#fff!important;background:#ffffff0f!important}.side--premium .navitem.active{background:linear-gradient(135deg,color-mix(in srgb,var(--brand-primary) 80%,#172033),color-mix(in srgb,var(--brand-secondary) 72%,#172033))!important;color:#fff!important;box-shadow:0 12px 26px color-mix(in srgb,var(--brand-primary) 20%,transparent),inset 0 1px #ffffff29!important;border-color:#ffffff29!important}.side--premium .navitem.active .navitem__icon{color:#fff!important;background:#ffffff24!important}.side--premium .navitem__chevron{color:#718096}.side--premium .navitem.active .navitem__chevron{color:#fff;opacity:.78}.side--premium .side__install{border-color:#ffffff14}.side--premium .install-app-button{color:#eef4ff;box-shadow:none;background:#ffffff0b;border-color:#ffffff17}.side--premium .install-app-button small{color:#718096}.side--premium .install-app-button:hover{background:#ffffff14}.side--premium .side__foot--premium{border-color:#ffffff14}.side--premium .side__foot--premium strong{color:#fff}.side--premium .side__foot--premium small,.side--premium .side__logout{color:#8190a4}.main--premium{background:0 0}.desktopbar{background:#f8fafdd1;border-color:#d8dde6cc;box-shadow:0 8px 30px #171f2c09}:root[data-theme=dark] .desktopbar{background:#0e131bdb}.main__content{position:relative}.main__content:before{content:"";background:color-mix(in srgb,var(--brand-secondary) 6%,transparent);filter:blur(20px);pointer-events:none;border-radius:50%;width:440px;height:440px;position:fixed;top:120px;right:-180px}.page{z-index:1;position:relative}.panel{position:relative;overflow:hidden;background:linear-gradient(145deg,#fffffffa,#f9fbfef0)!important;border:1px solid #d7dde7eb!important;box-shadow:0 16px 45px #1b24320e!important}:root[data-theme=dark] .panel{background:linear-gradient(145deg,#151b25,#111720)!important;border-color:#263041!important}.panel:before{content:"";background:linear-gradient(90deg,color-mix(in srgb,var(--brand-primary) 30%,transparent),#fff9,color-mix(in srgb,var(--brand-secondary) 24%,transparent));opacity:.8;height:1px;position:absolute;top:0;left:0;right:0}.module-page{gap:20px}.module-hero{border:1px solid color-mix(in srgb,var(--brand-primary) 10%,#dfe4ec);background:linear-gradient(120deg,color-mix(in srgb,var(--brand-primary) 6%,#fff),#fff 52%,color-mix(in srgb,var(--brand-secondary) 7%,#fff));border-radius:24px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:18px;padding:25px 26px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 50px #141e2d0e}.module-hero:before{content:"";background:color-mix(in srgb,var(--brand-secondary) 12%,transparent);border-radius:50%;width:190px;height:190px;position:absolute;top:-85px;right:-65px}.module-hero:after{content:"";background:color-mix(in srgb,var(--brand-primary) 6%,transparent);border-radius:35px;width:120px;height:120px;position:absolute;bottom:-86px;right:70px;transform:rotate(28deg)}.module-hero>*{z-index:1;position:relative}.module-hero__icon{background:linear-gradient(145deg,color-mix(in srgb,var(--brand-primary) 86%,#172033),color-mix(in srgb,var(--brand-secondary) 74%,#172033));color:#fff;width:58px;height:58px;box-shadow:0 14px 30px color-mix(in srgb,var(--brand-primary) 20%,transparent);border-radius:18px;place-items:center;display:grid}.module-hero__icon svg{width:27px;height:27px}.module-hero h1{letter-spacing:-.04em;margin:5px 0 7px;font-size:31px}.module-hero p{color:#737d8c;margin:0;font-size:12px;line-height:1.55}.module-hero__status{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.module-hero__status small{color:#8a94a2;font-size:8px}.form-panel{padding:24px 24px 22px}.form-panel .sectionhead{margin-bottom:20px}.form-panel .sectionhead h2{font-size:20px}.form-panel:after{content:"";background:color-mix(in srgb,var(--brand-primary) 4%,transparent);pointer-events:none;border-radius:50%;width:210px;height:210px;position:absolute;top:-105px;right:-90px}.quickform--premium{z-index:1;position:relative;grid-template-columns:repeat(12,minmax(0,1fr))!important;align-items:start!important;gap:15px 14px!important;display:grid!important}.quickform--premium>label{text-transform:uppercase;letter-spacing:.045em;flex-direction:column;grid-column:span 3;min-width:0;display:flex;color:#717b89!important;font-size:9px!important;font-weight:750!important}.quickform--premium>label:has(textarea){grid-column:span 6}.quickform--premium>label:has(input[type=file]){grid-column:span 6}.quickform--premium>label:has(input[type=checkbox]){border:1px solid var(--line);background:var(--surface-2);border-radius:13px;flex-direction:row;grid-column:span 3;justify-content:center;min-height:69px;align-items:center!important;gap:9px!important;padding:13px!important}.quickform--premium input:not([type=checkbox]),.quickform--premium select,.quickform--premium textarea{outline:none;width:100%;min-width:0;height:45px;min-height:45px;transition:border .16s,box-shadow .16s,background .16s;box-shadow:inset 0 1px 1px #0e182405;color:#18202b!important;background:#fff!important;border:1px solid #d8dee8!important;border-radius:12px!important;margin-top:7px!important;padding:10px 12px!important}.quickform--premium textarea{resize:vertical;height:94px;line-height:1.45}.quickform--premium input:focus,.quickform--premium select:focus,.quickform--premium textarea:focus{border-color:color-mix(in srgb,var(--brand-primary) 55%,#cbd3df)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-primary) 9%,transparent)!important}.quickform--premium input[type=checkbox]{accent-color:var(--brand-primary);width:17px!important;height:17px!important;margin:0!important}.form-submit{border-top:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:center;gap:18px;margin-top:5px;padding-top:16px;display:flex}.form-submit>div span,.form-submit>div small{display:block}.form-submit>div small{color:#9098a3;margin-top:4px;font-size:8px}.form-submit .primary{min-width:170px;padding:12px 20px}.archive-panel{padding:22px 24px}.archive-panel .empty{color:#8b95a4;background:linear-gradient(145deg,#fbfcfe,#f7f9fc);border-color:#d9e0ea;place-items:center;min-height:110px;display:grid}.archive-panel .empty:before{content:"◇";color:color-mix(in srgb,var(--brand-primary) 35%,#b8c1ce);margin-bottom:6px;font-size:24px;display:block}.tablewrap{background:#fff;box-shadow:inset 0 1px #fffc;border-color:#dce2eb!important}.tablewrap th{color:#7b8595!important;background:#f7f9fc!important}.tablewrap tbody tr:hover{background:color-mix(in srgb,var(--brand-primary) 2.5%,#fff)}.custom-tool-hero{grid-template-columns:64px minmax(0,1fr) auto}.custom-tool-open{white-space:nowrap;text-decoration:none}.custom-tool-embed-panel{padding:16px}.custom-tool-frame{border:1px solid var(--line);background:#fff;border-radius:16px;width:100%;height:min(72vh,820px);display:block}.custom-tool-link-visual{grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:20px;min-height:260px;display:grid}.custom-tool-link-visual>svg{background:color-mix(in srgb,var(--brand-primary) 8%,#fff);width:56px;height:56px;color:var(--brand-primary);border-radius:18px;padding:15px}.custom-tool-link-visual h2{margin:5px 0;font-size:24px}.custom-tool-link-visual p{color:#7c8593;max-width:650px;line-height:1.6}.custom-tool-link-visual .primary{text-decoration:none}@media (width<=1180px){.quickform--premium>label{grid-column:span 4}:is(.quickform--premium>label:has(textarea),.quickform--premium>label:has(input[type=file])){grid-column:span 8}}@media (width<=820px){.module-hero{grid-template-columns:52px minmax(0,1fr);padding:20px}.module-hero__icon{border-radius:15px;width:50px;height:50px}.module-hero__status{flex-direction:row;grid-column:1/-1;align-items:center}:is(.quickform--premium>label,.quickform--premium>label:has(textarea),.quickform--premium>label:has(input[type=file])){grid-column:span 6}.custom-tool-hero{grid-template-columns:52px minmax(0,1fr)}.custom-tool-open{grid-column:1/-1;width:max-content}.custom-tool-link-visual{grid-template-columns:54px 1fr}.custom-tool-link-visual .primary{grid-column:1/-1;width:max-content}}@media (width<=720px){.side--premium{background:linear-gradient(#0b1220,#101928)!important}.module-page{padding-left:14px!important;padding-right:14px!important}.module-hero{border-radius:20px}.module-hero h1{font-size:26px}.form-panel,.archive-panel{padding:17px}.quickform--premium{grid-template-columns:1fr!important}:is(.quickform--premium>label,.quickform--premium>label:has(textarea),.quickform--premium>label:has(input[type=file]),.quickform--premium>label:has(input[type=checkbox])){grid-column:1!important}.form-submit{flex-direction:column;align-items:stretch}.form-submit .primary{width:100%}.custom-tool-link-visual{flex-direction:column;align-items:flex-start;display:flex}.custom-tool-frame{height:68vh}}.side--premium .navitem.active,.side--premium .navitem[aria-current=page]{background:linear-gradient(135deg,color-mix(in srgb,var(--brand-primary) 88%,#111827),color-mix(in srgb,var(--brand-secondary) 72%,#172033))!important;color:#fff!important;border-color:color-mix(in srgb,var(--brand-primary) 48%,transparent)!important;box-shadow:0 10px 24px color-mix(in srgb,var(--brand-primary) 18%,transparent),inset 0 0 0 1px #ffffff14!important}.side--premium .navitem.active .navitem__icon,.side--premium .navitem[aria-current=page] .navitem__icon{color:#fff!important;background:#ffffff24!important}.side--premium .navitem.active svg,.side--premium .navitem[aria-current=page] svg{color:#fff!important;stroke:currentColor!important}.side--premium .navitem.active .navitem__chevron,.side--premium .navitem[aria-current=page] .navitem__chevron{opacity:.9}.quickform--premium>label,.account-grid>label,.document-form>label,.assignment-grid>label,.music-create>label,.edit-form>label{min-width:0;color:var(--text-soft);letter-spacing:.035em;text-transform:uppercase;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;font-size:9px;font-weight:760;display:flex}.quickform--premium input:not([type=checkbox]):not([type=radio]),.quickform--premium select,.account-grid input:not([type=checkbox]):not([type=radio]),.account-grid select,.account-grid textarea,.document-form input:not([type=checkbox]):not([type=radio]),.document-form select,.document-form textarea,.assignment-grid input:not([type=checkbox]):not([type=radio]),.assignment-grid select,.assignment-grid textarea,.music-create input:not([type=checkbox]):not([type=radio]),.music-create select,.music-create textarea,.edit-form input:not([type=checkbox]):not([type=radio]),.edit-form select,.edit-form textarea{box-sizing:border-box;border:1px solid color-mix(in srgb,var(--line-strong) 88%,#cbd3df);background:var(--surface);width:100%;height:46px;min-height:46px;color:var(--text);border-radius:12px;outline:0;margin-top:7px;padding:10px 12px;line-height:1.2;transition:border-color .16s,box-shadow .16s,background .16s,transform .16s;box-shadow:0 1px #ffffffb3,inset 0 1px 2px #11182705}.quickform--premium textarea,.account-grid textarea,.document-form textarea,.assignment-grid textarea,.music-create textarea,.edit-form textarea{resize:vertical;height:96px;min-height:96px;line-height:1.48}.quickform--premium input:focus,.quickform--premium select:focus,.quickform--premium textarea:focus,.account-grid input:focus,.account-grid select:focus,.account-grid textarea:focus,.document-form input:focus,.document-form select:focus,.document-form textarea:focus,.assignment-grid input:focus,.assignment-grid select:focus,.assignment-grid textarea:focus,.music-create input:focus,.music-create select:focus,.music-create textarea:focus,.edit-form input:focus,.edit-form select:focus,.edit-form textarea:focus{border-color:color-mix(in srgb,var(--brand-primary) 62%,#b7c0cf)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-primary) 10%,transparent),0 7px 18px #1118270b!important}.quickform--premium .field-wide{grid-column:span 6!important}.quickform--premium .field-wide textarea{height:104px}.span-all{grid-column:1/-1!important}.span-6{grid-column:span 6!important}.span-3{grid-column:span 3!important}.account-grid,.document-form,.assignment-grid,.music-create{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:15px;display:grid}.account-grid>label,.document-form>label,.assignment-grid>label,.music-create>label{grid-column:span 4}.account-grid .form-submit,.document-form .form-submit,.assignment-grid .form-submit,.music-create .form-submit{grid-column:1/-1}.members-page,.documents-page,.assignments-page{gap:20px}.access-builder{overflow:hidden;padding:0!important}.access-tabs{border-bottom:1px solid var(--line);background:linear-gradient(90deg,color-mix(in srgb,var(--brand-primary) 4%,var(--surface-2)),var(--surface-2));grid-template-columns:repeat(3,1fr);gap:0;display:grid}.access-tabs button{border:0;border-right:1px solid var(--line);height:51px;color:var(--muted);cursor:pointer;background:0 0;font-size:10px;font-weight:760}.access-tabs button:last-child{border-right:0}.access-tabs button.active{background:var(--surface);color:var(--text);box-shadow:inset 0 -3px 0 var(--brand-primary)}.access-builder>.account-grid{padding:22px 24px}.share-link-card{border:1px solid color-mix(in srgb,var(--brand-primary) 20%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--brand-primary) 6%,var(--surface)),color-mix(in srgb,var(--brand-secondary) 4%,var(--surface)));border-radius:16px;justify-content:space-between;align-items:center;gap:18px;margin:0 24px 24px;padding:16px;display:flex}.share-link-card strong{overflow-wrap:anywhere;max-width:760px;margin-top:5px;font-size:10px;line-height:1.5;display:block}.share-link-actions{align-items:center;gap:8px;display:flex}.share-link-actions a{text-decoration:none}.status-dot{background:var(--surface-3);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;gap:6px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.status-dot:before{content:"";background:#93a0b3;border-radius:50%;width:6px;height:6px}.status-active:before{background:#2fb37d}.danger-text{color:#c9495b!important;border-color:#c9495b33!important}.role-chip-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.role-chip{border:1px solid var(--line);background:var(--surface-2);text-transform:none;letter-spacing:0;border-radius:11px;align-items:center;gap:8px;padding:9px 10px;font-size:9px;display:flex}.modalback{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0f188c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modalbox{background:var(--surface);border:1px solid var(--line);border-radius:22px;width:min(720px,100%);max-height:90vh;padding:22px;overflow:auto;box-shadow:0 30px 90px #080c1447}.modalbox h2{margin:0 0 15px;font-size:22px}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;margin-top:18px;padding-top:15px;display:flex}.assignment-intro{padding:20px}.assignment-grid>label{grid-column:span 3}.assignment-grid{margin-top:15px}.relationship-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.relationship-card{border:1px solid var(--line);background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:var(--shadow-sm);border-radius:16px;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px;display:grid;position:relative}.relationship-card__icon{background:color-mix(in srgb,var(--brand-primary) 8%,var(--surface));width:43px;height:43px;color:var(--brand-primary);border-radius:13px;place-items:center;display:grid}.relationship-card strong,.relationship-card small{display:block}.relationship-card small{color:var(--muted);margin-top:4px;font-size:8px;line-height:1.4}.document-insights article,.module-insights article{border:1px solid var(--line);background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--brand-primary) 2%,var(--surface-2)));box-shadow:var(--shadow-sm);border-radius:17px;padding:16px;position:relative;overflow:hidden}.document-insights article>svg{width:21px;color:var(--brand-primary);margin-bottom:18px}.document-insights article span,.document-insights article strong,.document-insights article small{display:block}.document-insights article span{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:8px;font-weight:800}.document-insights article strong{color:var(--text);margin:4px 0;font-size:27px}.document-insights article small{color:var(--muted);font-size:8px}.document-builder,.template-manager{padding:23px}.student-preview{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px;display:grid}.student-preview>div{background:var(--surface);border-radius:10px;padding:9px}.student-preview span,.student-preview strong{display:block}.student-preview span{text-transform:uppercase;color:var(--muted);letter-spacing:.07em;font-size:7.5px}.student-preview strong{margin-top:4px;font-size:10px}.document-copy{background:linear-gradient(145deg,color-mix(in srgb,var(--brand-primary) 6%,var(--surface-2)),var(--surface-2));border:1px solid color-mix(in srgb,var(--brand-primary) 12%,var(--line));border-radius:15px;padding:18px 19px}.document-copy p{color:var(--text-soft);margin:8px 0 0;font-size:10px;line-height:1.7}.privacy-check{border:1px solid color-mix(in srgb,var(--brand-primary) 16%,var(--line));background:color-mix(in srgb,var(--brand-primary) 4%,var(--surface-2));border-radius:13px;padding:13px;text-transform:none!important;letter-spacing:0!important;flex-direction:row!important;align-items:flex-start!important;gap:10px!important;display:flex!important}.privacy-check input{accent-color:var(--brand-primary);flex:none;width:18px!important;height:18px!important;margin:1px 0 0!important}.privacy-check strong,.privacy-check small{display:block}.privacy-check strong{color:var(--text);font-size:10px}.privacy-check small{color:var(--muted);margin-top:3px;font-size:8px;line-height:1.5}.signature-wrap{border:1px solid var(--line);background:var(--surface);border-radius:16px;margin-top:12px;overflow:hidden}.signature-head{border-bottom:1px solid var(--line);background:var(--surface-2);justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;display:flex}.signature-head strong,.signature-head small{display:block}.signature-head strong{font-size:10px}.signature-head small{color:var(--muted);margin-top:2px;font-size:8px}.signature-pad{touch-action:none;cursor:crosshair;background:#fff;width:100%;height:auto;min-height:150px;display:block}.signature-pad path{fill:none;stroke:#111827;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.signature-pad text{fill:#a3acb9;font-size:16px}.template-list,.document-list{flex-direction:column;gap:8px;margin-top:16px;display:flex}.template-list>div,.document-list article{border:1px solid var(--line);background:var(--surface-2);border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 13px;display:grid}.template-list strong,.template-list small,.document-list strong,.document-list p,.document-list small{display:block}.template-list small,.document-list small{color:var(--muted);margin-top:3px;font-size:8px}.document-list article{grid-template-columns:40px minmax(0,1fr) auto}.document-list__icon{background:color-mix(in srgb,var(--brand-primary) 8%,var(--surface));width:38px;height:38px;color:var(--brand-primary);border-radius:11px;place-items:center;display:grid}.document-list__icon svg{width:18px}.document-list p{color:var(--text-soft);margin:3px 0;font-size:9px}.insight-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}.module-insights article{min-height:132px}.module-insights article span,.module-insights article strong,.module-insights article small{display:block}.module-insights article span{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:8px;font-weight:800}.module-insights article strong{color:var(--text);margin:5px 0;font-size:24px}.module-insights article small{color:var(--muted);font-size:8px}.insight-icon{background:color-mix(in srgb,var(--brand-primary) 7%,var(--surface-2));width:34px;height:34px;color:var(--brand-primary);border-radius:11px;place-items:center;margin-bottom:15px;display:grid}.insight-icon svg{width:17px}.tone-2{color:#5572db;background:#edf1ff}.tone-3{color:#238568;background:#e9f7f2}.tone-4{color:#a06c20;background:#fff4df}.insight-line{background:var(--line);border-radius:99px;height:3px;margin-top:13px;overflow:hidden}.insight-line i{background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary));border-radius:99px;height:100%;display:block}@media (width<=1180px){.account-grid>label,.document-form>label,.music-create>label,.assignment-grid>label{grid-column:span 6}.role-chip-grid{grid-template-columns:repeat(2,1fr)}.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.access-tabs{grid-template-columns:1fr}.access-tabs button{border-right:0;border-bottom:1px solid var(--line)}.access-tabs button:last-child{border-bottom:0}.account-grid,.document-form,.assignment-grid,.music-create{grid-template-columns:1fr}.account-grid>label,.document-form>label,.assignment-grid>label,.music-create>label,.span-6,.span-3,.span-all{grid-column:1!important}.share-link-card{flex-direction:column;align-items:stretch;margin:0 15px 15px}.share-link-actions{flex-wrap:wrap}.relationship-grid,.insight-grid,.student-preview,.role-chip-grid{grid-template-columns:1fr}.relationship-card{grid-template-columns:42px minmax(0,1fr)}.relationship-card>.row-actions{grid-column:1/-1}.document-list article{grid-template-columns:38px minmax(0,1fr)}.document-list .row-actions{grid-column:1/-1}.modalbox{border-radius:18px;padding:17px}.module-insights article{min-height:112px}.signature-pad{min-height:125px}}.music-create-panels{align-items:stretch}.music-create-panels>.panel{min-width:0}.music-create-panels .quickform--premium>label{grid-column:span 6}.music-insights article{min-width:0}@media (width<=820px){.music-create-panels .quickform--premium>label{grid-column:1/-1}}