:root{--bg:#000000;--panel:#072626;--ink:#E8FBFB;--muted:#8FCFD3;--teal:#00A7B7;--orange:#F26A21;--yellow:#F6B21A;--green:#2CC66B;--black:#000000;--danger:#FF4D4D;--ok:#2CC66B;--shadow: 0 14px 40px rgba(0,0,0,.35);--radius: 16px;--radius2: 22px;--ring: 0 0 0 4px rgba(0,167,183,.25);--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji"}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);position:relative}body:before{content:"";position:fixed;top:0;left:0;right:auto;bottom:0;display:none;pointer-events:none;z-index:-1}.left-col{position:fixed;left:0;top:0;bottom:0;width:50%;display:flex;align-items:center;justify-content:flex-end;pointer-events:none;z-index:-1;background:transparent}.left-col img{width:100%;max-width:none;height:auto;opacity:.7;object-fit:contain;object-position:right center}a{color:inherit}button,input,select{font:inherit}.container{max-width:1080px;margin:0 auto;padding:0 16px 60px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0;position:relative}.topbar-right{position:fixed;right:0;top:0;width:50%;height:60px;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:12px;box-sizing:border-box}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand .title{display:flex;flex-direction:column;line-height:1.05}.brand .title strong{font-size:16px;letter-spacing:.2px}.brand .title span{font-size:12px;color:var(--muted)}.nav{display:flex;width:100%;height:100%;gap:0;flex-wrap:nowrap;justify-content:flex-end;align-items:stretch}.pill{flex:1;padding:10px 12px;border-radius:0;border:none;text-decoration:none;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;transition:filter .15s ease}.pill:nth-child(1){background:var(--teal)}.pill:nth-child(2){background:var(--orange)}.pill:nth-child(3){background:var(--yellow)}.pill:nth-child(4){background:var(--green)}.pill:hover{filter:brightness(1.1)}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:stretch}@media (max-width: 900px){.hero{grid-template-columns:1fr}}.card{border-radius:var(--radius2);border:1px solid rgba(255,255,255,.12);background:#0f1620b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);overflow:hidden}.card.right-col{position:fixed;top:100px;right:0;width:50%;height:calc(100vh - 120px);box-sizing:border-box;overflow:auto}.card .hd{padding:18px 18px 10px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.card .bd{padding:18px}.h1{font-size:34px;margin:0;letter-spacing:-.5px}.sub{margin:8px 0 0;color:var(--muted);max-width:54ch}.tagrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.tag{font-size:12px;padding:7px 10px;border-radius:999px;background:#00a7b724;border:1px solid rgba(0,167,183,.35)}.tag.orange{background:#f26a2124;border-color:#f26a2159}.tag.yellow{background:#f6b21a24;border-color:#f6b21a59}.tag.green{background:#2cc66b24;border-color:#2cc66b59}.grid{display:grid;gap:14px}.grid.cols2{grid-template-columns:1fr 1fr}@media (max-width: 760px){.grid.cols2{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--ink);cursor:pointer;text-decoration:none;transition:transform .06s ease,border-color .15s ease,background .15s ease;-webkit-user-select:none;user-select:none}.btn:hover{border-color:#00a7b78c;background:#00a7b71a}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--teal);border-color:#ffffff29;color:#fff;font-weight:700;box-shadow:0 10px 30px #00a7b71f}.btn.primary:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.05)}.btn.danger:hover{border-color:#ff4d4da6;background:#ff4d4d1a}.btn.small{padding:9px 10px;border-radius:12px;font-size:13px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:12px;color:var(--muted)}.field input,.field select{padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#00000038;color:var(--ink);outline:none}.field input:focus,.field select:focus{box-shadow:var(--ring);border-color:#00a7b7a6}.notice{padding:12px;border-radius:14px;border:1px dashed rgba(255,255,255,.18);background:#0000002e;color:var(--muted);font-size:13px;line-height:1.35}.notice strong{color:var(--ink)}.kpi{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.kpi .chip{padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#0000002e;font-size:13px}.kpi .chip b{font-weight:700}.bays{border-radius:var(--radius2);border:1px solid rgba(255,255,255,.12);background:#0f1620b8;padding:14px;position:relative;overflow:hidden;box-shadow:var(--shadow);max-width:48%;margin-left:52%}.bays:before{content:"";display:none}.bay-list{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:20px}.bay-item{border:1px solid rgba(255,255,255,.08);background:#ffffff08;padding:10px;border-radius:var(--radius);display:flex;flex-direction:column;gap:10px}.status{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;font-size:12px}.dot{width:12px;height:12px;border-radius:999px;background:#ffffff59;box-shadow:0 0 0 4px #0000001f}.status.avail .dot{background:var(--ok)}.status.use .dot{background:var(--yellow)}.status.oos .dot{background:var(--danger)}hr.sep{border:0;border-top:1px solid rgba(255,255,255,.1);margin:14px 0}.table{width:100%;border-collapse:collapse;font-size:13px}@media (max-width: 900px){.bays{max-width:100%;margin-left:0}.card.right-col{position:static;width:100%;height:auto}.topbar-right{position:static;width:auto;flex-direction:row;align-items:center;padding-right:0}}.table th,.table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top}.table th{color:var(--muted);font-weight:600}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;font-size:12px;font-weight:600}.badge.teal{border-color:#00a7b759;background:#00a7b71f}.badge.orange{border-color:#f26a2159;background:#f26a211f}.badge.yellow{border-color:#f6b21a59;background:#f6b21a1f}.badge.green{border-color:#2cc66b59;background:#2cc66b1f}.badge.gray{border-color:#ffffff24;background:#ffffff0f}.footer{margin-top:22px;color:var(--muted);font-size:12px;line-height:1.4}