:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color-scheme:dark;--sidebar:248px;--topbar:68px;--radius:16px;--radius-sm:12px;--bg:#080a0d;--bg2:#0b0e12;--panel:#101419;--panel2:#13181e;--panel3:#0d1116;--line:#20272f;--line-soft:#171d23;--text:#f4f5f7;--muted:#929aa5;--muted2:#69727f;--gold:#e3b64f;--gold2:#ffd778;--gold3:#8f6c25;--gold-bg:rgba(227,182,79,.1);--green:#4fdb91;--green-bg:rgba(79,219,145,.09);--red:#ff796f;--red-bg:rgba(255,121,111,.09);--shadow:0 20px 55px rgba(0,0,0,.28);--top-bg:rgba(8,10,13,.88);--side-bg:#090c10;--input:#0b0f14;--hero-glow:rgba(204,149,39,.16)}
html[data-theme="light"]{color-scheme:light;--bg:#f3f5f7;--bg2:#eef1f4;--panel:#fff;--panel2:#f8fafb;--panel3:#f3f5f7;--line:#dde2e7;--line-soft:#e9edf1;--text:#12161b;--muted:#65707c;--muted2:#8a939d;--gold:#a97818;--gold2:#c28a1f;--gold3:#dec17f;--gold-bg:rgba(169,120,24,.08);--green:#15965a;--green-bg:rgba(21,150,90,.08);--red:#d84f46;--red-bg:rgba(216,79,70,.08);--shadow:0 16px 40px rgba(28,38,48,.1);--top-bg:rgba(255,255,255,.9);--side-bg:#fff;--input:#f7f9fb;--hero-glow:rgba(181,132,26,.09)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 76% 9%,var(--hero-glow),transparent 31%),radial-gradient(circle at 16% 88%,rgba(79,114,136,.05),transparent 28%);z-index:-1}button,input,select,textarea{font:inherit;color:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}.skip{position:fixed;left:16px;top:-70px;background:var(--text);color:var(--bg);padding:10px 14px;border-radius:10px;z-index:999}.skip:focus{top:12px}[hidden]{display:none!important}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.brand{display:inline-flex;align-items:center}.brand img{width:164px;height:auto;display:block}.brand.compact img{width:142px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.eyebrow{margin:0 0 9px;font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--gold);text-transform:uppercase}.status{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;white-space:nowrap}.status.good{color:var(--green)}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--muted2)}.dot.good{background:var(--green);box-shadow:0 0 13px rgba(79,219,145,.38)}.good-text{color:var(--green)!important}.role{display:inline-flex;align-items:center;border:1px solid rgba(227,182,79,.28);background:var(--gold-bg);color:var(--gold2);border-radius:999px;padding:4px 8px;font-size:10px;font-weight:750;white-space:nowrap}.btn{border:1px solid var(--line);background:var(--panel2);height:42px;padding:0 15px;border-radius:11px;font-weight:750;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.18s}.btn:hover{border-color:rgba(227,182,79,.45);transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--gold2),#bd8931);color:#161107;border-color:transparent;box-shadow:0 10px 24px rgba(190,137,43,.16)}.btn.ghost{background:transparent}.btn.danger-ghost{background:transparent;color:var(--text)}.btn.danger-ghost svg{color:var(--red)}.btn.wide{width:100%;margin-top:14px}.small-btn{height:38px}.icon-box,.panel-icon,.mini-icon{display:grid;place-items:center;flex:0 0 auto;color:var(--gold);border:1px solid rgba(227,182,79,.18);background:linear-gradient(145deg,rgba(227,182,79,.14),rgba(227,182,79,.04));border-radius:11px}.icon-box{width:44px;height:44px}.panel-icon{width:36px;height:36px}.mini-icon{width:34px;height:34px}.panel-icon.success{color:var(--green);border-color:rgba(79,219,145,.22);background:var(--green-bg)}.chev{width:15px;height:15px;color:var(--muted2);flex:0 0 auto}.text-link{border:0;background:none;color:var(--gold);font-size:11px;font-weight:750;padding:6px}.copy-btn{border:0;background:none;padding:3px;color:var(--muted);vertical-align:middle}.copy-btn svg{width:15px;height:15px}.form-message{font-size:12px;color:var(--muted)}
/* auth */
.auth-screen{min-height:100vh;width:min(1260px,calc(100% - 52px));margin:auto;display:grid;grid-template-rows:auto 1fr auto}.auth-head{height:92px;display:flex;align-items:center;justify-content:space-between}.auth-controls{display:flex;gap:10px}.auth-main{display:grid;grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);gap:60px;align-items:center;padding:35px 0 64px}.auth-copy{max-width:610px}.auth-copy h1{font-size:clamp(46px,5.4vw,76px);line-height:.98;letter-spacing:-.055em;margin:0 0 18px;font-weight:670}.auth-copy h1 span{color:var(--gold2)}.auth-lead{color:var(--muted);font-size:18px;line-height:1.55;max-width:560px;margin:0 0 25px}.auth-card{border:1px solid var(--line);background:linear-gradient(155deg,var(--panel),var(--panel3));border-radius:20px;padding:18px;box-shadow:var(--shadow);max-width:560px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:13px;padding:4px;background:var(--input)}.auth-tabs a{min-height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:750;color:var(--muted)}.auth-tabs a.active{color:var(--text);background:var(--gold-bg);box-shadow:inset 0 0 0 1px rgba(227,182,79,.55)}.auth-tabs svg{width:17px;height:17px;color:var(--gold)}.auth-card-body{padding:20px 4px 2px}.auth-card-body h2{margin:0 0 6px;font-size:20px}.auth-card-body>p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.auth-note{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;margin-top:14px}.auth-note svg{width:16px;height:16px}.auth-visual{position:relative;min-height:560px;display:flex;align-items:flex-end;justify-content:center}.cube-scene{position:absolute;inset:0 0 100px 80px;filter:drop-shadow(0 28px 65px rgba(189,137,49,.16));opacity:.9}.cube-scene i{position:absolute;width:210px;height:210px;border:1px solid rgba(227,182,79,.38);border-radius:28px;transform:rotate(45deg) skew(-4deg,-4deg);background:linear-gradient(145deg,rgba(227,182,79,.18),rgba(9,12,16,.04) 58%);box-shadow:inset 0 0 50px rgba(227,182,79,.05),0 0 32px rgba(227,182,79,.05)}.cube-scene i:nth-child(1){right:90px;top:45px}.cube-scene i:nth-child(2){right:250px;top:165px;width:170px;height:170px}.cube-scene i:nth-child(3){right:20px;top:255px;width:140px;height:140px}.benefit-card{position:relative;width:min(620px,94%);padding:22px;border:1px solid rgba(227,182,79,.22);border-radius:20px;background:color-mix(in srgb,var(--panel) 92%,transparent);backdrop-filter:blur(18px);box-shadow:var(--shadow);display:grid;gap:3px}.benefit{display:grid;grid-template-columns:auto 1fr;gap:13px;padding:13px;border-radius:12px}.benefit:hover{background:rgba(255,255,255,.02)}.benefit strong{display:block;font-size:15px}.benefit small{display:block;color:var(--muted);margin-top:4px;line-height:1.45}.auth-foot{height:64px;border-top:1px solid var(--line-soft);display:flex;align-items:center;color:var(--muted2);font-size:11px}.auth-foot a{color:var(--muted)}
/* global shell */
.app-shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);background:color-mix(in srgb,var(--side-bg) 96%,transparent);border-right:1px solid var(--line);z-index:70;padding:20px 15px 16px;display:flex;flex-direction:column;backdrop-filter:blur(16px);overflow:auto}.sidebar-head{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;margin-bottom:18px}.close-nav{display:none}.side-user{border:1px solid var(--line);border-radius:13px;background:var(--panel3);padding:12px;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;margin-bottom:16px;min-width:0}.avatar{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,var(--gold2),#9f7025);color:#171208;font-weight:850;box-shadow:0 8px 18px rgba(190,137,43,.12)}.avatar.small{width:33px;height:33px;border-radius:10px}.avatar.large{width:54px;height:54px;border-radius:15px;font-size:17px}.avatar.xl{width:66px;height:66px;border-radius:17px;font-size:21px}.side-user>div{min-width:0}.side-user strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-user small{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:9px;color:var(--muted)}.nav{display:grid;gap:4px}.nav-item{height:42px;border-radius:11px;padding:0 11px;display:flex;align-items:center;gap:11px;color:var(--muted);font-size:13px;font-weight:620;transition:.16s}.nav-item svg{width:18px;height:18px}.nav-item:hover{background:var(--panel);color:var(--text)}.nav-item.active{color:var(--gold2);background:var(--gold-bg);box-shadow:inset 2px 0 0 var(--gold),inset 0 0 0 1px rgba(227,182,79,.17)}.nav-label{font-size:9px;letter-spacing:.14em;font-weight:800;color:var(--muted2);margin:17px 10px 6px}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line-soft);padding-top:12px;display:grid;gap:6px}.help-card{border:1px solid var(--line);border-radius:12px;padding:11px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:var(--panel3)}.help-card strong{display:block;font-size:11px}.help-card small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.logout{height:36px;border:0;background:none;color:var(--muted);display:flex;align-items:center;gap:9px;padding:0 10px;font-size:11px}.logout svg{width:16px;height:16px}.shell{margin-left:var(--sidebar);min-height:100vh}.topbar{height:var(--topbar);position:sticky;top:0;z-index:60;border-bottom:1px solid var(--line);background:var(--top-bg);backdrop-filter:blur(18px);padding:0 22px;display:flex;align-items:center;gap:16px}.menu-btn{display:none}.command-trigger{width:min(610px,48vw);height:39px;border:1px solid var(--line);background:var(--panel3);border-radius:11px;display:flex;align-items:center;gap:9px;padding:0 12px;color:var(--muted);text-align:left}.command-trigger svg{width:17px;height:17px}.command-trigger span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-trigger kbd,.command-input kbd{font:9px ui-monospace,SFMono-Regular,monospace;border:1px solid var(--line);border-radius:6px;padding:4px 6px;color:var(--muted2);background:var(--panel)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.segmented{border:1px solid var(--line);border-radius:10px;padding:3px;display:inline-flex;background:var(--panel3)}.segmented button{height:28px;border:0;background:none;border-radius:7px;color:var(--muted);padding:0 9px;font-size:10px;font-weight:700;display:flex;align-items:center;gap:5px}.segmented button svg{width:14px;height:14px}.segmented button.active{background:var(--gold-bg);color:var(--gold2);box-shadow:inset 0 0 0 1px rgba(227,182,79,.32)}.top-icon{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--panel3);display:grid;place-items:center;color:var(--muted)}.top-icon svg{width:17px;height:17px}.profile-chip{height:40px;border:0;background:none;display:flex;align-items:center;gap:8px;padding:0 3px 0 5px;max-width:235px}.profile-text{display:grid;min-width:0;text-align:left}.profile-text strong,.profile-text small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-text strong{font-size:10px}.profile-text small{font-size:8px;color:var(--muted);margin-top:2px}.content{width:min(1380px,calc(100% - 46px));margin:auto;padding:38px 0 64px}.page{display:none}.page.active{display:block}.page-head{margin-bottom:24px}.page-head.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,390px);gap:24px;align-items:start}.page-head h1,.product-head h1{font-size:clamp(34px,4vw,52px);line-height:1;letter-spacing:-.045em;margin:0 0 10px;font-weight:670}.page-head h1 em{font-style:normal;color:var(--gold2)}.page-head>div>p:last-child,.page-head>p:last-child,.product-title p:last-child{color:var(--muted);font-size:14px;line-height:1.55;margin:0;max-width:760px}.panel{border:1px solid var(--line);background:linear-gradient(150deg,var(--panel),color-mix(in srgb,var(--panel3) 82%,transparent));border-radius:var(--radius);padding:18px;box-shadow:0 8px 24px rgba(0,0,0,.05)}.panel.compact{padding:15px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.panel-head>div:first-child,.section-title{display:flex;align-items:center;gap:10px}.panel-head h2,.section-title h2{font-size:15px;margin:0}.panel-head p,.section-title p{font-size:10px;color:var(--muted);margin:3px 0 0}.section-title{margin-bottom:14px}.about-hub,.authority-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:14px;display:grid;grid-template-columns:auto 1fr;gap:10px}.about-hub>svg{color:var(--gold);width:17px;height:17px}.about-hub strong,.authority-card strong{font-size:12px}.about-hub p,.authority-card small{display:block;margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.45}.authority-card{grid-template-columns:auto 1fr;align-items:center}.authority-card .icon-box{width:38px;height:38px}
/* home */
.welcome-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:stretch;margin-bottom:14px}.welcome-copy{padding:13px 0 4px}.welcome-copy h1{font-size:clamp(34px,4vw,53px);line-height:.98;letter-spacing:-.05em;margin:0 0 12px;font-weight:680}.welcome-copy h1 em{font-style:normal;color:var(--gold2)}.welcome-copy>p:last-child{font-size:13px;color:var(--muted);margin:0}.id-hero-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--gold-bg) 55%,var(--panel)));padding:16px}.id-hero-top{display:flex;align-items:center;justify-content:space-between;font-size:12px}.id-user{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin:18px 0}.id-user strong{display:block;font-size:13px}.id-user small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.split-actions{display:grid;grid-template-columns:1.1fr 1fr;gap:8px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.summary-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:15px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;text-align:left;min-height:108px}.summary-card:hover{border-color:rgba(227,182,79,.28);background:var(--panel2)}.summary-card strong{font-size:12px;display:block}.summary-card b{font-size:12px;display:block;margin:5px 0 4px}.summary-card small{font-size:9px;line-height:1.35;color:var(--muted);display:block}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.9fr);gap:12px}.products-panel,.account-panel{min-height:248px}.activity-panel,.quick-panel{min-height:220px}.compact-list,.action-list,.side-list,.security-list,.sessions-list,.preference-list,.settings-shortcuts{display:grid;gap:7px}.compact-product,.action-list>button,.side-list>a,.side-list>button,.security-list>div,.security-list>button,.settings-shortcuts>button{border:1px solid var(--line-soft);background:var(--panel3);border-radius:11px;min-height:58px;padding:10px 11px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;text-align:left}.compact-product:hover,.action-list>button:hover,.side-list>a:hover,.side-list>button:hover,.settings-shortcuts>button:hover{border-color:var(--line);background:var(--panel2)}.compact-product strong,.action-list strong,.side-list strong,.security-list strong,.settings-shortcuts strong{font-size:11px}.compact-product small,.action-list small,.side-list small,.security-list small,.settings-shortcuts small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.product-badge{width:38px;height:38px;border:1px solid rgba(227,182,79,.22);border-radius:10px;background:var(--gold-bg);color:var(--gold2);display:grid;place-items:center;font-weight:850}.mini-action{font-size:10px;color:var(--gold);border:1px solid rgba(227,182,79,.3);border-radius:8px;padding:6px 8px}.timeline{display:grid;gap:0}.timeline-row{display:grid;grid-template-columns:24px 1fr auto;gap:9px;align-items:center;padding:9px 2px;border-bottom:1px solid var(--line-soft)}.timeline-row:last-child{border-bottom:0}.timeline-row .timeline-icon{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:var(--panel3);color:var(--gold)}.timeline-row .timeline-icon svg{width:13px;height:13px}.timeline-row strong{font-size:10px}.timeline-row small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.timeline-row time{font-size:8px;color:var(--muted2)}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.quick-grid button{border:1px solid var(--line-soft);background:var(--panel3);border-radius:11px;padding:10px;display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;text-align:left}.quick-grid strong{font-size:10px}.quick-grid small{font-size:8px;color:var(--muted);display:block;margin-top:3px}
/* identity/settings */
.settings-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:12px}.settings-main,.settings-side{display:grid;gap:12px;align-content:start}.identity-big{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center}.identity-big h2{font-size:16px;margin:0 0 5px}.identity-big p{margin:0 0 5px;color:var(--muted);font-size:10px}.identity-big code{font:10px ui-monospace,SFMono-Regular,monospace;color:var(--text)}.identity-big small{color:var(--muted);font-size:9px}.theme-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.theme-cards button{position:relative;border:1px solid var(--line);background:var(--panel3);border-radius:12px;padding:12px;display:grid;grid-template-columns:auto 1fr;gap:9px;text-align:left;align-items:center}.theme-cards button.active{border-color:var(--gold);background:var(--gold-bg);box-shadow:inset 0 0 0 1px rgba(227,182,79,.12)}.theme-cards strong{font-size:11px}.theme-cards small{grid-column:2;color:var(--muted);font-size:8px}.select-mark{position:absolute;right:8px;top:8px;width:18px;height:18px;border-radius:50%;background:var(--gold);color:#1a1307;display:none;place-items:center}.select-mark svg{width:12px;height:12px}.theme-cards button.active .select-mark{display:grid}.profile-form{display:grid;gap:12px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile-form label{display:grid;gap:6px;font-size:9px;color:var(--muted)}.profile-form input,.profile-form select{height:40px;border:1px solid var(--line);border-radius:10px;background:var(--input);padding:0 11px;outline:none}.profile-form input:focus,.profile-form select:focus{border-color:rgba(227,182,79,.55);box-shadow:0 0 0 3px rgba(227,182,79,.06)}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px}.form-actions span{margin-right:auto;font-size:10px;color:var(--muted)}.info-row{border:1px solid var(--line-soft);background:var(--panel3);border-radius:10px;padding:11px;display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center;font-size:10px}.info-row strong{grid-column:1;font-size:10px}.info-row .status{grid-column:2;grid-row:1 / span 2}.preferences-mini{display:grid;gap:6px}.preference-mini{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--line-soft);background:var(--panel3);border-radius:10px}.preference-mini strong{font-size:10px}.switch{width:38px;height:22px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);position:relative;flex:0 0 auto}.switch:after{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;border-radius:50%;background:var(--muted2);transition:.16s}.switch.on{background:rgba(227,182,79,.2);border-color:rgba(227,182,79,.45)}.switch.on:after{left:18px;background:var(--gold2)}
/* products */
.metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.metric{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:13px;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:11px}.metric b{font-size:26px}.metric strong{font-size:11px}.metric small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.product-cards{display:grid;gap:9px}.product-card{border:1px solid var(--line-soft);background:var(--panel3);border-radius:13px;padding:13px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.product-card .product-badge{width:52px;height:52px;font-size:18px}.product-card h3{margin:0;font-size:14px}.product-card p{margin:4px 0 7px;color:var(--muted);font-size:9px}.product-meta{display:flex;flex-wrap:wrap;gap:6px}.product-card-actions{display:flex;align-items:center;gap:7px}.ecosystem-info{margin-top:12px;padding:14px}
/* mcp */
.product-head{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:20px;align-items:end;margin-bottom:12px}.product-title{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.product-mark{width:72px;height:72px;border-radius:17px;display:grid;place-items:center;color:var(--gold2);border:1px solid rgba(227,182,79,.3);background:var(--gold-bg)}.product-mark svg{width:34px;height:34px}.usage-box{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:14px}.usage-box>div:first-child{display:flex;justify-content:space-between;align-items:end}.usage-box small{font-size:9px;color:var(--muted)}.usage-box strong{font-size:16px}.progress{height:8px;border-radius:999px;background:var(--panel3);margin:10px 0 7px;overflow:hidden;border:1px solid var(--line-soft)}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold2),#c08b31);border-radius:999px}.metric-grid.four{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.metric-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:13px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;text-align:left}.metric-card small{font-size:9px;color:var(--muted)}.metric-card strong{font-size:16px;display:block;margin:4px 0}.metric-card p{font-size:8px;color:var(--muted);margin:0}.quick-strip{margin-bottom:12px}.quick-strip .section-title{margin-bottom:10px}.quick-actions{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:8px}.mcp-layout{display:grid;grid-template-columns:minmax(0,1.5fr) 330px;gap:12px}.mcp-side{display:grid;gap:12px;align-content:start}.device-table{border:1px solid var(--line-soft);border-radius:12px;overflow:hidden}.device-head,.device-row{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(100px,.8fr) minmax(110px,.9fr) minmax(130px,1fr) 88px 44px;gap:9px;align-items:center}.device-head{background:var(--panel3);padding:9px 11px;color:var(--muted2);font-size:8px;text-transform:uppercase;letter-spacing:.07em}.device-row{padding:11px;border-top:1px solid var(--line-soft);font-size:9px}.device-row:first-of-type{border-top:0}.device-name{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;min-width:0}.device-name .mini-icon{width:31px;height:31px}.device-name strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-name small,.device-cell small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.policy-pills{display:flex;gap:4px;flex-wrap:wrap}.policy-pill{font-size:7px;border:1px solid rgba(227,182,79,.22);background:var(--gold-bg);color:var(--gold2);border-radius:6px;padding:3px 5px}.more-btn{width:31px;height:31px;border:1px solid var(--line);border-radius:8px;background:var(--panel3);display:grid;place-items:center}.more-btn svg{width:14px;height:14px}.mcp-side .side-list a{min-height:54px}
/* security */
.security-tabs{border:1px solid var(--line);background:var(--panel);border-radius:13px;padding:4px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:12px}.security-tabs button{border:0;background:none;border-radius:9px;min-height:42px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px}.security-tabs button.active{color:var(--gold2);background:var(--gold-bg);box-shadow:inset 0 0 0 1px rgba(227,182,79,.35)}.security-tabs svg{width:16px;height:16px}.security-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:12px;margin-bottom:12px}.security-list>div,.security-list>button{min-height:66px}.sessions-list .session-item{border:1px solid var(--line-soft);background:var(--panel3);border-radius:11px;padding:11px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.session-item strong{font-size:10px}.session-item small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.privacy-teaser{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:center}.privacy-teaser .section-title{margin:0}.privacy-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.privacy-actions button,.privacy-actions a{border:1px solid var(--line-soft);background:var(--panel3);border-radius:10px;padding:9px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;text-align:left}.privacy-actions strong{font-size:9px}.privacy-actions small{display:block;color:var(--muted);font-size:8px;margin-top:2px}
/* notifications/privacy */
.preference-row{min-height:62px;border:1px solid var(--line-soft);background:var(--panel3);border-radius:11px;padding:10px 12px;display:flex;align-items:center;gap:10px}.preference-row>div{flex:1}.preference-row strong{font-size:11px}.preference-row small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.privacy-layout{display:grid;grid-template-columns:minmax(0,1.4fr) 330px;gap:12px}.privacy-side{display:grid;gap:12px;align-content:start}.consents{display:grid;gap:7px}.consent-row{border:1px solid var(--line-soft);background:var(--panel3);border-radius:11px;padding:11px;display:flex;justify-content:space-between;gap:12px;align-items:center}.consent-row strong{font-size:10px}.consent-row small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.empty-state{padding:30px;border:1px dashed var(--line);border-radius:12px;text-align:center;color:var(--muted)}.empty-state svg{width:28px;height:28px;color:var(--gold);margin-bottom:8px}.empty-state strong{display:block;color:var(--text);font-size:12px}.empty-state small{display:block;margin-top:4px;font-size:9px}
/* command */
.command-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:start center;padding-top:min(15vh,140px)}.command-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.62);backdrop-filter:blur(6px)}.command-box{position:relative;width:min(640px,calc(100% - 30px));border:1px solid var(--line);background:var(--panel);border-radius:16px;box-shadow:0 30px 90px rgba(0,0,0,.45);overflow:hidden}.command-input{height:56px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--line)}.command-input input{flex:1;border:0;outline:0;background:none;font-size:14px}.command-input svg{color:var(--muted)}.command-results{padding:8px;display:grid;gap:4px;max-height:420px;overflow:auto}.command-item{border:0;background:none;border-radius:10px;padding:10px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;text-align:left}.command-item:hover,.command-item.active{background:var(--gold-bg)}.command-item strong{font-size:11px}.command-item small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.toast{position:fixed;right:18px;bottom:18px;z-index:250;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:11px 13px;box-shadow:var(--shadow);font-size:11px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.18s}.toast.show{opacity:1;transform:none}.icon-btn{width:36px;height:36px;border:1px solid var(--line);background:var(--panel);border-radius:10px;display:grid;place-items:center}
@media(max-width:1180px){:root{--sidebar:220px}.profile-text{display:none}.theme-picker button span{display:none}.theme-picker button{padding:0 7px}.welcome-grid{grid-template-columns:minmax(0,1fr) 330px}.summary-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr}.settings-side{grid-template-columns:1fr 1fr}.product-head{grid-template-columns:1fr}.metric-grid.four{grid-template-columns:1fr 1fr}.mcp-layout{grid-template-columns:1fr}.mcp-side{grid-template-columns:1fr 1fr}.security-layout{grid-template-columns:1fr}.privacy-layout{grid-template-columns:1fr}.privacy-side{grid-template-columns:1fr}.auth-main{grid-template-columns:1fr 1fr;gap:30px}.auth-visual{min-height:510px}}
@media(max-width:900px){:root{--sidebar:0px}.sidebar{transform:translateX(-102%);width:min(290px,88vw);transition:.2s;box-shadow:var(--shadow)}.sidebar.open{transform:none}.scrim{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:65}.scrim.open{display:block}.close-nav,.menu-btn{display:grid}.shell{margin-left:0}.topbar{padding:0 14px}.command-trigger{width:auto;flex:1}.command-trigger span{display:none}.top-actions .theme-picker{display:none}.content{width:min(100% - 26px,1380px);padding-top:26px}.welcome-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr 1fr}.settings-side{grid-template-columns:1fr}.page-head.split{grid-template-columns:1fr}.metrics-row{grid-template-columns:1fr}.quick-actions{grid-template-columns:1fr 1fr}.device-head{display:none}.device-row{grid-template-columns:1fr auto;padding:12px}.device-row>.device-cell:not(.device-name):not(.device-status):not(.device-actions){display:none}.device-status{justify-self:end}.device-actions{grid-column:2}.security-tabs{grid-template-columns:repeat(3,1fr)}.privacy-teaser{grid-template-columns:1fr}.auth-screen{width:min(100% - 32px,1260px)}.auth-main{grid-template-columns:1fr;padding-top:20px}.auth-visual{min-height:430px}.cube-scene{inset:0 0 40px 0}.benefit-card{margin-top:220px}}
@media(max-width:640px){.topbar{height:62px}.lang-picker{display:none}.top-icon{display:none}.content{width:min(100% - 18px,1380px);padding:18px 0 40px}.welcome-copy h1{font-size:34px}.summary-grid,.metric-grid.four{grid-template-columns:1fr}.quick-grid,.quick-actions,.privacy-actions{grid-template-columns:1fr}.theme-cards{grid-template-columns:1fr}.field-grid{grid-template-columns:1fr}.product-card{grid-template-columns:auto 1fr}.product-card-actions{grid-column:1/-1;justify-content:flex-end}.product-title{grid-template-columns:1fr}.product-mark{width:54px;height:54px}.product-head h1,.page-head h1{font-size:34px}.security-tabs{display:flex;overflow:auto}.security-tabs button{min-width:110px}.auth-head{height:74px}.auth-head .brand img{width:142px}.auth-controls .theme-picker{display:none}.auth-main{padding:22px 0 40px}.auth-copy h1{font-size:42px}.auth-lead{font-size:15px}.auth-visual{display:none}.auth-card{padding:12px}.auth-tabs{grid-template-columns:1fr}.auth-tabs a{min-height:44px}.auth-foot{height:50px}.side-user{margin-bottom:10px}.mcp-side{grid-template-columns:1fr}.profile-chip{max-width:46px}.profile-chip .chev{display:none}.top-actions{gap:5px}}
@media(max-width:560px){.auth-screen{width:min(100% - 22px,1260px)}.auth-copy h1{font-size:38px}.summary-card{min-height:98px}.panel{padding:14px}.content{width:min(100% - 14px,1380px)}.welcome-copy h1{font-size:31px}.topbar{padding:0 9px}.command-trigger{height:36px}.segmented button{padding:0 7px}.page-head h1,.product-head h1{font-size:31px}}

