@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--bg:#0b1020;--surface:#121a2d;--surface2:#172238;--line:#26334b;--text:#eef3ff;--muted:#8d9bb5;--accent:#8b9cff;--accent2:#6678f4;--green:#63d6aa;--red:#ff8794;--amber:#f6c66d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif}a{color:#a8b5ff;text-decoration:none}a:hover{color:#fff}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong{font-family:Manrope,'DM Sans',sans-serif}h1{font-size:25px;margin:4px 0 0;font-weight:800}h2{font-size:18px;margin-bottom:8px}h3{font-size:13px;margin:20px 0 12px}.muted,.eyebrow{color:var(--muted)}.small{font-size:12px}.app-shell{min-height:100vh;display:flex}.sidebar{width:245px;flex-shrink:0;background:#0e1628;border-right:1px solid var(--line);padding:24px 15px;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;align-items:center;gap:11px;color:var(--text);padding:0 10px 30px}.brand strong{display:block;font-size:14px}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.brand-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#9ba9ff,#596af0);color:#11172a;font-weight:900;font-family:Manrope}.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:12px 13px;color:#9cabc5;border-radius:10px;font-weight:600}.sidebar nav a:hover,.sidebar nav a.active{background:#202b47;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 #8b9cff}.sidebar-bottom{margin-top:auto;padding:20px 6px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:9px}.avatar{width:35px;height:35px;display:grid;place-items:center;background:#2a3858;border-radius:50%;font-weight:800}.sidebar-bottom strong,.sidebar-bottom small{display:block}.sidebar-bottom strong{font-size:12px}.sidebar-bottom small{color:var(--muted);font-size:11px;margin-top:3px}.logout{margin-left:auto;font-size:20px}.main{min-width:0;flex:1}.topbar{padding:27px 34px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700}.top-actions{display:flex;align-items:center;gap:18px}.live-dot{font-size:11px;color:var(--green)}.content{padding:28px 34px;max-width:1600px;margin:auto}footer{padding:18px 34px;color:#64728b;font-size:11px;border-top:1px solid var(--line)}footer span{float:right}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;min-width:0}.welcome{display:flex;justify-content:space-between;align-items:center;background:radial-gradient(ellipse at 90% 15%,#29365b 0,transparent 44%),var(--surface);margin-bottom:20px}.welcome h2{font-size:22px;margin:14px 0 8px}.welcome p,.section-head p{color:var(--muted);margin:0}.welcome-mark{font-size:40px;font-weight:900;color:#7f91ff;opacity:.45;font-family:Manrope}.pill{display:inline-block;font-size:10px;letter-spacing:1px;border:1px solid #414e78;border-radius:99px;padding:6px 9px;color:#b8c2ff}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:18px;display:grid;gap:8px}.stat-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#202b48;color:#aab6ff;font-size:18px}.stat-label{font-size:12px;color:var(--muted)}.stat-card strong{font-size:29px;letter-spacing:-1px}.stat-card small{font-size:11px;color:#7888a4}.two-col{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:18px;margin-bottom:20px}.stack{display:grid;gap:18px;align-content:start}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.section-head h2{margin-bottom:5px}.section-head p{font-size:12px}.section-head>a{white-space:nowrap;font-size:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#8291ad;font-weight:700}td,th{padding:13px 10px;border-bottom:1px solid #26334b}td{font-size:12px;color:#c8d2e5}td strong{display:block;color:#f1f4ff;font-size:12px}.cell-sub{display:block;color:#74839e;font-size:10px;margin-top:5px;max-width:220px;overflow:hidden;text-overflow:ellipsis}.status{display:inline-flex;padding:5px 8px;border-radius:99px;background:#27334b;color:#bac6dd;font-size:10px;text-transform:capitalize}.status-active,.status-completed,.status-resolved{background:#173b36;color:#7ce0bc}.status-development,.status-planned,.status-testing,.status-in_progress,.status-investigating{background:#2b3158;color:#b9c0ff}.status-maintenance,.status-waiting,.status-paused,.status-pending{background:#473a24;color:#f4cf80}.status-archived,.status-closed,.status-cancelled{background:#303747;color:#a8b2c5}.actions{display:flex;gap:10px;align-items:center}.actions form{margin:0}.link-button{border:0;background:none;padding:0;color:#a8b5ff;font:inherit;cursor:pointer}.reminder-row{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.reminder-row:last-child{border-bottom:0}.reminder-dot{width:9px;height:9px;border-radius:50%;background:var(--amber);margin-top:5px;flex-shrink:0}.reminder-row strong,.reminder-row small{display:block}.reminder-row strong{font-size:12px}.reminder-row small{font-size:11px;color:var(--muted);margin-top:5px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.quick-grid a{display:grid;place-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:13px 4px;font-size:20px;background:#151f34}.quick-grid span{font-size:10px;color:#a8b5ce}.integration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.integration-grid>div{border:1px solid var(--line);border-radius:10px;padding:14px}.integration-grid span,.integration-grid strong{display:block}.integration-grid span{font-size:11px;color:var(--muted);margin-bottom:8px}.integration-grid strong{font-size:12px}.empty{text-align:center;padding:36px 12px}.empty h3{margin:10px 0}.empty p{color:var(--muted);font-size:12px}.empty-icon{font-size:32px;color:#8897ff}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:11px 16px;background:var(--accent2);color:#fff;font:600 12px 'DM Sans',sans-serif;cursor:pointer}.btn:hover{background:#8290ff;color:#fff}.btn-small{padding:10px 12px}.btn-ghost{background:#202b43;color:#d6dff2}.form-panel{max-width:950px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-grid label,form label{display:grid;gap:8px;color:#b9c6dc;font-size:12px;font-weight:600}.span-2{grid-column:span 2}input,select,textarea{width:100%;background:#0e1729;border:1px solid #33415c;border-radius:8px;color:#f0f4ff;padding:11px 12px;font:13px 'DM Sans',sans-serif;outline:none}input:focus,select:focus,textarea:focus{border-color:#8290ff;box-shadow:0 0 0 3px #8290ff18}textarea{resize:vertical}.form-grid .btn{margin-top:2px}.alert{background:#482a36;border:1px solid #854653;color:#ffc3ca;padding:12px;border-radius:9px;margin:14px 0;font-size:12px;overflow-wrap:anywhere}.settings-list>div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.settings-list span{color:var(--muted);text-align:right}.login-wrap,.install-wrap{max-width:560px;margin:7vh auto;padding:20px}.login-wrap .brand,.install-wrap .brand{padding:0 0 25px}.login-wrap .panel,.install-wrap .panel{padding:26px}.login-wrap form,.install-wrap form{display:grid;gap:16px}.install-wrap .panel>p{line-height:1.6;font-size:12px}.install-wrap .small{text-align:center;margin-top:20px}.install-wrap .btn{width:100%;padding:14px}.install-wrap h1{font-size:20px}@media(max-width:1100px){.sidebar{width:210px}.content{padding:22px}.topbar{padding:22px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.integration-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.app-shell{display:block}.sidebar{width:auto;min-height:0;padding:12px;display:block;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{padding:0 4px 12px}.sidebar nav{display:flex;overflow:auto;gap:4px}.sidebar nav a{white-space:nowrap;padding:10px;font-size:12px}.sidebar-bottom{display:none}.topbar{padding:18px 15px;align-items:flex-start}.topbar h1{font-size:21px}.live-dot{display:none}.content{padding:15px}.panel{padding:16px}.welcome{padding:18px}.welcome h2{font-size:18px}.welcome-mark{display:none}.stats-grid{gap:9px}.stat-card{padding:13px}.stat-card strong{font-size:25px}.two-col{gap:14px}.quick-grid{grid-template-columns:repeat(2,1fr)}.integration-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.section-head{align-items:flex-start}footer{padding:15px}footer span{float:none;display:block;margin-top:6px}.table-wrap table{min-width:700px}.settings-list>div{display:grid;gap:6px}.settings-list span{text-align:left}.top-actions .btn{font-size:10px;padding:9px}}


