/* AM-INFINITY / premium workspace design. Self-contained, no remote fonts. */
:root{--bg:#f2f5fa;--card:#fff;--text:#17263f;--muted:#70819a;--muted-2:#70819a;--accent:#6361e8;--accent-2:#504dd0;--accent-soft:#efefff;--border:#e4eaf3;--shadow:0 5px 22px #253a6010;--radius:18px}
:root[data-theme="dark"]{--bg:#0d1422;--card:#172238;--text:#edf3ff;--muted:#a0afc8;--muted-2:#a0afc8;--accent:#a49bff;--accent-2:#b7adff;--accent-soft:#2d2a4e;--border:#293650;--shadow:0 8px 24px #0002}
body{background:radial-gradient(ellipse at 100% 0,#e4e9ff77,transparent 37%),var(--bg);font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
[data-theme="dark"] body{background:radial-gradient(ellipse at 100% 0,#36297433,transparent 40%),var(--bg)}
.ui-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0}
.side{width:252px;padding:32px 17px 22px;background:radial-gradient(ellipse at 0 0,#3b38613d,transparent 55%),linear-gradient(180deg,#141e32,#0c1526);border-right:1px solid #fff1;box-shadow:5px 0 35px #15243e0b}
.brand{gap:12px;margin:0 9px 38px}.brand strong{font-size:16px;letter-spacing:.9px}.brand small{font-size:7.5px;letter-spacing:1.4px}.brand-mark{background:linear-gradient(145deg,#a292ff,#6b5dd5 60%,#5141a5);box-shadow:inset 0 1px 1px #fff7,0 5px 20px #8174ec40;border:1px solid #b6a7ff70;border-radius:13px;width:42px;height:44px}
.nav-heading{font-size:9px;font-weight:650;color:#7a8ba8;letter-spacing:1.8px;margin-left:17px;margin-bottom:12px}.nav a{padding:12px 14px;gap:12px;font-size:12px;font-weight:500;margin:5px 0;color:#aab9d2;border:1px solid transparent;position:relative}.nav a:hover{background:#ffffff08;border-color:#ffffff08}.nav a.on{background:linear-gradient(100deg,#7668e9,#5c51cd);border-color:#a297fb50;box-shadow:0 6px 18px #060e2340,inset 0 1px 0 #fff2;color:#fff}.nav a.on:after{content:"";width:5px;height:5px;border-radius:50%;background:#ddd8ff;position:absolute;right:14px;box-shadow:0 0 8px #fff7}.nav-icon{border:0;opacity:1;width:23px;height:23px;background:none}.nav-icon svg{width:18px;height:18px}
.sidebar-workspace{border:1px solid #a49de02a;border-radius:14px;background:linear-gradient(135deg,#8e7ff01a,#5f83a00a);padding:18px 16px;margin:30px 5px 0}.workspace-symbol{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#9784f026;color:#b4a7ff;margin-bottom:12px}.sidebar-workspace strong{font-size:12px;font-weight:600;color:#e0e5f4}.sidebar-workspace p{font-size:10px;line-height:1.8;color:#92a1ba;margin:5px 0 12px}.sidebar-workspace a{font-size:10px;color:#c4bbff;text-decoration:none;display:flex;align-items:center;justify-content:space-between}.sidebar-workspace a svg{width:14px}.sidebar-bottom{padding-top:25px;font-size:10px}.sidebar-bottom small{font-size:7px;letter-spacing:1.1px;margin-top:9px}
.main{margin-left:252px;padding:30px 36px;max-width:1900px}.top{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--border)}.top h1{font-size:29px;letter-spacing:-1px;font-weight:720}.top .eyebrow{font-size:8px;letter-spacing:1.6px;color:var(--muted);margin-bottom:8px}.top p{font-size:12px;margin-top:7px}.header-date{font-size:10px;color:var(--muted);padding-right:15px;border-right:1px solid var(--border)}.topright{gap:16px}.iconbtn{background:var(--card);border-radius:11px;box-shadow:0 2px 4px #192c4f04}.iconbtn svg{width:17px;height:17px}.avatar{background:linear-gradient(145deg,#e7e7ff,#d8d4fc);color:#6154b6;border:2px solid var(--card);box-shadow:0 0 0 1px var(--border);font-size:13px}.admin-chip{gap:11px}.admin-chip small{font-size:9px;margin-top:2px}
.btn{background:linear-gradient(115deg,#7770ee,#5d55d5);border:1px solid #6560d3;box-shadow:0 3px 6px #655be51b,inset 0 1px 0 #fff2;border-radius:10px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px}.btn .ui-icon{width:15px;height:15px}.btn:hover{box-shadow:0 5px 12px #655be52e;filter:brightness(1.04)}.btn.gray,.btn.ghost{background:var(--card);border-color:var(--border);box-shadow:0 2px 3px #19284104;color:var(--text)}.btn.red{background:var(--red);border-color:var(--red)}.btn.sm{border-radius:8px;padding:7px 12px}.text-link{font-size:11px;color:var(--accent-2);font-weight:650}.panel{box-shadow:var(--shadow);border:1px solid var(--border);border-radius:18px;padding:25px}.panel-head{margin-bottom:22px}.panel h2{font-size:16px;letter-spacing:-.35px;font-weight:680}.panel-head p{font-size:11px;margin-top:5px}
.hero{border-radius:22px;padding:35px 32px;min-height:220px;background:radial-gradient(ellipse at 92% 0,#8b75ea55,transparent 45%),radial-gradient(ellipse at 55% 100%,#23b1bd22,transparent 50%),linear-gradient(115deg,#172843,#263357 65%,#33345e);border:1px solid #ffffff0a;box-shadow:0 12px 28px #182a4b13;gap:22px;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#fff03 1px,transparent 1px),linear-gradient(90deg,#fff03 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,#000);z-index:-1}.hero:after{content:none}.hero>div:first-child{z-index:1}.hero h2{font-size:30px;letter-spacing:-.9px;font-weight:680;margin:10px 0 12px;line-height:1.2}.hero p{font-size:12px;line-height:1.85;max-width:520px;color:#bfcae0}.hero .eyebrow{font-size:8px;color:#cec6ff;font-weight:700;letter-spacing:2px}.hero .actions{margin-top:22px}.hero .btn{background:#fff;color:#393b70;border-color:#fff;box-shadow:0 5px 15px #0001}.hero .btn.gray{background:#ffffff0a;color:#e1e5fa;border:1px solid #ffffff26;box-shadow:none}.hero-art{width:220px;height:165px;position:relative;flex-shrink:0;display:grid;place-items:center;margin-right:8px;user-select:none}.orbit{position:absolute;border:1px solid #b8b3ff29;border-radius:50%;width:150px;height:150px;transform:rotate(-22deg) scaleX(1.35)}.orbit.two{width:112px;height:112px;transform:rotate(28deg) scaleX(1.45);border-color:#85d5e42f}.orbit-core{position:relative;display:grid;place-items:center;width:78px;height:78px;background:linear-gradient(140deg,#bbb0ff30,#7886ba10);border:1px solid #cfc6ff59;border-radius:23px;box-shadow:0 15px 35px #030c2333,inset 0 1px 0 #fff3;backdrop-filter:blur(10px);color:#fff;font-size:42px}.orbit-node{position:absolute;width:37px;height:37px;border-radius:11px;display:grid;place-items:center;font-size:10px;font-weight:750;border:1px solid #ffffff45;box-shadow:0 8px 16px #06172e45;backdrop-filter:blur(8px)}.orbit-node.am{top:3px;left:32px;background:#8d7ef15c;color:#eae5ff}.orbit-node.in{bottom:11px;left:10px;background:#3d9d9c66;color:#befff2}.orbit-node.pp{right:0;top:63px;background:#a7815a66;color:#ffe1b5}.hero-art:after{content:"AM-INFINITY ECOSYSTEM";position:absolute;bottom:-17px;color:#a7b5d0;font-size:7px;letter-spacing:2px}
.grid{gap:16px}.card{border-radius:16px;position:relative;padding:19px 20px 18px;overflow:hidden;box-shadow:var(--shadow);background:linear-gradient(145deg,var(--card),var(--bg-soft));transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #21386314}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:5px}.stat-icon{width:33px;height:33px;border-radius:10px;background:var(--accent-soft);color:var(--accent-2);display:grid;place-items:center}.stat-icon svg{width:16px;height:16px}.card:nth-child(2) .stat-icon{background:var(--green-soft);color:var(--green-text)}.card:nth-child(3) .stat-icon,.card:nth-child(4) .stat-icon{background:var(--amber-soft);color:var(--amber-text)}.card:nth-child(5) .stat-icon{background:var(--red-soft);color:var(--red-text)}.card .muted{font-size:8px;letter-spacing:1px}.num{font-size:34px;letter-spacing:-1.2px;margin:8px 0 6px;font-weight:700}.card-foot{font-size:10px}.card:after{content:"";height:3px;background:linear-gradient(90deg,#aaa0fb66,transparent);position:absolute;bottom:0;left:20px;right:20px;border-radius:3px}
.section-heading{margin-top:30px;margin-bottom:4px}.section-heading h2{font-size:17px;font-weight:680;letter-spacing:-.3px}.section-heading .muted{font-size:10px;font-weight:400;margin-left:8px}.software-grid{gap:18px}.software-card{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--card) 60%,var(--accent-soft));padding:23px;border-radius:19px;transition:transform .2s,box-shadow .2s}.software-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #203c5f13}.software-card:before{content:"";width:130px;height:130px;position:absolute;right:-48px;top:-47px;border-radius:50%;border:20px solid #8273e908;pointer-events:none}.software-card:has(.software-icon.IN){background:linear-gradient(145deg,var(--card) 60%,var(--green-soft))}.software-card:has(.software-icon.PP){background:linear-gradient(145deg,var(--card) 60%,var(--amber-soft))}.software-icon{width:46px;height:46px;border:1px solid #8a78ea35;background:linear-gradient(135deg,#efecff,#dcd5ff);color:#7060b9;box-shadow:inset 0 1px 0 #fff9,0 4px 9px #7762ad0c;font-size:13px}.software-icon.IN{border-color:#6bb8a630;background:linear-gradient(135deg,#d9f8ef,#bce9da);color:#398979}.software-icon.PP{border-color:#d1a36330;background:linear-gradient(135deg,#fff0db,#f6dcba);color:#a4783d}.software-card h2{font-size:19px;margin:18px 0 3px;letter-spacing:-.5px}.software-card p{font-size:10px;line-height:1.9;overflow-wrap:anywhere}.connection{font-size:8px;border:1px solid var(--border);background:var(--card);color:var(--muted);padding:5px 8px}.connection:before{content:"";display:inline-block;width:5px;height:5px;background:#adb8cc;border-radius:50%;margin-right:5px}.connection.recent:before{background:#3caa91}.software-counts{gap:0;margin:18px 0 20px}.software-counts>div{padding-right:25px}.software-counts>div+div{border-left:1px solid var(--border);padding-left:25px}.software-counts strong{font-size:25px;letter-spacing:-.6px;font-weight:680}.software-counts small{display:block;margin-top:5px;font-size:9px}.software-card .actions{padding-top:17px}.software-card .btn{font-size:10px}
.analytics-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin-top:22px}.analytics-grid>.panel{margin-top:0;min-width:0}.chart-title{display:flex;align-items:center;gap:8px}.chart-title svg{width:17px;color:var(--accent-2)}.chart-period{font-size:9px;padding:6px 10px;background:var(--bg-soft);border:1px solid var(--border);border-radius:7px;color:var(--muted)}.bar-chart{height:152px;display:flex;gap:20px;align-items:flex-end;padding:14px 10px 0;border-bottom:1px solid var(--border);background:repeating-linear-gradient(to top,transparent,transparent 37px,var(--border) 38px,transparent 39px)}.bar-col{height:100%;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.bar-track{width:100%;max-width:38px;min-height:3px;border-radius:7px 7px 0 0;background:linear-gradient(180deg,#8e80ec,#605ed2);box-shadow:inset 0 1px 0 #fff4;position:relative}.bar-col:last-child .bar-track{background:linear-gradient(180deg,#70c9bc,#309e96)}.bar-value{font-size:9px;color:var(--muted);margin-bottom:6px}.bar-labels{display:flex;gap:20px;padding:10px 10px 0}.bar-labels span{flex:1;text-align:center;font-size:9px;color:var(--muted)}.distribution{display:flex;align-items:center;justify-content:center;gap:32px;padding:12px 0}.donut{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;position:relative;box-shadow:0 4px 12px #142b4c06}.donut:before{content:"";position:absolute;inset:15px;background:var(--card);border-radius:50%;box-shadow:0 0 0 5px var(--card)}.donut-center{position:relative;text-align:center}.donut-center strong{display:block;font-size:32px;font-weight:700;letter-spacing:-1px;line-height:1.2}.donut-center small{font-size:9px;color:var(--muted)}.legend{display:grid;gap:14px;min-width:120px}.legend-item{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted)}.legend-item b{margin-left:auto;color:var(--text);font-size:12px}.legend-dot{width:8px;height:8px;border-radius:3px;display:inline-block;background:var(--dot)}
.table-wrap{border:1px solid var(--border);border-radius:12px;overflow:auto}table{background:var(--card)}th{padding:13px 15px;background:var(--bg-soft);font-size:8px;letter-spacing:1px;font-weight:650}td{padding:15px;font-size:11px}tr:last-child td{border-bottom:0}td:first-child{font-weight:550}td code{font-size:10px;background:var(--bg-soft);padding:4px 7px;border-radius:5px;border:1px solid var(--border)}tbody tr:hover{background:color-mix(in srgb,var(--accent-soft) 30%,var(--card))}.status{border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 15%,transparent);font-size:9px;padding:4px 9px}.status:before{width:4px;height:4px}.toolbar{border-radius:12px;padding:17px;background:linear-gradient(110deg,var(--bg-soft),var(--card));margin-bottom:20px;align-items:flex-end}.toolbar .btn{height:39px}.toolbar label{font-size:9px;text-transform:uppercase;letter-spacing:.8px}
input,select,textarea{background:var(--bg-soft);border-color:var(--border);border-radius:9px;box-shadow:inset 0 1px 2px #17294403;font-size:12px;padding:12px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:#8d84df;box-shadow:0 0 0 3px #8173e115;background:var(--card)}label{font-size:10px;font-weight:650;color:var(--text)}.formgrid{gap:10px 24px}.form-details>summary{list-style:none;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:650}.form-details>summary:before{content:"+";display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--accent-soft);color:var(--accent-2);font-size:19px}.form-details[open]>summary:before{content:"−"}.form-details>summary::-webkit-details-marker{display:none}.notice{border:1px solid color-mix(in srgb,currentColor 12%,transparent);padding:17px 20px;border-radius:13px;font-size:11px;box-shadow:0 2px 6px #1c2f4203}.notice.warn{border-left:3px solid #dfad65;background:color-mix(in srgb,var(--amber-soft) 50%,var(--card))}.notice strong{font-size:12px}.code-box{padding:15px;background:var(--bg-soft);font-size:11px;border-style:dashed}.detail-list{padding-bottom:15px;border-bottom:1px solid var(--border);font-size:11px}.detail-list dt{font-size:10px}.page-footer{font-size:9px;letter-spacing:.2px;padding-top:22px}
.auth-wrap{background:radial-gradient(ellipse at top right,#b0a6fb27,transparent 50%),var(--bg);padding:28px;gap:0;align-items:stretch;max-width:1100px;min-height:640px;margin:auto;border-radius:26px;overflow:hidden}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:35px;background:radial-gradient(ellipse at 0 0,#e7e1fa,transparent 55%),#f0f4fa}.auth-visual{flex:1;min-width:0;background:radial-gradient(ellipse at 100% 0,#7764b767,transparent 60%),linear-gradient(140deg,#182940,#25355c);padding:44px 37px;color:#fff;border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-visual:before{content:"";inset:0;position:absolute;background-image:linear-gradient(#fff03 1px,transparent 1px),linear-gradient(90deg,#fff03 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.auth-visual>*{z-index:1}.auth-visual .eyebrow{color:#beb5f7;font-size:8px;letter-spacing:2px}.auth-visual h1{font-size:38px;font-weight:650;letter-spacing:-1.3px;line-height:1.15;max-width:340px;margin:22px 0 16px}.auth-visual h1 em{font-style:normal;color:#bcb0ff}.auth-visual p{font-size:11px;line-height:1.9;color:#bdc9df;max-width:290px}.auth-visual .hero-art{margin:20px auto 35px;transform:scale(1.1)}.auth-product-list{display:flex;gap:10px;flex-wrap:wrap}.auth-product-list span{font-size:9px;background:#ffffff08;border:1px solid #fff2;padding:7px 10px;border-radius:7px;color:#d6dff0}.auth-visual-footer{font-size:8px;letter-spacing:1px;color:#96a8c7;margin-top:20px}.auth-card{width:450px;max-width:none;box-shadow:none;border:0;background:transparent;padding:45px 36px;display:flex;flex-direction:column;justify-content:center}.auth-card h2{font-size:29px;letter-spacing:-.8px}.auth-card .brand{margin-bottom:40px}.auth-card .brand strong{font-size:14px}.auth-card .brand small{font-size:7px}.auth-card .brand-mark{width:35px;height:38px;font-size:19px}.auth-card .eyebrow{font-size:7px}.auth-card form{margin-top:4px}.auth-card input{padding:13px;background:var(--card)}.auth-card .btn{padding:13px;box-shadow:0 6px 15px #6152cd23}.auth-card .muted{font-size:11px}.auth-note{font-size:9px;margin-top:23px}.password-wrap button{top:18px;font-size:10px}
[data-theme="dark"] .auth-screen{background:radial-gradient(ellipse at 0 0,#37245255,transparent 50%),var(--bg)}[data-theme="dark"] .auth-card input{background:var(--bg-soft)}[data-theme="dark"] .software-icon{background:var(--accent-soft);color:var(--accent-2)}[data-theme="dark"] .software-icon.IN{background:var(--green-soft);color:var(--green-text)}[data-theme="dark"] .software-icon.PP{background:var(--amber-soft);color:var(--amber-text)}
@media(min-width:1500px){.main{padding:34px 44px}.hero{padding:37px 40px}.hero-art{margin-right:45px}.hero h2{font-size:34px}}
@media(max-width:1200px){.main{padding:25px}.header-date{display:none}.hero h2{font-size:27px}.hero-art{width:185px;transform:scale(.85);margin-right:-10px}.card{padding:17px 15px}.card .muted{font-size:7px;letter-spacing:.5px}.distribution{gap:20px}.donut{width:130px;height:130px}.analytics-grid{grid-template-columns:1.15fr 1fr}.software-card{padding:20px}.connection{font-size:7px}}
@media(max-width:950px){.side{width:252px}.main{margin-left:0;padding:24px}.sidebar-workspace{margin-top:20px}.auth-screen{padding:20px}.auth-wrap{padding:18px;min-height:580px}.auth-card{width:390px;padding:30px 25px}.auth-visual{padding:35px 27px}.auth-visual h1{font-size:32px}.auth-visual .hero-art{transform:scale(.9)}.hero p{max-width:430px}}
@media(max-width:760px){.analytics-grid{grid-template-columns:1fr}.hero-art{display:none}.hero{min-height:0}.hero h2{font-size:26px}.hero p{max-width:none}.top{gap:12px}.top h1{font-size:25px}.topright{gap:8px}.header-date{display:none}.distribution{gap:40px}.auth-visual{display:none}.auth-wrap{min-height:0;width:100%;max-width:460px;padding:10px}.auth-card{width:100%;padding:35px 25px}.auth-screen{padding:20px}.hero .actions{margin-top:20px}.software-grid{grid-template-columns:1fr}.software-counts{gap:0}}
@media(max-width:500px){.main{padding:20px 14px}.top h1{font-size:22px}.top p{font-size:10px}.top .eyebrow{font-size:7px}.hero{padding:27px 23px}.hero h2{font-size:25px}.hero p{font-size:11px}.grid{gap:11px}.card .muted{font-size:8px}.card{padding:17px}.stat-icon{width:29px;height:29px}.num{font-size:30px}.card-foot{font-size:9px}.panel{padding:19px}.bar-chart,.bar-labels{gap:14px}.distribution{gap:25px}.auth-card{padding:30px 20px}}