/* ===== Corz GUI preview — measured from the original screenshots (window = 1240 x 716) ===== */
.cz-stage{position:relative;width:100%;overflow:hidden}
.cz-stage.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cz-sizer{overflow:hidden}
.cz-scaler{transform-origin:0 0;width:1240px;height:716px}

.cz{--o:#ff6a10;--o2:#ff7a22;
  box-sizing:border-box;width:1240px;height:716px;border-radius:30px;background:#0a0d12;border:2px solid #121821;
  padding:10px 11px 9px 10px;display:flex;gap:13px;
  font-family:Nunito,system-ui,sans-serif;color:#eef1f6;-webkit-font-smoothing:antialiased;user-select:none;text-align:left;line-height:1.25}
.cz *{box-sizing:border-box;margin:0;padding:0}
.cz button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.cz img{display:block}
.cz svg{display:block}

/* ---- sidebar (255 wide) ---- */
.cz-side{width:255px;flex-shrink:0;border-radius:20px;border:1px solid #171d26;position:relative;overflow:visible;
  background:radial-gradient(ellipse 70% 32% at 72% 74%,rgba(120,28,40,.32),transparent 70%),linear-gradient(180deg,#0f1315 0%,#0e1216 45%,#100f17 75%,#0d1118 100%)}
.cz-logo{position:absolute;left:23px;top:21px;width:180px;height:58px}
.cz-sep{position:absolute;left:22px;right:22px;height:1px;background:linear-gradient(90deg,rgba(66,50,37,.3),#423225 30%,#3a2a22 70%,rgba(56,23,32,.3))}
.cz-lab{position:absolute;left:32px;font-size:14px;font-weight:800;color:#6f7889;letter-spacing:.01em}
.cz-list{position:absolute;left:17px;right:-2px}
.cz-item{position:relative;display:flex;align-items:center;width:100%;height:38px;padding-left:15px;gap:31px;font-size:18px;font-weight:600;color:#b3bac6;border-radius:10px 0 0 10px;transition:color .15s,background .15s}
.cz-item svg{width:30px;height:30px;color:#5f6979;stroke-width:1.4;flex-shrink:0;transition:color .15s}
.cz-item:hover{color:#e3e7ee}
.cz-item.on{color:var(--o2);background:linear-gradient(90deg,rgba(255,110,40,.13),rgba(255,110,40,.1))}
.cz-item.on svg{color:var(--o)}
.cz-item.on::before{content:"";position:absolute;left:6px;top:11px;bottom:11px;width:2px;border-radius:2px;background:var(--o)}
.cz-badge{position:absolute;right:30px;width:22px;height:22px;border-radius:50%;background:#1f2631;color:#a6aebb;font-size:12px;font-weight:800;display:grid;place-items:center}
.cz-user{position:absolute;left:17px;top:612px;width:222px;height:66px;display:flex;align-items:center;gap:15px;padding:0 9px;border-radius:14px;background:#0c141f;border:1px solid #182130}
.cz-user img{width:54px;height:52px;flex-shrink:0;image-rendering:pixelated}
.cz-user b{display:block;font-size:18px;font-weight:800;color:#f2f4f8}
.cz-user span{font-size:15px;font-weight:700;color:#6c7687}

/* ---- main (947 wide) ---- */
.cz-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px;position:relative}
.cz-main::before{content:"";position:absolute;inset:40px -12px -9px -13px;pointer-events:none;border-radius:0 0 28px 0;
  background:radial-gradient(ellipse 560px 380px at 50% 50%,#86290f 0%,#7c2b0e 30%,#5a210e 55%,#24120d 82%,transparent 100%)}
.cz-top{height:54px;flex-shrink:0;border-radius:14px;background:#0e141b;border:1px solid #19202a;display:flex;align-items:center;padding:0 15px 0 18px;position:relative;z-index:1}
.cz-hello{font-size:18px;font-weight:600;color:#d2d7e0}
.cz-hello b{color:#fff;font-weight:800}
.cz-clock{position:absolute;left:367px;transform:translateX(-50%);font-size:18px;font-weight:800;color:var(--o)}
.cz-search{margin-left:auto;width:300px;height:36px;border-radius:12px;border:1.5px solid #252d3a;background:#080c12;display:flex;align-items:center;padding:0 12px 0 15px;transition:border-color .15s}
.cz-search:focus-within{border-color:#c4713e}
.cz-search svg{width:24px;height:24px;color:#d5dae2;flex-shrink:0;stroke-width:2}
.cz-search input{flex:1;min-width:0;margin-left:14px;background:none;border:0;outline:0;font:inherit;font-size:16px;font-weight:600;color:#fff;caret-color:var(--o)}
.cz-search input::placeholder{color:#7e8796}
.cz-kbd{font-size:15px;font-weight:800;color:#bfc6d1;background:#1d2430;border-radius:7px;padding:1px 8px;letter-spacing:.06em}

.cz-body{flex:1;min-height:0;position:relative;z-index:1}
.cz-view{position:absolute;inset:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#323c4c transparent;margin-right:-8px;padding-right:8px}
.cz-view::-webkit-scrollbar{width:3px}
.cz-view::-webkit-scrollbar-thumb{background:#323c4c;border-radius:3px}

/* module grid */
.cz-grid{display:grid;grid-template-columns:469px 469px;column-gap:9px;row-gap:8px}
.cz-card{height:72px;border-radius:14px;background:rgba(15,19,27,.9);border:1px solid rgba(40,36,44,.6);display:flex;align-items:center;padding:0 15px 0 18px;cursor:pointer;transition:background .15s}
.cz-card:hover{background:rgba(20,25,35,.92)}
.cz-card .l{flex:1;min-width:0;padding-top:1px}
.cz-n{display:flex;align-items:center;font-size:18px;font-weight:600;color:#f1f3f7;height:24px}
.cz-k{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:600;color:#9aa2af;height:24px;margin-top:1px}
.cz-info{width:16px;height:16px;border-radius:50%;background:#cfd4dc;color:#10141b;font-size:11px;font-weight:900;font-style:normal;display:grid;place-items:center;font-family:Georgia,serif;margin-left:9px}
.cz-dia{width:11px;height:11px;background:#ff1010;transform:rotate(45deg);margin-left:20px}
.cz-key{width:12px;height:12px;border-radius:3px;border:1.5px solid #8992a1;position:relative;display:inline-block}
.cz-key::after{content:"";position:absolute;inset:2px;border-radius:1px;background:#8992a1}
.cz-tog{width:44px;height:20px;border-radius:10px;background:#252f45;position:relative;flex-shrink:0;transition:background .2s;display:inline-block}
.cz-tog::after{content:"";position:absolute;top:3px;left:4px;width:14px;height:14px;border-radius:50%;background:#8494b1;transition:transform .2s cubic-bezier(.3,.7,.3,1),background .2s}
.cz-tog.on{background:#fe5e00}
.cz-tog.on::after{transform:translateX(22px);background:#edf6ff}
.cz-empty{position:absolute;inset:0;display:grid;place-items:center;font-size:18px;font-weight:700;color:#c9d0dc}

/* bots view */
.cz-bots{position:absolute;inset:0;display:flex;gap:8px;padding-left:2px}
.cz-items{width:62px;flex-shrink:0;border-radius:14px;background:#0e131d;border:1px solid #19202b;padding:14px 0 0 6px;display:flex;flex-direction:column;gap:12px;position:relative}
.cz-slot{width:48px;height:42px;border-radius:9px;background:#151a24;display:grid;place-items:center;position:relative;flex-shrink:0;border:1px solid transparent;transition:border-color .15s}
.cz-slot img{width:34px;height:34px}
.cz-slot:hover{border-color:#2f3847}
.cz-slot.on{height:48px;background:#2a1e1e;border:1.5px solid rgba(255,106,16,.75);box-shadow:0 0 12px -3px rgba(255,106,16,.6)}
.cz-slot.on img{mix-blend-mode:lighten}
.cz-slot.on::before{content:"";position:absolute;left:-11px;top:14px;bottom:14px;width:2px;border-radius:2px;background:var(--o)}
.cz-items hr{border:0;height:1px;background:#222a36;margin:-6px 8px -4px 2px}
.cz-prev{width:332px;flex-shrink:0;border-radius:14px;overflow:hidden}
.cz-prev img{width:332px;height:100%;object-fit:cover;object-position:top}
.cz-set{flex:1;min-width:0;border-radius:14px;background:#17161e;border:1px solid #221f28;padding:16px 20px 0 18px;position:relative;overflow:hidden;display:flex;flex-direction:column}
.cz-set .kick{font-size:14px;font-weight:800;letter-spacing:.12em;color:#7a8291}
.cz-set .ttl{display:flex;align-items:center;margin-top:7px}
.cz-set .ttl b{font-size:22px;font-weight:800}
.cz-set .ttl em{font-style:normal;font-size:14px;font-weight:800;letter-spacing:.14em;color:var(--o);margin-left:13px}
.cz-set .ttl .cz-info{margin-left:14px}
.cz-set .ttl .cz-tog{margin-left:auto}
.cz-set .sub{font-size:15px;font-weight:700;color:#9aa2af;margin:6px 0 13px}
.cz-set .rule{height:1px;background:#383238;margin-right:-20px}
.cz-rows{flex:1;overflow:hidden;padding:6px 0 0 9px;-webkit-mask-image:linear-gradient(180deg,#000 88%,transparent);mask-image:linear-gradient(180deg,#000 88%,transparent)}
.cz-row{display:flex;align-items:center;justify-content:space-between;font-size:18px;font-weight:600;color:#dfe3ea}
.cz-row.k{height:44px;padding-right:2px}
.cz-row.k .cz-key{width:13px;height:13px}
.cz-row.c{height:48px}
.cz-row.t{height:40px}
.cz-cyc{width:183px;height:34px;border-radius:7px;background:#09080d;border:1px solid #26232c;display:flex;align-items:center;justify-content:space-between;padding:0 3px}
.cz-cyc button{width:26px;height:28px;color:#868e9b;font-size:15px;font-weight:800;border-radius:5px}
.cz-cyc button:hover{color:#fff;background:#1a1922}
.cz-cyc b{font-size:18px;font-weight:800;color:#fff}
.cz-user img.cz-donut{width:50px;height:auto;image-rendering:auto;margin:0 2px}