/* === PENROUZ Hub 2.2: compact production polish === */
:root{--sidebar:232px;--topbar:60px;--radius:13px;--radius-sm:10px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid color-mix(in srgb,var(--gold) 78%,white);outline-offset:2px}
.icon-btn.close-nav,.icon-btn.menu-btn{display:none}
.sidebar{padding:15px 12px 12px}
.sidebar-head{height:38px;margin-bottom:12px;padding:0 6px}
.brand.compact img{width:132px}
.side-user{padding:9px 10px;margin-bottom:10px;border-radius:11px}
.avatar{width:35px;height:35px;border-radius:10px}.avatar.small{width:31px;height:31px}.avatar.large{width:48px;height:48px}.avatar.xl{width:58px;height:58px}
.nav{gap:2px}.nav-item{height:38px;border-radius:9px;padding:0 10px;gap:10px;font-size:12px}.nav-item svg{width:17px;height:17px}.nav-label{margin:12px 10px 4px;font-size:8px}
.sidebar-bottom{padding-top:9px;gap:4px}.help-card{padding:9px;border-radius:10px}.help-card .icon-box{width:32px;height:32px}.logout{height:32px}
.topbar{padding:0 18px;gap:12px}.command-trigger{height:36px;border-radius:9px;max-width:570px}.top-icon{width:34px;height:34px;border-radius:9px}.profile-chip{height:36px}.segmented{border-radius:9px}.segmented button{height:26px;padding:0 8px}
.content{width:100%;max-width:1600px;margin:0 auto;padding:24px 26px 42px}
.page-head{margin-bottom:16px}.page-head.split{grid-template-columns:minmax(0,1fr) minmax(220px,330px);gap:16px}.page-head h1,.product-head h1{font-size:clamp(30px,3.15vw,43px);margin-bottom:7px}.page-head>div>p:last-child,.page-head>p:last-child,.product-title p:last-child{font-size:12px;line-height:1.45;max-width:700px}
.eyebrow{margin-bottom:6px;font-size:9px}.panel{padding:14px;border-radius:13px}.panel.compact{padding:12px}.panel-head{gap:10px;margin-bottom:10px}.panel-head h2,.section-title h2{font-size:14px}.panel-head p,.section-title p{font-size:9px}.section-title{margin-bottom:10px}.icon-box{width:38px;height:38px;border-radius:10px}.panel-icon{width:32px;height:32px;border-radius:9px}.mini-icon{width:31px;height:31px;border-radius:9px}
.btn{height:38px;padding:0 13px;border-radius:9px;font-size:11px}.small-btn{height:34px}
/* home: use the canvas, not empty margins */
.welcome-grid{grid-template-columns:minmax(0,1fr) 310px;gap:12px;margin-bottom:10px}.welcome-copy{padding:5px 0 2px}.welcome-copy h1{font-size:clamp(31px,3.5vw,45px);line-height:.98;margin:0 0 8px}.welcome-copy>p:last-child{font-size:11px}.id-hero-card{padding:12px;border-radius:13px}.id-user{gap:10px;margin:11px 0}.split-actions{gap:6px}.summary-grid{gap:8px;margin-bottom:9px}.summary-card{min-height:82px;padding:10px 11px;border-radius:11px;gap:9px}.summary-card .icon-box{width:36px;height:36px}.summary-card strong,.summary-card b{font-size:11px}.summary-card b{margin:3px 0 2px}.summary-card small{font-size:8px;line-height:1.25}.dashboard-grid{gap:9px;grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr)}
.products-panel,.account-panel,.activity-panel,.quick-panel{min-height:0}.compact-list,.action-list,.side-list,.security-list,.sessions-list,.preference-list,.settings-shortcuts{gap:5px}.compact-product,.action-list>button,.side-list>a,.side-list>button,.security-list>div,.security-list>button,.settings-shortcuts>button{min-height:50px;padding:8px 9px;border-radius:9px}.product-badge{width:34px;height:34px;border-radius:8px}.mini-action{font-size:9px;padding:5px 7px}.timeline-row{padding:7px 1px}.quick-grid{gap:5px}.quick-grid button{padding:8px;border-radius:9px}.quick-grid strong{font-size:9px}
/* settings/profile */
.settings-layout{grid-template-columns:minmax(0,1.55fr) minmax(280px,.72fr);gap:9px}.settings-layout.single{grid-template-columns:minmax(0,900px);justify-content:start}.settings-main,.settings-side{gap:9px}.theme-cards{gap:6px}.theme-cards button{padding:9px;border-radius:10px}.profile-form{gap:9px}.profile-form input,.profile-form select{height:37px;border-radius:9px}.info-row{padding:9px}.preference-mini{padding:8px}.preference-row{min-height:52px;padding:8px 10px}.empty-state{padding:18px}
/* products */
.metrics-row{gap:8px;margin-bottom:9px}.metric{padding:10px;border-radius:11px}.metric b{font-size:22px}.product-card{padding:10px;border-radius:11px}.product-card .product-badge{width:44px;height:44px}.product-card p{margin:3px 0 5px}.ecosystem-info,.about-hub,.authority-card{display:none!important}
/* MCP */
.product-head{grid-template-columns:minmax(0,1fr) 360px;gap:12px;margin-bottom:9px}.product-mark{width:58px;height:58px;border-radius:14px}.product-mark svg{width:27px;height:27px}.usage-box{padding:11px;border-radius:11px}.metric-grid.four{gap:8px;margin-bottom:9px}.metric-card{padding:10px;border-radius:11px;gap:8px;transition:border-color .16s,background .16s,transform .16s}.metric-card[href]:hover{border-color:rgba(227,182,79,.35);background:var(--panel2);transform:translateY(-1px)}.metric-card.static{cursor:default}.metric-card .icon-box{width:36px;height:36px}.metric-card strong{font-size:14px;margin:3px 0}.quick-strip{margin-bottom:9px}.quick-actions{gap:6px}.mcp-layout{gap:9px}.mcp-side{gap:9px}.device-row{padding:9px}.device-head{padding:8px 9px}
/* security/privacy */
.security-tabs{margin-bottom:9px;padding:3px;border-radius:11px}.security-tabs button{min-height:36px;font-size:10px}.security-layout{gap:9px;margin-bottom:9px}.security-list>div,.security-list>button{min-height:54px}.session-item{padding:9px!important}.privacy-teaser{gap:10px}.privacy-layout{gap:9px}.privacy-side{gap:9px}.consent-row{padding:9px}
/* Remove accidental desktop close/hamburger caused by .icon-btn declaration order. */
@media(min-width:761px){.icon-btn.close-nav,.icon-btn.menu-btn{display:none!important}}
/* Keep the full desktop shell on scaled Windows displays; collapse only when genuinely narrow. */
@media(max-width:900px) and (min-width:761px){:root{--sidebar:216px}.sidebar{transform:none!important;width:var(--sidebar)!important;box-shadow:none!important}.scrim{display:none!important}.shell{margin-left:var(--sidebar)!important}.topbar{padding:0 14px!important}.command-trigger{width:min(520px,44vw)!important;flex:0 1 auto!important}.command-trigger span{display:block!important}.top-actions .theme-picker{display:inline-flex!important}.content{width:100%!important;max-width:1600px!important;padding:20px 20px 38px!important}.welcome-grid{grid-template-columns:minmax(0,1fr) 280px!important}.summary-grid{grid-template-columns:repeat(4,1fr)!important}.dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr)!important}.page-head.split{grid-template-columns:1fr!important}}
@media(max-width:760px){:root{--sidebar:0px}.sidebar{transform:translateX(-102%);width:min(290px,88vw)}.sidebar.open{transform:none}.icon-btn.close-nav,.icon-btn.menu-btn{display:grid!important}.shell{margin-left:0}.content{width:100%;padding:18px 13px 36px}.welcome-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.top-actions .theme-picker{display:none}.command-trigger{width:auto;flex:1}.command-trigger span{display:none}}
@media(max-width:560px){.summary-grid{grid-template-columns:1fr}.content{padding-left:9px;padding-right:9px}.panel{padding:12px}.welcome-copy h1{font-size:30px}.summary-card{min-height:76px}}
.focus-pulse{animation:pr-focus-pulse .8s ease}
@keyframes pr-focus-pulse{0%,100%{box-shadow:none}35%{box-shadow:0 0 0 3px rgba(227,182,79,.16),0 0 28px rgba(227,182,79,.10)}}
@media(max-width:900px) and (min-width:761px){
 .welcome-grid{grid-template-columns:1fr!important}
 .summary-grid{grid-template-columns:1fr 1fr!important}
 .dashboard-grid{grid-template-columns:1fr!important}
 .metric-grid.four{grid-template-columns:1fr 1fr!important}
 .mcp-layout,.security-layout,.privacy-layout,.settings-layout{grid-template-columns:1fr!important}
 .quick-actions{grid-template-columns:1fr 1fr!important}
 .product-head{grid-template-columns:1fr!important}
}
@media(max-width:900px) and (min-width:761px){
 .topbar{gap:8px!important}
 .command-trigger{width:auto!important;min-width:96px!important;flex:1 1 auto!important}
 .top-actions{gap:4px!important;flex:0 0 auto!important}
 .top-actions>.top-icon{display:none!important}
 .profile-chip .chev{display:none!important}
 .profile-chip{max-width:34px!important;padding:0!important}
}