/* Phase 2 visual system: glassmorphism + claymorphism + prism lighting */
:root{--bg:#080b18;--surface:rgba(19,25,48,.72);--surface2:rgba(29,36,66,.76);--line:rgba(186,199,255,.15);--text:#f4f5ff;--muted:#a1abc9;--accent:#b9a5ff;--accent2:#8875ff;--green:#74e5c1;--red:#ff91a8;--amber:#ffd28a;--glass-blur:18px}
body{background:radial-gradient(ellipse at 8% 4%,rgba(99,102,241,.18),transparent 34%),radial-gradient(ellipse at 92% 16%,rgba(45,212,191,.10),transparent 28%),radial-gradient(ellipse at 60% 100%,rgba(168,85,247,.12),transparent 36%),#080b18;background-attachment:fixed}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 90%)}
.app-shell,.login-wrap,.install-wrap{position:relative;z-index:1}
.sidebar{background:rgba(12,16,34,.72);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid rgba(194,202,255,.14);box-shadow:12px 0 48px rgba(0,0,0,.12)}
.brand-icon{background:linear-gradient(145deg,#e0d9ff,#a89aff 48%,#75e5df);box-shadow:inset 3px 3px 8px rgba(255,255,255,.55),inset -4px -5px 10px rgba(77,66,179,.45),0 10px 28px rgba(137,117,255,.25);border:1px solid rgba(255,255,255,.35);color:#171536}
.sidebar nav a{border:1px solid transparent;transition:all .2s ease;border-radius:13px}.sidebar nav a:hover{background:rgba(164,151,255,.10);border-color:rgba(190,180,255,.12);transform:translateX(2px)}.sidebar nav a.active{background:linear-gradient(110deg,rgba(139,117,255,.24),rgba(76,201,240,.08));border:1px solid rgba(190,180,255,.20);box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 24px rgba(73,58,190,.12)}
.topbar{background:rgba(10,13,29,.38);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom-color:rgba(186,199,255,.12)}
.panel,.stat-card{background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018)),rgba(19,25,48,.68);border:1px solid rgba(205,211,255,.16);border-radius:22px;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:inset 1px 1px 0 rgba(255,255,255,.10),inset -1px -1px 0 rgba(255,255,255,.025),0 18px 45px rgba(0,0,0,.16);transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease}
.stat-card{border-radius:20px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:120px;height:120px;right:-70px;top:-70px;border-radius:50%;background:radial-gradient(circle,rgba(170,153,255,.20),transparent 70%);pointer-events:none}.stat-card:hover,.clay-card:hover{transform:translateY(-2px);border-color:rgba(198,188,255,.28);box-shadow:inset 1px 1px 0 rgba(255,255,255,.12),0 24px 48px rgba(0,0,0,.22)}
.welcome{background:linear-gradient(115deg,rgba(132,108,255,.18),rgba(54,204,218,.07) 54%,rgba(255,255,255,.025)),rgba(19,25,48,.66);position:relative;overflow:hidden}.welcome:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 15%,rgba(255,255,255,.06) 48%,transparent 70%);transform:translateX(-100%);animation:glassSweep 8s ease-in-out infinite;pointer-events:none}.welcome-mark{filter:drop-shadow(0 0 22px rgba(150,130,255,.28));font-size:58px}.pill{background:rgba(151,133,255,.12);border-color:rgba(196,185,255,.28);color:#d9d2ff;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.btn{border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,#a99aff,#7765ef);box-shadow:inset 2px 2px 4px rgba(255,255,255,.35),inset -3px -4px 7px rgba(54,43,157,.28),0 8px 20px rgba(112,91,238,.2);border-radius:13px;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:inset 2px 2px 4px rgba(255,255,255,.42),inset -3px -4px 7px rgba(54,43,157,.26),0 12px 26px rgba(112,91,238,.28)}.btn:active{transform:translateY(1px);box-shadow:inset 3px 3px 7px rgba(50,38,139,.28)}.btn-ghost{background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.025));box-shadow:inset 2px 2px 5px rgba(255,255,255,.08),inset -2px -3px 6px rgba(0,0,0,.16);border-color:rgba(198,205,255,.16)}.btn-danger{background:linear-gradient(145deg,#ff9eb1,#d84c78)}
input,select,textarea{background:rgba(6,10,25,.48);border-color:rgba(192,201,255,.18);border-radius:12px;box-shadow:inset 2px 3px 7px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.025)}input:focus,select:focus,textarea:focus{border-color:rgba(174,157,255,.72);box-shadow:0 0 0 4px rgba(139,117,255,.13),inset 0 1px rgba(255,255,255,.05)}
table{border-spacing:0}th{color:#a9b4d3}td,th{border-bottom-color:rgba(190,201,255,.11)}tbody tr{transition:background .18s ease}tbody tr:hover{background:rgba(159,146,255,.055)}.status{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.055);backdrop-filter:blur(8px)}.status-active,.status-completed,.status-resolved{background:rgba(32,185,145,.12);border-color:rgba(90,228,186,.18);color:#8cf0cf}.status-development,.status-planned,.status-testing,.status-in_progress,.status-investigating{background:rgba(130,111,255,.14);border-color:rgba(180,164,255,.18);color:#d1c6ff}.status-maintenance,.status-waiting,.status-paused,.status-pending{background:rgba(245,178,69,.12);border-color:rgba(255,211,138,.16);color:#ffdda1}
.quick-grid a,.integration-grid>div{background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018));border-color:rgba(190,201,255,.13);border-radius:15px;box-shadow:inset 1px 1px rgba(255,255,255,.055),inset -2px -2px 5px rgba(0,0,0,.08);transition:transform .18s ease,border-color .18s ease}.quick-grid a:hover{transform:translateY(-2px);border-color:rgba(184,169,255,.32)}.stat-icon,.avatar{background:linear-gradient(145deg,rgba(173,158,255,.24),rgba(73,198,218,.10));border:1px solid rgba(202,193,255,.14);box-shadow:inset 2px 2px 4px rgba(255,255,255,.08),inset -3px -3px 6px rgba(0,0,0,.12)}.reminder-row{border-bottom-color:rgba(190,201,255,.10)}.alert{background:rgba(255,91,124,.11);border-color:rgba(255,130,157,.25);border-radius:13px;color:#ffc5d0}.login-wrap .panel,.install-wrap .panel{background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.02)),rgba(19,25,48,.78);box-shadow:inset 1px 1px 0 rgba(255,255,255,.13),0 24px 70px rgba(0,0,0,.28)}
/* Feature Roadmap */
.glass-prism{position:relative;overflow:hidden;border:1px solid rgba(215,207,255,.22);border-radius:26px;background:linear-gradient(115deg,rgba(129,107,255,.21),rgba(47,201,214,.09) 56%,rgba(255,255,255,.025)),rgba(19,25,48,.68);backdrop-filter:blur(22px);box-shadow:inset 1px 1px 0 rgba(255,255,255,.13),0 24px 55px rgba(0,0,0,.18)}.feature-hero{padding:30px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;min-height:230px}.feature-hero h2{font-size:clamp(24px,3vw,36px);letter-spacing:-1.2px;margin:16px 0 8px}.feature-hero p{color:var(--muted);max-width:540px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.prism-orb{width:150px;height:150px;flex:0 0 150px;position:relative;border-radius:36% 64% 58% 42% / 42% 42% 58% 58%;background:linear-gradient(135deg,rgba(255,255,255,.46),rgba(173,155,255,.24) 38%,rgba(55,220,222,.20) 75%,rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.4);box-shadow:inset 8px 8px 20px rgba(255,255,255,.20),inset -12px -12px 24px rgba(55,47,151,.25),0 25px 55px rgba(92,80,208,.20);transform:rotate(-16deg)}.prism-orb:before,.prism-orb:after{content:"";position:absolute;inset:17px;border-radius:inherit;border:1px solid rgba(255,255,255,.36);transform:rotate(35deg)}.prism-orb:after{inset:32px;transform:rotate(-45deg);background:linear-gradient(135deg,rgba(255,255,255,.13),transparent)}.prism-orb span,.prism-orb i,.prism-orb b{position:absolute;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 0 20px rgba(255,255,255,.85);top:28px;left:38px}.prism-orb i{top:auto;left:auto;right:22px;bottom:34px;width:7px;height:7px;background:#7ce8df}.prism-orb b{top:70px;left:23px;width:5px;height:5px;background:#c5b5ff}.feature-stats{margin-bottom:20px}.clay-card{box-shadow:inset 2px 2px 5px rgba(255,255,255,.075),inset -3px -4px 8px rgba(0,0,0,.12),0 14px 30px rgba(0,0,0,.10)}.feature-list{display:grid;gap:12px}.feature-item{display:flex;gap:14px;align-items:flex-start;padding:17px;border:1px solid rgba(192,201,255,.13);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012))}.feature-glyph{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:14px;background:linear-gradient(145deg,rgba(174,157,255,.30),rgba(73,198,218,.10));box-shadow:inset 2px 2px 4px rgba(255,255,255,.15),inset -3px -3px 6px rgba(0,0,0,.14);color:#ded6ff;font-size:20px}.feature-main{min-width:0;flex:1}.feature-title-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.feature-title-row h3{font-size:14px;margin:1px 0 4px}.feature-main p{font-size:12px;color:var(--muted);margin:6px 0 12px;line-height:1.6}.feature-meta{display:flex;gap:8px 14px;flex-wrap:wrap;font-size:10px;color:#b1bbd8}.feature-actions{display:flex;gap:7px;align-items:center}.feature-actions form{margin:0}.priority-critical{color:#ff9caf}.priority-high{color:#ffd08a}.priority-medium{color:#c7bcff}.priority-low{color:#89e7d0}.search-form{display:flex;gap:8px;min-width:min(100%,330px)}.search-form input{min-width:0}.form-actions{display:flex;gap:9px;flex-wrap:wrap}@keyframes glassSweep{0%,70%,100%{transform:translateX(-100%)}85%{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:680px){.feature-hero{padding:22px;min-height:0}.prism-orb{width:82px;height:82px;flex-basis:82px;border-radius:28px}.prism-orb:before{inset:9px}.prism-orb:after{inset:17px}.prism-orb span{top:16px;left:19px;width:6px;height:6px}.prism-orb i{right:11px;bottom:16px}.prism-orb b{top:38px;left:11px}.feature-item{flex-wrap:wrap}.feature-actions{width:100%;padding-left:54px}.feature-actions form{display:inline-flex}.feature-title-row{align-items:flex-start}.search-form{width:100%;min-width:0}.section-head:has(.search-form){flex-wrap:wrap}}

/* Phase 3 glass-prism + claymorphism polish */
:root{--p3-glass:rgba(255,255,255,.055);--p3-border:rgba(255,255,255,.13)}
.glass-panel,.feature-hero.glass-prism{background:linear-gradient(135deg,rgba(29,35,66,.82),rgba(15,20,38,.78));border:1px solid var(--p3-border);box-shadow:0 22px 60px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.clay-card{border-radius:20px;box-shadow:9px 9px 22px rgba(0,0,0,.2),-5px -5px 16px rgba(255,255,255,.025),inset 0 1px 0 rgba(255,255,255,.08)}
.success-note{padding:13px 16px;border:1px solid rgba(87,220,174,.35);background:rgba(48,180,136,.1);border-radius:14px;margin:12px 0;color:#a8f5d8}
.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.button-row form{margin:0}.top-gap{margin-top:16px}.copy-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.copy-line code{flex:1;min-width:0;overflow-wrap:anywhere;padding:10px;border-radius:10px;background:rgba(0,0,0,.25);font-size:12px}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.integration-grid>div{padding:14px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}.integration-grid span,.integration-grid strong{display:block}.integration-grid span{color:var(--muted);font-size:12px;margin-bottom:5px}.integration-grid strong{font-size:14px}@media(max-width:600px){.integration-grid{grid-template-columns:1fr}.button-row>*{width:100%}}

/* Phase 4: Android app + backend control center */
.p4-health-healthy{background:#173b36;color:#7ce0bc}.status-healthy{background:#173b36;color:#7ce0bc}.status-failed{background:#482a36;color:#ffc3ca}.status-not_checked{background:#303747;color:#a8b2c5}.hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.hero-actions .btn{white-space:nowrap}.settings-list a{overflow-wrap:anywhere}.integration-grid>div{overflow-wrap:anywhere}.top-gap{margin-top:18px}
@media(max-width:680px){.hero-actions{gap:7px}.hero-actions .btn{flex:1}.feature-hero{gap:15px}}

/* Phase 5 — premium glass/prism API integration surfaces */
.play-api-card{background:linear-gradient(145deg,rgba(126,98,255,.12),rgba(26,207,231,.045)),rgba(16,22,40,.72);border:1px solid rgba(170,185,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 18px 45px rgba(0,0,0,.18);backdrop-filter:blur(18px)}

/* Phase 6: Uptime & SSL monitor polish */
.status-up{background:rgba(32,185,145,.13);border-color:rgba(90,228,186,.2);color:#8cf0cf}.status-down{background:rgba(255,91,124,.13);border-color:rgba(255,130,157,.24);color:#ffc5d0}.status-unknown{background:rgba(170,180,205,.10);border-color:rgba(190,201,255,.16);color:#c0c8dc}
/* Phase 11 security center additions */
.danger-pill{background:rgba(220,38,38,.12)!important;color:#dc2626!important;border:1px solid rgba(220,38,38,.28)!important}
code{overflow-wrap:anywhere}

/* Phase 16 command center enhancements */
.command-center details summary{cursor:pointer;color:var(--accent,#8b5cf6);font-weight:700}.command-center details[open]{min-width:260px}.status-unknown{opacity:.85}.cell-sub{display:block;margin-top:4px;opacity:.75;font-size:.82em}.top-gap{margin-top:16px}

/* Phase 17 — VST NETWORK business management */
.vst-sidebar-logo{width:44px;height:44px;object-fit:contain;border-radius:12px;background:#fff;padding:3px;flex-shrink:0}.p17-hero{border-color:rgba(245,117,31,.32);background:linear-gradient(115deg,rgba(14,75,156,.22),rgba(245,117,31,.12) 65%,rgba(255,255,255,.025)),rgba(19,25,48,.68)}.p17-brand{width:min(40%,350px);max-height:100px;object-fit:contain;background:#fff;border-radius:14px;padding:8px}.p17-profile-logo{width:220px;max-height:80px;object-fit:contain;background:#fff;border-radius:10px;padding:8px}.p17-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px;padding:9px;background:rgba(255,255,255,.035);border:1px solid rgba(190,201,255,.12);border-radius:15px}.p17-tabs a{padding:9px 13px;border-radius:10px;color:#bac5df;font-weight:700;font-size:12px}.p17-tabs a.active{background:linear-gradient(135deg,#0d66d6,#f27621);color:white}.p17-stats{margin:16px 0}.p17-quick{grid-template-columns:repeat(4,minmax(0,1fr))}.p17-line-table input,.p17-line-table select{min-width:78px;padding:8px;font-size:12px}.p17-line-table td:first-child input{min-width:170px}.p17-filter{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:18px}.p17-filter label{min-width:160px}.p17-payment{min-width:240px;display:grid;gap:8px;padding:10px}.p17-payment label{display:grid;gap:4px;font-size:12px}.p17-panel{border-color:rgba(242,115,30,.2)}@media(max-width:800px){.p17-brand{width:150px}.p17-quick{grid-template-columns:repeat(2,minmax(0,1fr))}.p17-line-table{min-width:850px}.p17-hero{align-items:flex-start}.p17-profile-logo{width:120px}}@media(max-width:520px){.p17-brand{display:none}.p17-tabs{gap:4px}.p17-tabs a{padding:8px;font-size:11px}}

.vst-login-logo{width:54px;height:54px;object-fit:contain;border-radius:14px;background:#fff;padding:3px;flex-shrink:0}.login-wrap .brand{align-items:center}