*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}#root{min-height:100vh}:root{--bg:#f4f5f7;--surface:#fff;--surface-2:#fafafb;--surface-3:#f0f1f3;--border:#e3e4e8;--border-dim:#eceded;--primary:#333;--primary-dk:#1f1f1f;--primary-lt:#f0f0f1;--primary-glow:#3333330f;--primary-edge:#3333332e;--accent:#d1091e;--accent-dk:#a80718;--accent-lt:#fdeaec;--accent-edge:#d1091e47;--sidebar-bg:#fff;--text:#262626;--text-dim:#5c5d63;--text-muted:#9a9aa1;--success:#0a7048;--success-bg:#e8f7f1;--success-edge:#7ecba8;--warning:#8a5c0c;--warning-bg:#fef8e8;--warning-edge:#e8c050;--error:#b51c1c;--error-bg:#fef2f2;--error-edge:#f8a8a8;--sidebar-w:264px;--radius:10px;--radius-sm:7px;--radius-xs:4px;--font-display:"din-2014", "DIN Next", "PT Sans", Arial, sans-serif;--font-body:Carlito, Calibri, "Segoe UI", Arial, sans-serif;--font-mono:"Fira Code", monospace;--shadow-card:0 1px 4px #28282d0f, 0 1px 2px #28282d0a;--shadow-lift:0 4px 16px #28282d1a, 0 1px 4px #28282d0f}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:14px;line-height:1.6}.login-screen{background:#d8d8d8;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);z-index:1;border-radius:14px;width:100%;max-width:400px;padding:44px;animation:.45s ease-out both fadeUp;position:relative;box-shadow:0 2px 8px #28282d14,0 20px 60px #28282d1f}.login-back{color:var(--text-muted);font-family:var(--font-display);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;margin-bottom:20px;padding:0;font-size:12px;font-weight:600;transition:color .14s;display:inline-flex}.login-back:hover{color:var(--text)}.login-brand{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-bottom:36px;display:flex}.login-brand-icon{background:var(--accent);color:#fff;border-radius:13px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:2px;display:flex;box-shadow:0 6px 20px #28282d47}.login-brand h1{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);white-space:nowrap;font-size:22px;font-weight:700;line-height:1.15}.login-brand p{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600}.login-card h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);margin-bottom:4px;font-size:19px;font-weight:600}.login-card .subtitle{color:var(--text-dim);margin-bottom:26px;font-size:13px}.dashboard{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);border-right:1px solid var(--border);flex-direction:column;height:100vh;animation:.35s ease-out both fadeIn;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-header{border-bottom:1px solid var(--border-dim);padding:22px 18px 18px}.sidebar-brand{align-items:center;gap:10px;margin-bottom:14px;display:flex}.sidebar-brand-icon{background:var(--accent);color:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex;box-shadow:0 2px 8px #28282d40}.sidebar-brand span{font-family:var(--font-display);letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.sidebar-uni-name{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:7px;font-size:15px;font-weight:600;overflow:hidden}.sidebar-nav{flex:1;padding:14px 10px}.nav-section{margin-bottom:4px}.nav-section-label{font-family:var(--font-display);color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;padding:10px 12px 5px;font-size:9px;font-weight:700}.nav-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-dim);text-align:left;background:0 0;border:none;border-left:2px solid #0000;align-items:center;gap:9px;width:100%;margin-left:-2px;padding:9px 12px;font-size:13.5px;font-weight:400;transition:background .14s,color .14s,transform .14s;display:flex}.nav-item:hover{background:var(--primary-lt);color:var(--primary);transform:translate(1px)}.nav-item.active{background:var(--primary-lt);color:var(--primary);border-left-color:var(--primary);font-weight:700}.nav-icon{opacity:.8;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.nav-item.active .nav-icon{opacity:1}.sidebar-footer{border-top:1px solid var(--border-dim);padding:12px 10px}.logout-btn{border-radius:var(--radius-sm);width:100%;color:var(--text-muted);font-family:var(--font-body);cursor:pointer;text-align:left;background:0 0;border:none;border-left:2px solid #0000;align-items:center;gap:9px;margin-left:-2px;padding:9px 12px;font-size:13.5px;font-weight:400;transition:background .14s,color .14s,transform .14s;display:flex}.logout-btn:hover{background:var(--error-bg);color:var(--error);border-left-color:var(--error);transform:translate(1px)}.help-btn{border-radius:var(--radius-sm);width:100%;color:var(--text-muted);font-family:var(--font-body);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-left:2px solid #0000;align-items:center;gap:9px;margin-left:-2px;padding:9px 12px;font-size:13.5px;font-weight:400;text-decoration:none;display:flex}.help-btn:hover{background:var(--primary-lt);color:var(--primary);border-left-color:var(--primary);transform:translate(1px)}.main{margin-left:var(--sidebar-w);background:var(--bg);flex:1;min-height:100vh;padding:36px}.content-wrap{max-width:900px;margin:0 auto}.content-wrap>*{animation:.35s ease-out both fadeUp}.content-wrap>:first-child{animation-delay:0s}.content-wrap>:nth-child(2){animation-delay:60ms}.content-wrap>:nth-child(3){animation-delay:.12s}.content-wrap>:nth-child(4){animation-delay:.18s}.content-wrap>:nth-child(5){animation-delay:.24s}.page-header{border-bottom:1px solid var(--border);margin-bottom:26px;padding-bottom:22px}.page-header h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin-bottom:4px;font-size:28px;font-weight:700}.page-header p{color:var(--text-dim);font-size:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);margin-bottom:14px;padding:24px;transition:box-shadow .2s}.card-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.card-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);margin-bottom:2px;font-size:16px;font-weight:600}.card-subtitle{color:var(--text-dim);font-size:13px;line-height:1.5}.stats-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;display:grid}.stats-row .stat-card:first-child{animation:.3s ease-out both fadeUp}.stats-row .stat-card:nth-child(2){animation:.3s ease-out 55ms both fadeUp}.stats-row .stat-card:nth-child(3){animation:.3s ease-out .11s both fadeUp}.stats-row .stat-card:nth-child(4){animation:.3s ease-out .165s both fadeUp}.stats-row .stat-card:nth-child(5){animation:.3s ease-out .22s both fadeUp}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:20px 22px}.stat-label{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:700}.stat-value{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:30px;font-weight:700;line-height:1}.stat-value.blue{color:var(--primary)}.stat-value.green{color:var(--success)}.info-table{border-collapse:collapse;width:100%}.info-table td{border-bottom:1px solid var(--border-dim);vertical-align:middle;padding:12px 0;font-size:13.5px}.info-table td:first-child{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);width:160px;padding-right:20px;font-size:11px;font-weight:700}.info-table tr:last-child td{border-bottom:none}.badge{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;border:1px solid;border-radius:5px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge-active{background:var(--success-bg);color:var(--success);border-color:var(--success-edge)}.badge-trial{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-edge)}.badge-expired{background:var(--error-bg);color:var(--error);border-color:var(--error-edge)}.field{margin-bottom:16px}.field label{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px;font-size:11px;font-weight:700;display:block}input,select{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-family:var(--font-body);outline:none;padding:10px 13px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}input::placeholder{color:var(--text-muted)}select option{background:var(--surface);color:var(--text)}.btn{border-radius:var(--radius-sm);font-family:var(--font-display);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:10px 18px;font-size:13.5px;font-weight:700;transition:background .14s,box-shadow .14s,opacity .14s,transform .1s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-dk);box-shadow:0 4px 14px #28282d47}.btn-secondary{background:var(--surface);color:var(--text-dim);border:1.5px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-2);color:var(--text);border-color:#cbccd0}.btn-danger{background:var(--error-bg);color:var(--error);border:1.5px solid var(--error-edge)}.btn-danger:hover:not(:disabled){background:#fde0e0}.btn-sm{padding:6px 12px;font-size:12px}.feedback{border-radius:var(--radius-sm);border:1px solid;align-items:center;gap:8px;margin-top:12px;padding:11px 15px;font-size:13.5px;display:flex}.feedback-error{background:var(--error-bg);color:var(--error);border-color:var(--error-edge)}.feedback-success{background:var(--success-bg);color:var(--success);border-color:var(--success-edge)}.feedback-warning{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-edge)}.module-item{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);margin-bottom:10px;padding:18px;transition:border-color .15s,box-shadow .15s}.module-item:hover{box-shadow:var(--shadow-lift);border-color:#cbccd0}.module-item-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.module-name{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);font-size:14px;font-weight:600}.module-id{font-family:var(--font-mono);color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:3px 8px;font-size:10px}.module-fields{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.activity-table{border-collapse:collapse;width:100%;font-size:13px}.activity-table th{text-align:left;font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);border-bottom:1.5px solid var(--border);background:var(--surface-2);padding:9px 13px;font-size:11px;font-weight:700}.activity-table th:first-child{border-radius:var(--radius-xs) 0 0 0}.activity-table th:last-child{border-radius:0 var(--radius-xs) 0 0}.activity-table td{border-bottom:1px solid var(--border-dim);color:var(--text);padding:11px 13px}.activity-table tr:last-child td{border-bottom:none}.activity-table tr:hover td{background:var(--primary-lt)}.empty-state{text-align:center;padding:44px 20px}.empty-state-icon{opacity:.35;margin-bottom:10px;font-size:28px}.empty-state p{color:var(--text-muted);font-size:13.5px}.divider{border:none;border-top:1px solid var(--border);margin:22px 0}.add-module-form{background:var(--surface-2);border:1.5px dashed var(--border);border-radius:var(--radius-sm);margin-top:14px;padding:22px}.add-module-form h4{font-family:var(--font-display);letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim);margin-bottom:16px;font-size:11px;font-weight:700}.lp{background:var(--surface);color:var(--text);min-height:100vh}.lp-wrap{max-width:1120px;margin:0 auto;padding:0 32px}.lp h1,.lp h2,.lp h3,.lp h4{font-family:var(--font-display);color:var(--text);letter-spacing:-.015em;text-wrap:balance;margin:0;font-weight:700;line-height:1.12}.lp a:not(.lp-btn){color:inherit;text-decoration:none}.lp a.lp-btn{text-decoration:none}.lp-kicker{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);font-size:11.5px;font-weight:800}.lp-num{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:700}.lp-btn{font-family:var(--font-display);cursor:pointer;border:1.5px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:12px 22px;font-size:14px;font-weight:800;transition:transform .14s,background .14s,color .14s,border-color .14s;display:inline-flex}.lp-btn svg{transition:transform .14s}.lp-btn:hover svg{transform:translate(3px)}.lp-btn-red{background:var(--accent);color:#fff;border-color:var(--accent)}.lp-btn-red:hover{background:var(--accent-dk);border-color:var(--accent-dk);transform:translateY(-1px)}.lp-btn-out{color:var(--text);background:0 0;border-color:#d5d6da}.lp-btn-out:hover{border-color:var(--primary);transform:translateY(-1px)}.lp-btn-sm{min-height:40px;padding:9px 16px;font-size:13px}.lp a:focus-visible,.lp-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}.lp-nav{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#ffffffe6;justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;padding:20px 32px;display:flex;position:sticky;top:0}.lp-nav-r{align-items:center;gap:12px;display:flex}.lp-logo{width:auto;height:26px;display:block}.lp-hero{grid-template-columns:1.12fr .88fr;align-items:center;gap:48px;padding:60px 0 30px;display:grid}.lp-hero h1{font-size:clamp(38px,5.2vw,56px);line-height:1.09}.lp-hero h1 em{color:var(--accent);font-style:normal}.lp-hero .lp-kicker{margin-bottom:20px;display:block}.lp-hero-lead{color:var(--text-dim);max-width:520px;margin:24px 0 0;font-size:18px;line-height:1.65}.lp-hero-cta{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.lp-hero-note{color:var(--text-muted);align-items:center;gap:9px;margin-top:20px;font-size:13px;font-weight:700;display:flex}.lp-hero-note b{color:var(--text-dim)}.lp-figure{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:38px 30px 30px}.lp-fig-mark{justify-content:center;margin-bottom:26px;display:flex}.lp-fig-mark img{width:128px;height:128px;display:block}.lp-fig-cap{text-align:center;margin-bottom:24px}.lp-fig-cap h4{font-size:20px}.lp-fig-cap p{color:var(--text-dim);margin:6px 0 0;font-size:13px}.lp-fig-nodes{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.lp-chip{font-family:var(--font-display);border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:100px;align-items:center;gap:7px;padding:7px 13px;font-size:12px;font-weight:800;display:inline-flex}.lp-chip .lp-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.lp-sec{padding:44px 0}.lp-sec-intro{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:34px;display:flex}.lp-sec-intro h2{max-width:15ch;font-size:clamp(26px,3.4vw,34px)}.lp-sec-intro .lp-kicker{margin-bottom:12px;display:block}.lp-sec-intro p{color:var(--text-dim);max-width:34ch;font-size:15px}.lp-services{grid-template-columns:1fr 1fr;gap:24px;display:grid}.lp-svc{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:30px;transition:transform .16s,border-color .16s;position:relative}.lp-svc:hover{border-color:var(--primary);transform:translateY(-3px)}.lp-svc-top{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.lp-svc-ico{background:var(--surface-2);border:1px solid var(--border);width:48px;height:48px;color:var(--primary);border-radius:11px;place-items:center;display:grid}.lp-svc-idx{font-family:var(--font-display);color:#d8d8d8;font-size:30px;font-weight:700;line-height:1}.lp-lbl{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;background:var(--accent);color:#fff;border-radius:6px;margin-bottom:11px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.lp-svc h3{font-size:21px}.lp-svc .lp-tag{font-family:var(--font-body);color:var(--text-dim);margin:7px 0 18px;font-size:13.5px;font-weight:700}.lp-feat{flex-direction:column;gap:11px;margin:0 0 22px;padding:0;list-style:none;display:flex}.lp-feat li{color:var(--text);align-items:flex-start;gap:11px;font-size:14.5px;display:flex}.lp-feat svg{flex:none;margin-top:3px}.lp-feat .lp-k{color:var(--text-dim)}.lp-svc-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:14px;padding-top:18px;display:flex}.lp-price .lp-from{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:3px;font-size:11px;font-weight:800;display:block}.lp-price .lp-amt{font-family:var(--font-display);color:var(--text);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.lp-price .lp-per{color:var(--text-dim);margin-top:3px;font-size:12.5px;display:block}.lp-badge{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;border-radius:100px;align-items:center;gap:6px;padding:4px 11px;font-size:11px;font-weight:800;display:inline-flex}.lp-badge-ok{background:var(--accent);color:#fff}.lp-badge-soon{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.lp-flow{grid-template-columns:1fr 1fr;gap:24px;display:grid}.lp-flow-col{background:var(--surface-2);border:1px solid var(--border);border-radius:16px;padding:28px 28px 12px}.lp-flow-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.lp-flow-head h4{font-size:17px}.lp-flow-head .lp-flbl{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:10.5px;font-weight:800}.lp-steps{margin-top:18px;position:relative}.lp-steps:before{content:"";background:var(--border);width:1px;position:absolute;top:6px;bottom:22px;left:13px}.lp-step{gap:16px;padding-bottom:20px;display:flex;position:relative}.lp-step-n{z-index:1;background:var(--primary);color:#fff;width:27px;height:27px;font-family:var(--font-display);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:800;display:grid;position:relative}.lp-step strong{color:var(--text);font-size:14.5px;display:block}.lp-step p{color:var(--text-dim);margin:2px 0 0;font-size:13.5px}.lp-compat{grid-template-columns:1.1fr .9fr;align-items:stretch;gap:24px;display:grid}.lp-plat{grid-template-columns:1fr 1fr;gap:12px;display:grid}.lp-plat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.lp-plat-card .lp-nm{font-family:var(--font-display);color:var(--text);font-size:16px;font-weight:700}.lp-headset-card{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;flex-direction:column;justify-content:center;gap:12px;padding:22px 24px;display:flex}.lp-hc-ico{background:var(--surface);border:1px solid var(--border);width:44px;height:44px;color:var(--primary);border-radius:11px;place-items:center;display:grid}.lp-headset-card h4{font-size:17px}.lp-headset-card p{color:var(--text-dim);margin:0;font-size:14px}.lp-headset-card b{color:var(--text)}.lp-closer{background:var(--surface-2);border:1px solid var(--border);text-align:center;border-radius:20px;padding:clamp(40px,6vw,60px) 40px}.lp-closer h2{max-width:18ch;margin:0 auto;font-size:clamp(28px,3.8vw,40px)}.lp-closer p{color:var(--text-dim);max-width:48ch;margin:16px auto 0;font-size:16px}.lp-closer .lp-acts{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.lp-footer{border-top:1px solid var(--border);margin-top:34px;padding:30px 0 46px}.lp-foot-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.lp-foot-in .lp-logo{height:20px}.lp-footer .lp-meta{color:var(--text-muted);font-size:13px}.lp-footer .lp-meta a{color:var(--text-dim);text-underline-offset:2px;text-decoration:underline}.lp-rise{opacity:0;animation:.7s cubic-bezier(.2,.7,.2,1) forwards lpRise;transform:translateY(16px)}.lp-r1{animation-delay:40ms}.lp-r2{animation-delay:.12s}.lp-r3{animation-delay:.2s}@keyframes lpRise{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.lp-rise{opacity:1;animation:none;transform:none}}@media (width<=880px){.lp-hero,.lp-services,.lp-flow,.lp-compat{grid-template-columns:1fr}.lp-hero{gap:34px}.lp-sec-intro{align-items:flex-start}}@media (width<=520px){.lp-plat{grid-template-columns:1fr}.lp-nav{padding:18px 20px}.lp-wrap{padding:0 20px}}