.boot{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#02030a;transition:.7s}
.boot.hide{opacity:0;pointer-events:none}
.boot-card{background:rgba(0,0,0,.68);border:1px solid var(--hk-cyan);box-shadow:0 0 70px rgba(0,229,255,.3);border-radius:30px;padding:34px;text-align:center;display:grid;gap:10px}
.boot-card span{color:var(--hk-cyan);letter-spacing:4px}
.boot-card strong{font-size:2.1rem;color:var(--hk-lime)}
.boot-card p{color:var(--hk-muted)}
.boot-card button{border:1px solid var(--hk-line);border-radius:999px;background:var(--hk-panel);color:white;padding:10px 16px;cursor:pointer}

.topbar{position:fixed;left:0;right:0;top:0;height:var(--hk-top);z-index:40;display:grid;grid-template-columns:var(--hk-left) minmax(220px,1fr) auto auto minmax(320px,auto);gap:18px;align-items:center;padding:12px 22px;background:rgba(4,8,22,.84);backdrop-filter:blur(22px);border-bottom:1px solid var(--hk-line)}
.brand{display:flex;gap:12px;align-items:center}.brand-core{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--hk-cyan),var(--hk-lime));color:#04101b;font-weight:950;box-shadow:0 0 30px rgba(0,229,255,.45)}
.brand small{display:block;color:var(--hk-muted)}
.search{display:flex;align-items:center;gap:10px;border:1px solid var(--hk-line);border-radius:999px;padding:0 16px;background:rgba(0,0,0,.25)}
.search input{width:100%;padding:13px 0;background:transparent;border:0;color:white;outline:0}
.system-time{color:var(--hk-muted);border:1px solid var(--hk-line);padding:11px 14px;border-radius:999px}
.topbar-user-zone{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;max-width:100%;grid-row:1}
.topbar-user-zone .hk-identity-chip{min-width:0}
.topbar-user-zone .hk-notification-bell{flex:0 0 auto;position:relative;z-index:86}
.topbar-user-zone .notify-button{width:46px;height:46px;border-radius:17px}

.left-panel{position:fixed;left:0;top:var(--hk-top);bottom:var(--hk-player);width:var(--hk-left);z-index:25;padding:18px;border-right:1px solid var(--hk-line);background:rgba(4,8,22,.56);backdrop-filter:blur(18px)}
.left-panel nav{display:flex;flex-direction:column;gap:8px}
.left-panel a{display:grid;grid-template-columns:34px 1fr;align-items:center;padding:13px;border-radius:16px;color:var(--hk-muted)}
.left-panel a:hover{color:white;background:rgba(255,255,255,.07);box-shadow:inset 3px 0 0 var(--accent)}
.right-panel{position:fixed;right:0;top:var(--hk-top);bottom:var(--hk-player);width:var(--hk-right);z-index:25;padding:18px;border-left:1px solid var(--hk-line);background:rgba(4,8,22,.50);backdrop-filter:blur(18px)}
.right-panel .glass-card{padding:18px;margin-bottom:16px}
.status-row{display:flex;gap:10px;color:var(--hk-muted);margin:10px 0}.status-row span{width:10px;height:10px;border-radius:50%;background:var(--hk-lime);box-shadow:0 0 14px var(--hk-lime);margin-top:5px}.status-row.warn span{background:var(--hk-gold);box-shadow:0 0 14px var(--hk-gold)}
.metric{display:flex;justify-content:space-between;border-top:1px solid var(--hk-line);padding:10px 0}.metric strong{color:var(--hk-lime)}

.workspace{margin-left:var(--hk-left);margin-right:var(--hk-right);padding:calc(var(--hk-top) + 34px) clamp(18px,3vw,48px) 40px}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;min-height:78vh}
.core-stage{position:relative;min-height:560px;display:grid;place-items:center}
.hk-core{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff,var(--hk-cyan) 18%,#08234c 65%,#02030a);box-shadow:0 0 80px rgba(0,229,255,.55);z-index:4;animation:corePulse 3s infinite ease-in-out}
.hk-core span{font-size:4rem;font-weight:950;color:white;text-shadow:0 0 18px var(--hk-cyan)}
.ring{position:absolute;border:2px solid rgba(0,229,255,.45);border-radius:50%;filter:drop-shadow(0 0 15px var(--hk-cyan));animation:spin 18s linear infinite}
.r1{width:460px;height:460px}.r2{width:340px;height:340px;border-color:rgba(102,255,102,.48);animation-direction:reverse}.r3{width:560px;height:190px;border-color:rgba(125,92,255,.45);animation-duration:28s}
.orbit-module{position:absolute;z-index:5;display:grid;place-items:center;text-align:center;gap:3px;color:white}
.orbit-module i{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid var(--hk-line);box-shadow:0 0 28px color-mix(in srgb, var(--accent), transparent 55%);font-style:normal;font-size:1.7rem}
.orbit-module b{font-size:.78rem}.orbit-module:hover i{background:var(--accent);transform:translateY(-4px) scale(1.08)}
.om1{left:12%;top:18%}.om2{right:10%;top:18%}.om3{left:7%;bottom:22%}.om4{right:8%;bottom:22%}.om5{top:2%;left:45%}.om6{bottom:4%;left:45%}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes corePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}

