.network33{--ng-accent:#d4a35d;--ng-soft:rgba(212,163,93,.13);--ng-line:rgba(145,145,145,.24);overflow:auto!important}
.network33 *{box-sizing:border-box}.network33 .n33-shell{max-width:1480px;margin:auto;padding:24px}.network33 .n33-header,.network33 .n33-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.network33 .n33-header h2{font-size:30px;letter-spacing:.13em;margin:0}.network33 .n33-header h2 span{display:block;font-size:12px;letter-spacing:.02em;font-weight:400;margin-top:7px}.network33 .overline{color:var(--ng-accent);font-size:11px;letter-spacing:.14em;font-weight:700}.network33 .n33-status{font-size:13px;min-height:1.5em;margin:18px 0}.network33 .n33-summary{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;border:1px solid var(--ng-line);border-radius:20px;overflow:hidden;background:var(--ng-soft)}.network33 .n33-summary>div{padding:18px;border-right:1px solid var(--ng-line)}.network33 small{display:block;opacity:.75;font-size:12px}.network33 .n33-summary strong{display:block;font-size:26px;margin-top:8px}.network33 .n33-summary em{font-size:14px;font-style:normal}.network33 .n33-tabs{display:flex;gap:6px;overflow:auto;padding:18px 0;white-space:nowrap}.network33 .n33-tabs button{flex-shrink:0}.network33 .n33-tabs [aria-pressed=true]{background:var(--ng-accent);color:#221b12;border-color:var(--ng-accent)}.network33 .n33-card{border:1px solid var(--ng-line);padding:22px;border-radius:18px;min-width:0;background:rgba(128,128,128,.04)}.network33 h3{font-size:19px;line-height:1.35;margin:0 0 14px}.network33 p{line-height:1.65}.network33 .n33-card>button{margin:6px 6px 6px 0}.network33 .n33-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.network33 .n33-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.network33 .n33-note{font-size:12px;opacity:.8}.network33 .n33-section-title{margin-top:24px;margin-bottom:14px}.network33 .n33-intro{background:linear-gradient(135deg,var(--ng-soft),transparent)}.network33 .n33-intro h3{font-size:28px;max-width:450px}.network33 ol{padding-left:22px;line-height:2.2;font-size:14px}.network33 .n33-meter{margin:15px 0}.network33 .n33-meter>span{display:flex;justify-content:space-between;font-size:12px;gap:10px}.network33 progress{display:block;width:100%;height:7px;margin-top:8px;accent-color:var(--ng-accent)}.network33 .n33-room-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.network33 .n33-room{border-radius:20px;padding:22px;background:radial-gradient(ellipse at top,rgba(212,163,93,.14),transparent 65%),#151c24;color:#edf1f6;border:1px solid #36424e}.network33 .n33-racks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}.network33 button.n33-rack{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:190px;position:relative;padding:24px 10px 16px;background:#202b36;border:1px solid #44525f;border-radius:10px 24px 10px 10px;color:#eef3f9;white-space:normal}.network33 button.n33-rack.selected{border:2px solid #e2b473;box-shadow:0 0 0 4px #d4a35d16}.network33 button.n33-rack.empty{background:#19212a;border-style:dashed;color:#9dadbc}.network33 .n33-rack-no{position:absolute;top:10px;left:12px;font-size:11px;color:#bbcad9}.network33 .n33-machine{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;width:114px;border:1px solid #738699;background:linear-gradient(145deg,#3a4957,#1b252e);padding:12px;border-radius:7px;box-shadow:0 12px 20px #0005;margin:10px 0 20px;transform:skewY(-3deg)}.network33 .n33-machine i{height:22px;border:3px double #89a3b9;border-radius:50%;background:radial-gradient(circle,#e2b473 0 20%,transparent 25%)}.network33 .n33-machine b{font-size:10px;grid-column:span 2;text-align:left;padding-top:5px}.network33 .n33-machine em{font-size:10px;font-style:normal;color:#e2b473;padding-top:5px}.network33 .n33-vacant{font-size:44px;font-weight:200;margin:15px}.network33 .n33-rack strong{font-size:13px;margin-bottom:6px}.network33 .n33-price{display:block;font-size:24px;color:var(--ng-accent);margin:18px 0}.network33 .n33-first{border-color:var(--ng-accent)}.network33 .n33-jobs>article{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--ng-line);flex-wrap:wrap}.network33 .n33-jobs>article>div{flex:1;min-width:170px}.network33 .n33-jobs small{margin-top:6px}.network33 .n33-jobs [data-timer]{font-variant-numeric:tabular-nums;font-size:13px}.network33 .n33-event{max-width:850px;margin:auto}.network33 .n33-choices{display:grid;gap:10px;margin:24px 0}.network33 .n33-choices button{text-align:left;white-space:normal;min-height:52px}.network33 .n33-alert{border-color:var(--ng-accent);margin-top:18px}.network33 .n33-log article{display:grid;grid-template-columns:170px 1fr;gap:18px;border-bottom:1px solid var(--ng-line);padding:12px 0}.network33 .n33-log time{font-size:12px;opacity:.7;padding-top:5px}.network33 .n33-log p{margin:0;font-size:13px}.network33 .n33-footer{font-size:11px;opacity:.7;padding:24px 0 0}.network33 .n33-pending{border:1px solid var(--ng-accent);border-radius:14px;padding:16px;margin:14px 0;background:var(--ng-soft);display:flex;align-items:center;gap:20px;justify-content:space-between}.network33 .n33-pending span{font-size:13px;flex:1}.network33 .n33-welcome{padding:40px 24px;text-align:center;border:1px solid var(--ng-line);border-radius:24px;background:radial-gradient(ellipse at top,var(--ng-soft),transparent 70%)}.network33 .n33-welcome h3{font-size:clamp(28px,4vw,46px);line-height:1.2;letter-spacing:-.03em}.network33 .n33-welcome p{max-width:600px;margin:18px auto}.network33 .n33-welcome .primary{min-height:50px;padding:12px 24px}.network33 .n33-emblem{height:115px;display:flex;gap:9px;align-items:center;justify-content:center;margin-bottom:26px}.network33 .n33-emblem i{width:48px;height:75px;border:2px solid var(--ng-accent);border-radius:8px 20px 8px 8px;background:repeating-linear-gradient(0deg,transparent 0 15px,var(--ng-soft) 16px 19px);transform:skewY(-12deg)}.network33 .n33-emblem i:nth-child(2){height:100px}.network33 button:focus-visible,.network33 select:focus-visible{outline:3px solid var(--ng-accent);outline-offset:3px}.network33 select{width:100%;min-height:42px}.network33 label{display:block;margin:12px 0;font-size:13px}.network33 button{min-height:40px}.network33 .n33-row label{min-width:220px;margin:0}
@media(max-width:900px){.network33 .n33-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.network33 .n33-room-grid{grid-template-columns:1fr}.network33 .n33-columns{grid-template-columns:1fr}}
@media(max-width:600px){.network33 .n33-shell{padding:14px}.network33 .n33-summary{grid-template-columns:1fr 1fr}.network33 .n33-summary>div{padding:14px;border-bottom:1px solid var(--ng-line)}.network33 .n33-summary strong{font-size:22px}.network33 .n33-cards{grid-template-columns:1fr}.network33 .n33-card{padding:17px}.network33 .n33-racks{gap:10px}.network33 .n33-room{padding:14px}.network33 .n33-log article{grid-template-columns:1fr;gap:4px}.network33 .n33-pending{align-items:stretch;flex-direction:column}.network33 .n33-header h2{font-size:24px}.network33 button{min-height:44px}}
body.light .network33{--ng-accent:#886024;--ng-soft:rgba(136,96,36,.10)}