/* Hub 2.3 — mobile composition, not a shrunken desktop. */
.mobile-nav{display:none}
@media(max-width:760px){
 :root{--mobile-nav-h:68px}
 body:not(.guest-mode){padding-bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom))}
 .sidebar{width:min(316px,calc(100vw - 34px));padding:16px 13px calc(16px + env(safe-area-inset-bottom));border-radius:0 18px 18px 0}
 .sidebar-head{margin-bottom:10px}.brand.compact img{width:126px}.side-user{padding:10px;margin-bottom:10px}.nav-item{height:42px}.nav-label{margin-top:12px}.help-card{display:none}
 .topbar{height:56px!important;padding:0 10px!important;gap:7px;background:color-mix(in srgb,var(--top-bg) 97%,transparent)}
 .menu-btn{width:36px;height:36px;flex:0 0 auto}.command-trigger{height:36px!important;max-width:42px!important;flex:0 0 42px!important;padding:0!important;justify-content:center}.command-trigger svg{width:18px;height:18px}.command-trigger kbd{display:none}
 .top-actions{margin-left:auto!important;gap:5px!important}.top-actions .theme-picker,.top-actions>.top-icon{display:none!important}.lang-picker{display:inline-flex!important}.lang-picker button{height:28px;padding:0 7px}.profile-chip{max-width:40px!important;width:40px;height:38px;padding:0!important;justify-content:center}.profile-chip .profile-text,.profile-chip .chev{display:none!important}
 .content{width:100%!important;padding:15px 10px 24px!important}.page-head{margin-bottom:14px}.page-head h1,.product-head h1{font-size:30px!important;line-height:1.02;margin-bottom:7px}.page-head>p:last-child,.product-title p:last-child{font-size:11px!important;line-height:1.42}.eyebrow{font-size:8px;margin-bottom:5px}
 .panel{padding:12px!important;border-radius:12px}.panel.compact{padding:11px!important}.panel-head{margin-bottom:9px}.panel-head h2,.section-title h2{font-size:13px}.panel-head p,.section-title p{display:none}.section-title{margin-bottom:9px}.icon-box{width:34px;height:34px}.panel-icon{width:30px;height:30px}.mini-icon{width:29px;height:29px}
 .welcome-grid{display:block!important;margin-bottom:10px}.welcome-copy{padding:0 2px 10px}.welcome-copy h1{font-size:29px!important;line-height:1.02;margin-bottom:7px}.welcome-copy h1 br{display:none}.welcome-copy h1 em{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome-copy>p:last-child{font-size:10px;line-height:1.4}.id-hero-card{padding:12px;border-radius:12px}.id-user{margin:10px 0}.avatar.large{width:46px;height:46px}.split-actions{grid-template-columns:1fr 1fr}.split-actions .btn{height:38px;padding:0 10px;font-size:10px}
 .summary-grid{grid-template-columns:1fr 1fr!important;gap:7px;margin-bottom:9px}.summary-card{min-height:74px!important;padding:9px!important;grid-template-columns:auto 1fr;gap:8px;border-radius:11px}.summary-card>.chev{display:none}.summary-card .icon-box{width:32px;height:32px}.summary-card strong,.summary-card b{font-size:10px}.summary-card b{margin:2px 0 0}.summary-card small{display:none}
 .dashboard-grid{grid-template-columns:1fr!important;gap:8px}.products-panel,.account-panel,.activity-panel,.quick-panel{min-height:0!important}.compact-product,.action-list>button,.side-list>a,.side-list>button,.security-list>div,.security-list>button,.settings-shortcuts>button{min-height:52px;padding:9px}.compact-product small,.action-list small,.side-list small,.security-list small,.settings-shortcuts small{font-size:8px}.quick-grid{grid-template-columns:1fr 1fr!important;gap:6px}.quick-grid button{padding:9px}.quick-grid small{display:none}.timeline-row{padding:8px 1px}
 .settings-layout,.settings-layout.single{grid-template-columns:1fr!important;gap:8px}.settings-main,.settings-side{gap:8px}.settings-side{grid-template-columns:1fr!important}.identity-big{grid-template-columns:auto minmax(0,1fr);gap:10px}.identity-big>.status{grid-column:1/-1;justify-self:start}.identity-big code{display:inline-block;max-width:190px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}.avatar.xl{width:50px;height:50px}.theme-cards{grid-template-columns:repeat(3,1fr)!important;gap:6px}.theme-cards button{padding:9px 7px;grid-template-columns:1fr;text-align:center;justify-items:center}.theme-cards button .icon-box{width:32px;height:32px}.theme-cards small{display:none}.theme-cards strong{font-size:9px}.select-mark{right:5px;top:5px;width:16px;height:16px}.field-grid{grid-template-columns:1fr!important;gap:8px}.profile-form{gap:9px}.profile-form input,.profile-form select{height:40px}.form-actions{align-items:flex-end}.form-actions .btn{height:40px}
 .metrics-row{grid-template-columns:1fr!important;gap:6px;margin-bottom:8px}.metric{padding:9px!important;grid-template-columns:auto 38px 1fr;gap:8px}.metric .icon-box{width:32px;height:32px}.metric b{font-size:18px}.product-card{grid-template-columns:auto minmax(0,1fr)!important;padding:10px!important;gap:9px}.product-card .product-badge{width:40px;height:40px;font-size:14px}.product-card h3{font-size:12px}.product-card p{font-size:8px}.product-card-actions{grid-column:1/-1;justify-content:flex-end}.product-card-actions .btn{height:36px}
 .product-head{display:block!important;margin-bottom:9px}.product-title{grid-template-columns:auto minmax(0,1fr)!important;gap:10px;margin-bottom:9px}.product-mark{width:48px!important;height:48px!important;border-radius:13px}.product-mark svg{width:25px!important;height:25px!important}.product-title h1{font-size:27px!important}.product-title .role{display:none}.usage-box{padding:10px!important}.metric-grid.four{grid-template-columns:1fr 1fr!important;gap:6px}.metric-card{padding:9px!important;grid-template-columns:auto minmax(0,1fr);gap:7px;min-height:68px}.metric-card>.chev{display:none}.metric-card .icon-box{width:31px;height:31px}.metric-card strong{font-size:12px!important}.metric-card p{display:none}.quick-strip{margin-bottom:8px}.quick-actions{grid-template-columns:1fr 1fr!important;gap:6px}.quick-actions .btn{height:auto;min-height:42px;padding:8px;font-size:9px;line-height:1.25}.mcp-layout{grid-template-columns:1fr!important;gap:8px}.mcp-side{grid-template-columns:1fr!important;gap:8px}.mcp-layout>.panel>.panel-head{flex-wrap:wrap}.mcp-layout>.panel>.panel-head>.btn{width:100%;height:38px}.device-table{border:0;display:grid;gap:7px}.device-head{display:none!important}.device-row{border:1px solid var(--line-soft)!important;border-radius:11px;background:var(--panel3);padding:9px!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important}.device-row>.device-cell{display:none!important}.device-row>.device-name,.device-row>.device-status,.device-row>.device-actions{display:flex!important}.device-row>.device-name{min-width:0}.device-row>.device-status{justify-self:end;align-self:start}.device-row>.device-actions{grid-column:2;justify-self:end}.device-row>.device-cell:nth-child(4){display:block!important;grid-column:1/-1}.policy-pills{gap:3px}.policy-pill{font-size:7px;padding:3px 5px}
 .security-tabs{display:flex!important;gap:4px;overflow-x:auto;padding:4px;scrollbar-width:none;position:sticky;top:62px;z-index:20;background:color-mix(in srgb,var(--panel) 96%,transparent);backdrop-filter:blur(14px)}.security-tabs::-webkit-scrollbar{display:none}.security-tabs button{min-width:96px;min-height:38px;font-size:9px;flex:0 0 auto}.security-layout{grid-template-columns:1fr!important;gap:8px}.security-list>div,.security-list>button{grid-template-columns:auto minmax(0,1fr) auto;min-height:58px!important}.security-list small{line-height:1.3}.security-list small b{overflow-wrap:anywhere}.sessions-list .session-item{grid-template-columns:auto minmax(0,1fr);gap:8px}.session-item>.status,.session-item>.btn{grid-column:2;justify-self:start}.privacy-teaser{grid-template-columns:1fr!important;gap:8px}.privacy-actions{grid-template-columns:1fr 1fr!important;gap:6px}.privacy-actions button,.privacy-actions a{padding:8px}.privacy-actions small{display:none}
 .preference-row{min-height:56px;padding:9px 10px}.preference-row small{font-size:8px;line-height:1.3}.switch{width:38px;flex:0 0 38px}.privacy-layout{grid-template-columns:1fr!important;gap:8px}.privacy-side{grid-template-columns:1fr!important;gap:8px}.consent-row{align-items:flex-start;flex-wrap:wrap;padding:10px}.consent-row .status{margin-left:auto}.empty-state{padding:20px 12px}
 .settings-shortcuts>button{min-height:54px}
 .mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:8px;right:8px;bottom:calc(7px + env(safe-area-inset-bottom));height:58px;z-index:90;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 18px 50px rgba(0,0,0,.32);backdrop-filter:blur(20px);padding:4px}.mobile-nav button{border:0;background:transparent;color:var(--muted);border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;font-size:8px;font-weight:700}.mobile-nav button svg{width:18px;height:18px}.mobile-nav button.active{color:var(--gold2);background:var(--gold-bg)}.mobile-nav button[hidden]{display:none!important}
 .text-link{min-height:36px;display:inline-flex;align-items:center}.copy-btn{width:36px;height:36px;display:inline-grid;place-items:center}.lang-picker button{height:34px!important;min-width:34px}.more-btn{width:36px;height:36px}.switch{width:48px;height:36px;flex-basis:48px}.switch:after{width:20px;height:20px;left:6px;top:7px}.switch.on:after{left:20px}
 .command-modal{align-items:end;place-items:end center;padding:0}.command-box{width:100%;max-width:none;border-radius:18px 18px 0 0;border-left:0;border-right:0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom)}.command-results{max-height:58vh}.command-input{height:54px}.toast{right:10px;left:10px;bottom:calc(76px + env(safe-area-inset-bottom));text-align:center}
}
@media(max-width:370px){.summary-grid,.metric-grid.four,.quick-grid,.quick-actions,.privacy-actions{grid-template-columns:1fr!important}.mobile-nav{left:5px;right:5px}.mobile-nav button{font-size:7px}.lang-picker{display:none!important}}