.dock-section{margin:28px 0}.hk-dock{display:flex;justify-content:center;gap:12px;padding:14px;border:1px solid var(--hk-line);border-radius:30px;background:rgba(255,255,255,.06);backdrop-filter:blur(18px)}
.hk-dock a{width:82px;height:74px;border-radius:22px;display:grid;place-items:center;gap:4px;color:var(--hk-muted);transition:.18s}
.hk-dock a span{font-size:1.8rem}.hk-dock a small{font-size:.68rem}.hk-dock a:hover{background:var(--accent);color:#04101b;transform:translateY(-8px) scale(1.08);font-weight:900}
.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}
.module-card{padding:24px;min-height:190px;position:relative;overflow:hidden}
.module-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent),transparent 70%),transparent 40%);opacity:.7}
.module-card>*{position:relative}.module-icon{font-size:2.2rem}.module-card p{color:var(--hk-muted)}.module-card a{color:var(--accent);font-weight:900}

.universal-player{position:fixed;left:0;right:0;bottom:0;height:var(--hk-player);z-index:50;display:grid;grid-template-columns:64px minmax(170px,1fr) 44px 54px 44px 90px minmax(120px,360px) 58px;gap:12px;align-items:center;padding:12px 20px;background:rgba(3,7,18,.91);backdrop-filter:blur(24px);border-top:1px solid var(--hk-line)}
.universal-player img{width:64px;height:64px;border-radius:17px;object-fit:cover}.track-meta{display:grid}.track-meta span,#timeLabel{color:var(--hk-muted);font-size:.9rem}.universal-player button{height:42px;border-radius:50%;border:1px solid var(--hk-line);background:var(--hk-panel);color:white;cursor:pointer}.universal-player .play{background:linear-gradient(135deg,var(--hk-cyan),var(--hk-lime));color:#04101b;font-weight:950}
.bars{display:flex;gap:5px;align-items:end;height:38px}.bars i{width:6px;border-radius:8px;background:linear-gradient(var(--hk-cyan),var(--hk-lime));animation:bars 1s infinite ease-in-out}.bars i:nth-child(2){animation-delay:.1s}.bars i:nth-child(3){animation-delay:.2s}.bars i:nth-child(4){animation-delay:.3s}.bars i:nth-child(5){animation-delay:.4s}@keyframes bars{0%,100%{height:9px}50%{height:34px}}
.seek{height:8px;background:rgba(255,255,255,.13);border-radius:999px;overflow:hidden;cursor:pointer}.seek span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--hk-cyan),var(--hk-lime))}
.module-body{padding-bottom:0}.module-page{width:min(1100px,92vw);margin:auto;padding:50px 0}.module-hero{padding:40px;margin-top:30px}.module-big-icon{font-size:4rem}
.design-grid .module-card{min-height:150px}
@media(max-width:1180px){:root{--hk-right:0px}.right-panel{display:none}.workspace{margin-right:0}}
@media(max-width:900px){:root{--hk-left:0px;--hk-top:72px;--hk-player:130px}.topbar{grid-template-columns:1fr auto}.search{display:none}.left-panel{display:none}.workspace{margin-left:0}.hero{grid-template-columns:1fr}.module-grid{grid-template-columns:1fr 1fr}.universal-player{grid-template-columns:54px 1fr 42px 48px 42px;grid-template-rows:auto auto;height:var(--hk-player)}.universal-player img{width:54px;height:54px}.bars{display:none}.seek{grid-column:2/5}#timeLabel{grid-column:5}.core-stage{min-height:430px}.r1{width:340px;height:340px}.r2{width:250px;height:250px}.r3{width:390px;height:130px}.hk-core{width:145px;height:145px}.orbit-module i{width:52px;height:52px}.hk-dock{overflow:auto;justify-content:flex-start}}
@media(max-width:760px){.topbar-user-zone{gap:8px}.topbar-user-zone .identity-info{display:none}.topbar-user-zone .hk-identity-chip{min-width:auto;padding:7px}.topbar-user-zone .identity-actions{display:none}.topbar-user-zone .notify-button{width:42px;height:42px;border-radius:15px}}
@media(max-width:600px){h1{font-size:3rem}.module-grid{grid-template-columns:1fr}.system-time{display:none}.orbit-module b{display:none}.om1{left:6%;top:18%}.om2{right:6%;top:18%}.om3{left:5%;bottom:22%}.om4{right:5%;bottom:22%}.om5{top:1%;left:42%}.om6{bottom:3%;left:42%}}