:root{--hue:142;--sat:88%;--accent:hsl(var(--hue) var(--sat) 52%);--accent-2:hsl(calc(var(--hue) + 48) 92% 58%);--accent-soft:hsl(var(--hue) 70% 55%/.14);--bg:#07100c;--panel:#0d1813cc;--panel-solid:#0d1813;--text:#f1f8f4;--muted:#8da399;--line:#ffffff12;--danger:#ff667d;--warning:#ffb84a;--shadow:0 28px 70px #0007;--radius:22px;--motion:1;--sidebar:260px;font-family:Inter,Manrope,"Segoe UI",Arial,sans-serif;color-scheme:dark}
[data-theme="light"]{--bg:#eef5f1;--panel:#ffffffd9;--panel-solid:#fff;--text:#102019;--muted:#64776e;--line:#0d201217;--shadow:0 24px 60px #163c2715;color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}[hidden],.hidden{display:none!important}.glass{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(22px)}.aurora{position:fixed;width:45vw;height:45vw;border-radius:50%;filter:blur(100px);opacity:.12;pointer-events:none;animation:float calc(14s/var(--motion)) ease-in-out infinite alternate}.aurora-a{background:var(--accent);left:-18vw;top:-18vw}.aurora-b{background:var(--accent-2);right:-20vw;bottom:-24vw;animation-delay:-4s}@keyframes float{to{transform:translate(5vw,4vh) scale(1.15)}}
.app-shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh;padding:14px;gap:14px}.sidebar{position:sticky;top:14px;height:calc(100vh - 28px);border-radius:26px;padding:24px 14px 14px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 28px;font-weight:800;font-size:21px;letter-spacing:-.5px}.brand-mark{display:block;width:32px;height:32px;flex:0 0 auto;background:var(--accent);-webkit-mask:url("assets/krapiva-logo.svg?v=20260827-3") center/contain no-repeat;mask:url("assets/krapiva-logo.svg?v=20260827-3") center/contain no-repeat;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--accent),transparent 45%));transition:background-color .2s,filter .2s}.brand em{font-size:9px;font-style:normal;letter-spacing:1.4px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent),transparent 60%);border-radius:999px;padding:3px 6px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{border:0;background:transparent;padding:12px 13px;border-radius:13px;color:var(--muted);display:flex;align-items:center;gap:12px;text-align:left;transition:.25s}.nav-item span{font-size:19px;width:22px;text-align:center}.nav-item b{margin-left:auto;background:var(--accent-soft);color:var(--accent);font-size:11px;border-radius:999px;padding:3px 7px}.nav-item:hover,.nav-item.active{background:var(--accent-soft);color:var(--text);transform:translateX(2px)}.nav-item.active:before{content:"";width:3px;height:20px;border-radius:4px;background:var(--accent);box-shadow:0 0 14px var(--accent);margin-left:-13px}.sidebar-bottom{margin-top:auto}.user-card{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:16px 8px 4px}.avatar{width:38px;height:38px;border-radius:12px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent),transparent 68%);display:grid;place-items:center}.avatar .brand-mark{width:24px;height:24px;filter:none}.user-card div:nth-child(2){display:flex;flex-direction:column;min-width:0}.user-card strong{font-size:13px}.user-card small{color:var(--muted)}.user-card button{margin-left:auto;border:0;background:none;color:var(--muted)}
.main{min-width:0;padding:8px 24px 50px}.topbar{min-height:84px;display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--accent);font-weight:800;margin:0 0 6px}.topbar h1{margin:0;font-size:27px;letter-spacing:-1px}.top-actions{display:flex;align-items:center;gap:9px}.status-pill{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:9px 13px;border-radius:999px}.status-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);margin-right:7px;animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.45}}.icon-btn{border:1px solid var(--line);background:var(--panel);width:39px;height:39px;border-radius:12px}.notification{position:relative}.notification b{position:absolute;width:7px;height:7px;background:var(--danger);border-radius:50%;right:7px;top:7px}.btn{border:1px solid var(--line);border-radius:12px;padding:11px 16px;font-weight:700;transition:.2s}.btn:hover{transform:translateY(-1px)}.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));border:0;color:#04140b;box-shadow:0 10px 30px color-mix(in srgb,var(--accent),transparent 75%)}.secondary{background:var(--accent-soft);color:var(--accent)}.ghost{background:transparent;color:var(--muted)}
.page{display:none;animation:pageIn calc(.45s*var(--motion)) ease both}.page.active{display:block}@keyframes pageIn{from{opacity:0;transform:translateY(8px)}}.hero-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:14px;margin-top:10px}.hero-card,.metric-card,.panel{border-radius:var(--radius)}.hero-card{padding:24px 26px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.hero-number{font-size:46px;font-weight:800;letter-spacing:-2px}.hero-number span{font-size:11px;letter-spacing:0;background:var(--accent-soft);color:var(--accent);padding:5px 8px;border-radius:999px}.muted{color:var(--muted)}.pulse-orb{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,var(--accent-soft),transparent 65%);position:relative}.pulse-orb:before,.pulse-orb:after{content:"";position:absolute;inset:12px;border:1px solid color-mix(in srgb,var(--accent),transparent 55%);border-radius:50%;animation:ring calc(3s/var(--motion)) infinite}.pulse-orb:after{animation-delay:-1.5s}@keyframes ring{to{inset:-10px;opacity:0}}.pulse-orb .hero-mark{width:78px;height:78px;filter:drop-shadow(0 0 16px var(--accent))}.metric-card{padding:20px;display:flex;flex-direction:column;gap:5px}.metric-card p{margin:10px 0 0;color:var(--muted);font-size:13px}.metric-card strong{font-size:29px}.metric-card small{color:var(--accent)}.metric-card.warning small{color:var(--warning)}.metric-icon{width:38px;height:38px;border-radius:12px;background:var(--accent-soft);display:grid;place-items:center;color:var(--accent);font-size:20px}.content-grid{display:grid;grid-template-columns:1.75fr 1fr;gap:14px;margin-top:14px}.panel{padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel h2{margin:0;font-size:18px}.panel select,.toolbar select{background:var(--panel-solid);border:1px solid var(--line);border-radius:10px;padding:9px 12px}.text-btn{border:0;background:none;color:var(--accent);font-weight:700}.chart{height:250px;position:relative;padding-top:10px}.chart svg{width:100%;height:205px;overflow:visible}.chart .line{fill:none;stroke:var(--accent);stroke-width:3;filter:drop-shadow(0 0 8px var(--accent))}.chart .area{fill:url(#area)}.grid-lines{position:absolute;inset:15px 0 35px;background:repeating-linear-gradient(to bottom,var(--line) 0 1px,transparent 1px 48px)}.xlabels{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.product-stats{display:flex;flex-direction:column}.product-stats>div{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid var(--line)}.product-stats>div:last-child{border:0}.product-stats p{margin:0;display:flex;flex-direction:column;min-width:0}.product-stats strong{font-size:12px}.product-stats small{color:var(--muted);margin-top:4px}.product-stats b{margin-left:auto}.product-dot{width:10px;height:10px;border-radius:50%;background:var(--accent)}.cyan{background:var(--accent-2)}.violet{background:#9b78ff}.recent-panel{margin-top:14px}.toolbar{padding:12px;display:flex;gap:10px;border-radius:16px;margin:10px 0 14px}.search{flex:1;display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:11px;padding:0 12px}.search input{width:100%;padding:10px 0;background:transparent;border:0;outline:0}.table-panel{padding:0;overflow:hidden}.data-table{width:100%;overflow:auto}.table-row{display:grid;grid-template-columns:1.3fr 1fr 1.4fr .8fr .9fr 40px;align-items:center;gap:12px;min-width:780px;padding:15px 18px;border-bottom:1px solid var(--line);font-size:12px}.table-row.header{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px;background:color-mix(in srgb,var(--panel-solid),transparent 30%)}.table-row:last-child{border:0}.key-cell{font-family:"Cascadia Code",Consolas,monospace;color:var(--accent)}.cell-stack{display:flex;flex-direction:column;gap:3px}.cell-stack small{color:var(--muted)}.badge{justify-self:start;padding:5px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:10px}.badge.expiring{background:#ffb84a18;color:var(--warning)}.badge.revoked{background:#ff667d18;color:var(--danger)}.row-menu{border:0;background:none;color:var(--muted);font-size:18px}.compact .table-row{grid-template-columns:1.3fr 1fr 1.4fr .8fr .9fr 40px}.empty-state{min-height:430px;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.empty-state>span{font-size:56px;color:var(--accent)}.empty-state h2{margin:14px 0 2px}.empty-state p{color:var(--muted);max-width:460px}.product-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:10px}.product-card{padding:22px;border-radius:var(--radius)}.product-card .product-logo{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:800}.product-card h3{margin:18px 0 6px}.product-card p{color:var(--muted);font-size:12px}.product-card footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;margin-top:18px}.add-product{width:100%;border-radius:18px;padding:20px;margin-top:14px;color:var(--accent);font-weight:700}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:10px}.setting-row{margin:25px 0}.setting-row label{display:flex;justify-content:space-between;font-size:13px}.setting-row output{color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent)}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.theme-options button{border:1px solid var(--line);background:transparent;border-radius:10px;padding:10px}.theme-options button.active{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent),transparent 55%)}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted);margin:14px 0}.field input,.field select,.login-form input{background:var(--bg);border:1px solid var(--line);border-radius:11px;padding:12px;outline:0}.field input:focus,.field select:focus,.login-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.switch-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line)}.switch-row span{display:flex;flex-direction:column}.switch-row small{color:var(--muted);margin-top:4px}.switch-row input{accent-color:var(--accent);width:20px;height:20px}
.modal{width:min(680px,calc(100vw - 30px));border-radius:24px;color:var(--text);padding:0}.modal::backdrop{background:#020705c9;backdrop-filter:blur(9px)}.modal form{padding:24px}.modal-head,.modal-actions{display:flex;align-items:center;justify-content:space-between}.modal-head h2{margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;margin-top:20px}.field.full{grid-column:1/-1}.feature-builder{display:flex;justify-content:space-between;align-items:center;border:1px dashed var(--line);border-radius:14px;padding:16px;margin:12px 0 22px}.feature-builder div{display:flex;flex-direction:column}.feature-builder small{color:var(--muted);margin-top:4px}.modal-actions{justify-content:flex-end;gap:8px}.toast{position:fixed;right:22px;bottom:22px;z-index:50;background:var(--panel-solid);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:12px;padding:13px 16px;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(450px,100%);border-radius:28px;padding:36px}.brand-large{padding:0 0 34px}.brand-large .brand-mark{width:46px;height:46px}.login-card h1{font-size:34px;letter-spacing:-1.5px;margin:0}.login-form{display:flex;flex-direction:column;gap:15px;margin-top:25px}.login-form label{display:flex;flex-direction:column;gap:8px;font-size:12px}.security-note{border-top:1px solid var(--line);margin-top:26px;padding-top:18px;color:var(--muted);font-size:11px}.security-note span{color:var(--accent)}.mobile-only{display:none}
.field textarea{background:var(--bg);border:1px solid var(--line);border-radius:11px;padding:12px;outline:0;resize:vertical;min-height:92px}.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field small{line-height:1.5}.feature-field{margin-top:18px}.key-result{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center;padding:15px;border:1px solid color-mix(in srgb,var(--accent),transparent 55%);border-radius:14px;background:var(--accent-soft);margin:14px 0}.key-result small{grid-column:1/-1;color:var(--muted)}.key-result code{font-size:15px;color:var(--accent);overflow-wrap:anywhere}
.remember-row{display:flex!important;flex-direction:row!important;align-items:center;gap:9px!important;color:var(--muted);cursor:pointer}.remember-row input{width:18px;height:18px;padding:0;accent-color:var(--accent)}.setting-help{color:var(--muted);font-size:12px;line-height:1.55;margin:8px 0 18px}.setting-row small{display:block;color:var(--muted);font-size:11px;line-height:1.45;margin-top:8px}.save-state{font-size:11px;color:var(--accent);padding-top:8px}.save-state.saving{color:var(--warning)}.compact-modal{width:min(480px,calc(100vw - 30px))}.client-row{grid-template-columns:1.3fr 1.45fr .7fr .7fr .7fr!important}.client-avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:800}.client-identity{display:flex;align-items:center;gap:10px}.client-identity span{display:flex;flex-direction:column;gap:2px}.client-identity small{color:var(--muted)}#existingClientFields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0}#existingClientFields>label{display:flex;flex-direction:column;gap:7px}#existingClientFields input,#existingClientFields select{background:var(--bg);border:1px solid var(--line);border-radius:11px;padding:12px;outline:0}.theme-options{margin:16px 0 8px}.theme-options button{transition:.2s}.aurora{opacity:var(--fx-opacity,.12)}.brand-mark,.primary,.status-pill i{filter:saturate(var(--fx-saturation,1))}.login-form .ghost{border:0;padding:5px}.login-form .ghost:hover{transform:none;color:var(--accent)}
@media(max-width:1100px){.hero-grid{grid-template-columns:repeat(3,1fr)}.hero-card{grid-column:1/-1}.content-grid{grid-template-columns:1fr}.product-cards{grid-template-columns:1fr 1fr}}
@media(max-width:760px){:root{--sidebar:0px}.app-shell{display:block;padding:8px}.sidebar{position:fixed;left:8px;top:8px;width:260px;transform:translateX(-115%);transition:.25s}.sidebar.open{transform:none}.main{padding:6px 8px 40px}.mobile-only{display:block}.topbar{align-items:flex-start}.top-actions .status-pill,.top-actions .notification,.top-actions .primary{display:none}.hero-grid{grid-template-columns:1fr 1fr}.hero-card{grid-column:1/-1}.metric-card:last-child{grid-column:1/-1}.settings-grid,.product-cards{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.search{flex-basis:100%}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media(prefers-reduced-motion:reduce){:root{--motion:0.001}.aurora,.pulse-orb:before,.pulse-orb:after,.status-pill i{animation:none}.page{animation:none}}
.nav-icon,.metric-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.metric-icon svg{width:21px;height:21px}.client-row{grid-template-columns:1.25fr 1.35fr .8fr .55fr .55fr .65fr .55fr!important}.client-row.client-card{cursor:pointer;transition:.18s}.client-row.client-card:hover{background:var(--accent-soft)}.client-edit{border:0;background:transparent;color:var(--accent);font-weight:700}
.verification-status{border:0;background:transparent;padding:2px 0 0!important;margin-left:0!important;text-align:left;font-size:10px;font-weight:800;align-self:flex-start}.verification-status.verified{color:var(--accent)}.verification-status.pending{color:var(--danger)}.verification-countdown{padding:12px;border-radius:12px;background:var(--accent-soft);color:var(--muted);font-size:12px}.verification-countdown strong{color:var(--accent);font-variant-numeric:tabular-nums}
.license-toolbar{flex-wrap:wrap;align-items:end}.license-toolbar .search{min-width:280px}.license-toolbar select{min-width:145px}.end-filter{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:10px}.end-filter input{background:var(--panel-solid);border:1px solid var(--line);border-radius:10px;padding:8px 10px}.verification-task{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;border-radius:18px;padding:18px 20px;margin:10px 0 14px;border-color:color-mix(in srgb,var(--danger),transparent 55%)}.task-check{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#ff667d18;color:var(--danger);font-weight:900;font-size:20px}.verification-task h2,.verification-task p{margin:0}.verification-task p:not(.eyebrow){color:var(--muted);font-size:12px;margin-top:5px}.task-actions{display:flex;align-items:center;gap:12px}.task-actions strong{color:var(--danger);font-variant-numeric:tabular-nums}.support-nav{width:100%;position:relative}.support-nav .online-dot{margin-left:auto}.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);vertical-align:middle;margin-right:8px}.support-submit,.telegram-link{width:100%;display:block;text-align:center;margin-top:10px;text-decoration:none}.telegram-hint{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:12px}.telegram-hint small{color:var(--muted)}.telegram-hint code{color:var(--accent)}.telegram-hint button{border:0;background:var(--accent-soft);color:var(--accent);border-radius:8px;padding:7px 9px}.client-modal{width:min(860px,calc(100vw - 30px))}.client-modal-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:20px;margin-top:16px}.client-stats{background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:18px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-grid div{display:flex;flex-direction:column;padding:14px;border-radius:12px;background:var(--accent-soft)}.stat-grid strong{font-size:24px;color:var(--accent)}.stat-grid small,.stat-detail span{color:var(--muted)}.stat-detail{display:flex;flex-direction:column;gap:5px;margin-top:14px;font-size:11px}.danger{background:#ff667d18;color:var(--danger);border-color:#ff667d45}.modal-spacer{flex:1}.stats-loading{color:var(--muted);padding:20px 0}
.client-contact{color:inherit;text-decoration:none;border-bottom:1px dashed color-mix(in srgb,var(--accent),transparent 50%)}.client-contact:hover{color:var(--accent)}
@media(max-width:760px){.verification-task{grid-template-columns:auto 1fr}.task-actions{grid-column:1/-1;justify-content:flex-end}.client-modal-grid{grid-template-columns:1fr}.license-toolbar>*{width:100%}.license-toolbar .search{min-width:0}.telegram-hint{grid-template-columns:1fr auto}.telegram-hint small{grid-column:1/-1}}
.online-dot{min-width:8px;min-height:8px;flex:0 0 8px;aspect-ratio:1}

/* Business workspace additions */
.topbar{gap:22px}.global-search{position:relative;display:flex;align-items:center;gap:9px;min-width:300px;max-width:500px;flex:1;margin-left:auto;border:1px solid var(--line);background:var(--panel-solid);border-radius:14px;padding:0 13px}.global-search input{width:100%;border:0;background:transparent;padding:11px 0;color:var(--text);outline:0}.global-search-results{position:absolute;z-index:30;top:calc(100% + 9px);left:0;right:0;max-height:460px;overflow:auto;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--panel-solid);box-shadow:0 24px 70px #0008}.global-search-results p{margin:8px;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.global-search-results>button{width:100%;display:flex;flex-direction:column;align-items:flex-start;border:0;border-radius:10px;padding:10px;background:transparent;color:var(--text);text-align:left}.global-search-results>button:hover{background:var(--accent-soft)}.global-search-results small{color:var(--muted)}
.notification svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification b:not(.hidden){position:absolute;right:2px;top:1px;min-width:15px;height:15px;padding:0 3px;display:grid;place-items:center;border-radius:10px;background:var(--danger);color:#fff;font-size:8px}
.attention-center{padding:20px;margin-bottom:16px}.attention-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.attention-head h2{margin:3px 0 0}.attention-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.attention-item{min-height:108px;border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;background:color-mix(in srgb,var(--panel-solid),transparent 10%)}.attention-item>span{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-weight:900}.attention-item.hot>span{background:#ff667d18;color:var(--danger)}.attention-item p{font-size:11px;margin:6px 0;color:var(--muted)}.attention-item button{grid-column:1/-1;text-align:left;padding:0}
.renewal-row{grid-template-columns:1.15fr 1fr .65fr .8fr .75fr .9fr 1fr!important}.renewal-row>span:first-child{display:flex;flex-direction:column}.renewal-row small{color:var(--muted)}.renewal-price{width:100%;min-width:70px;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:8px;color:var(--text)}.contact-actions{display:flex;gap:7px;flex-wrap:wrap}.contact-actions a{color:var(--accent);text-decoration:none}.danger-text{color:var(--danger)}
.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.health-card{border:1px solid var(--line);border-radius:15px;padding:16px;background:var(--bg)}.health-card>div{display:flex;align-items:center;gap:8px;margin-bottom:12px}.health-card i{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.health-card p{display:flex;justify-content:space-between;margin:7px 0;color:var(--muted);font-size:11px}.health-card b{color:var(--text)}
.client-programs{margin-bottom:16px}.program-library{display:grid;gap:12px}.client-program-card{padding:20px;display:grid;grid-template-columns:auto 1fr;gap:18px}.client-program-card h3{margin:0 0 8px}.client-program-card p{margin:0 0 14px}.client-program-card small{color:var(--muted)}.program-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.program-actions button:disabled{opacity:.5}
.client-programs>.panel-head{align-items:flex-start;margin:10px 0 14px}.client-programs>.panel-head .setting-help{margin:7px 0 0}.client-program-main{min-width:0}.client-program-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.program-personal-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0}.program-personal-stats>div{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.program-personal-stats strong{font-size:16px;overflow-wrap:anywhere}.program-personal-stats small{font-size:10px}.client-program-card .program-actions{margin-top:4px}
.device-panel .panel-head{min-height:58px;align-items:flex-start;margin:0;padding:20px 20px 18px}.device-panel .panel-head>div{min-width:0;padding-left:1px}.device-panel .panel-head .eyebrow{margin:0 0 7px;line-height:1.25}.device-panel .panel-head h2{margin:0;line-height:1.25}.device-empty{min-height:350px}.device-empty svg{width:54px;height:54px;fill:none;stroke:var(--accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--accent),transparent 45%))}
.client-tabs{display:flex;gap:6px;overflow:auto;margin:10px 0 2px;padding-bottom:8px}.client-tabs button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:10px;padding:8px 11px;white-space:nowrap}.client-tabs button.active{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent),transparent 50%)}
.notification-settings{display:grid;gap:11px;margin-top:14px}.notification-settings>label:not(.field),.channel-row label{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.channel-row{display:flex;gap:14px;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.notification-list{display:grid;gap:8px;min-height:90px}.notification-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:11px;background:var(--bg);color:var(--text);text-align:left}.notification-item b{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#ff667d18;color:var(--danger)}.empty-notifications{padding:24px;text-align:center;color:var(--muted)}
.phone-required #app{filter:blur(8px);transform:scale(.995);pointer-events:none;user-select:none}.phone-gate{width:min(520px,calc(100vw - 28px));border:1px solid color-mix(in srgb,var(--accent),transparent 55%);border-radius:24px;padding:28px;background:var(--panel-solid);color:var(--text);box-shadow:0 30px 100px #000b}.phone-gate::backdrop{background:color-mix(in srgb,var(--bg),transparent 25%);backdrop-filter:blur(2px)}.phone-gate h2{font-size:28px;margin:8px 0}.phone-gate .brand{margin-bottom:24px}.phone-field{margin:22px 0 14px}.consent-row{display:flex;align-items:flex-start;gap:10px;color:var(--muted);font-size:11px;line-height:1.5;margin:14px 0 20px}.consent-row input{margin-top:3px}.consent-row a,.legal-links a{color:var(--accent)}
.legal-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:16px;font-size:10px}.legal-body{min-height:100vh;padding:28px;background:var(--bg);color:var(--text)}.legal-page{max-width:900px;margin:auto;padding:38px;border-radius:24px}.legal-page h1{font-size:34px}.legal-page h2{margin-top:28px;font-size:19px}.legal-page p,.legal-page li{color:var(--muted);line-height:1.7}.legal-page a{color:var(--accent)}.legal-warning{padding:15px;border:1px solid #ffba5c66;border-radius:14px;background:#ffba5c12;color:var(--text)!important}.legal-back{text-decoration:none}
@media(max-width:1100px){.global-search{display:none}.attention-items{grid-template-columns:repeat(2,1fr)}.health-grid{grid-template-columns:1fr}.renewal-row{min-width:1050px}}@media(max-width:700px){.attention-items{grid-template-columns:1fr}.legal-body{padding:10px}.legal-page{padding:22px}.client-program-card{grid-template-columns:1fr}}

/* Attention center and notifications dialog */
.attention-actions{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.attention-actions button{text-align:left;padding:0}.compact-modal{padding:24px;width:min(620px,calc(100vw - 30px));max-height:min(760px,calc(100vh - 30px));overflow:auto}.compact-modal .modal-head{align-items:flex-start;margin-bottom:18px}.compact-modal .modal-head h2{margin:3px 0 0}.compact-modal .modal-actions{gap:8px;margin-top:18px;flex-wrap:wrap}.notification-list{display:grid;gap:9px;min-height:90px}.notification-item{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px;padding:13px;background:var(--bg);color:var(--text)}.notification-item b{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#ff667d18;color:var(--danger)}.notification-item .attention-actions{grid-column:2;justify-content:flex-start}.empty-notifications{padding:32px 18px;text-align:center;color:var(--muted)}
@media(max-width:600px){.compact-modal{padding:18px}.compact-modal .modal-actions>*{width:100%}.notification-item{grid-template-columns:auto 1fr}.notification-item .attention-actions{grid-column:1/-1}}
@media(max-width:900px){.program-personal-stats{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.program-personal-stats{grid-template-columns:1fr}}

/* Universal product platform */
.product-card{appearance:none;color:inherit;text-align:left;font:inherit;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.product-card:hover,.product-card.selected{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 18px 60px color-mix(in srgb,var(--accent) 12%,transparent)}
.product-detail{margin-top:18px;scroll-margin-top:28px}.product-detail-head{display:flex;align-items:center;gap:16px;padding-bottom:22px;border-bottom:1px solid var(--line)}.product-detail-head>div:nth-child(2){flex:1}.product-detail-head h2{margin:2px 0 5px}.product-metric-grid{display:grid;grid-template-columns:repeat(8,minmax(110px,1fr));gap:10px;margin:20px 0}.product-metric-grid>div,.license-summary p,.publication-timeline p{padding:14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel-solid) 88%,transparent)}.product-metric-grid strong{display:block;font-size:22px;color:var(--text)}.product-metric-grid small{display:block;margin-top:4px;color:var(--muted);line-height:1.25}
.product-tabs{display:flex;gap:5px;overflow:auto;padding:5px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--bg) 45%,transparent)}.product-tabs button{white-space:nowrap;border:0;background:transparent;color:var(--muted);border-radius:11px;padding:11px 16px;font:inherit;font-weight:700;cursor:pointer}.product-tabs button.active{background:var(--accent-soft);color:var(--accent)}.product-pane{display:none;padding-top:20px}.product-pane.active{display:block}.product-overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product-overview-grid article{padding:20px;border:1px solid var(--line);border-radius:16px}.stat-list p{display:flex;justify-content:space-between;gap:14px;margin:0;padding:10px 0;border-bottom:1px solid var(--line);color:var(--muted)}.stat-list p:last-child{border-bottom:0}.stat-list b{color:var(--text)}
.pane-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.pane-toolbar .search{max-width:520px}.product-client-row{grid-template-columns:1.45fr .6fr 1fr .5fr .62fr .5fr .5fr .72fr}.product-client-row.client-card{width:100%;appearance:none;color:inherit;text-align:left;font:inherit;cursor:pointer}.product-file-row{grid-template-columns:1.3fr .9fr .55fr .75fr .8fr 1.2fr}.release-row{grid-template-columns:.65fr 1fr .5fr .75fr .7fr .8fr .8fr}.file-actions{display:flex;justify-content:flex-end;gap:7px}.file-actions .btn,.release-row .btn{padding:8px 10px;font-size:12px}.product-settings-grid,.release-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.product-settings-grid .full,.release-form-grid .full{grid-column:1/-1}.release-modal{width:min(760px,calc(100% - 32px))}.release-modal form{padding:24px}.save-state:empty{display:none}.warning-dot{background:#ffb134!important;box-shadow:0 0 12px #ffb134!important}
.client-program-expanded{align-items:flex-start}.connection{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:13px}.connection i{width:8px;height:8px;border-radius:50%;background:#78857e}.connection.online{color:var(--accent)}.connection.online i{background:var(--accent);box-shadow:0 0 10px var(--accent)}.license-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0}.license-summary p,.publication-timeline p{margin:0}.license-summary span,.publication-timeline span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.license-summary strong{font-size:13px}.program-personal-stats.detailed{grid-template-columns:repeat(7,minmax(88px,1fr))}.publication-timeline{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}
@media(max-width:1500px){.product-metric-grid{grid-template-columns:repeat(4,1fr)}.program-personal-stats.detailed{grid-template-columns:repeat(4,1fr)}}@media(max-width:1050px){.product-overview-grid{grid-template-columns:1fr}.product-client-row,.product-file-row,.release-row{grid-template-columns:1fr 1fr}.product-client-row.header,.product-file-row.header,.release-row.header{display:none}.license-summary{grid-template-columns:1fr 1fr}}@media(max-width:700px){.product-metric-grid{grid-template-columns:1fr 1fr}.product-detail-head{align-items:flex-start;flex-wrap:wrap}.product-settings-grid,.release-form-grid{grid-template-columns:1fr}.product-settings-grid .full,.release-form-grid .full{grid-column:auto}.program-personal-stats.detailed{grid-template-columns:1fr 1fr}.publication-timeline{grid-template-columns:1fr}.pane-toolbar{align-items:stretch;flex-direction:column}.product-client-row,.product-file-row,.release-row{grid-template-columns:1fr}}
.key-cell{display:flex;align-items:center;gap:8px;min-width:0}.key-cell code{color:var(--accent);font:700 13px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}.copy-license-key{width:30px;height:30px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--muted);cursor:pointer;flex:0 0 auto}.copy-license-key:hover{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}