:root{--ink:#182a3b;--blue:#2366d1;--line:#dce4eb}body{font-family:"Malgun Gothic","Apple SD Gothic Neo",Arial,sans-serif;background:#f4f6f9;color:var(--ink)}main{max-width:1440px;padding:24px}header{background:#162a3c;padding:20px 28px}#account{display:flex;align-items:center;gap:8px}#account span{margin-right:10px}#account small{display:block;color:#b9cada}button{transition:background .15s,box-shadow .15s;min-height:42px}button:hover:not(:disabled){background:#eef4fb}button.primary:hover{background:#1855b7}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #7cafef;outline-offset:3px}button:disabled{opacity:.55;cursor:not-allowed}.cards{gap:12px}.card{text-align:left;border:1px solid var(--line);border-top:3px solid #a4b2c0;padding:16px 18px;box-shadow:0 2px 8px #182a3b04}.card b{font-size:30px;margin:6px 0}.card b small{font-size:13px;margin-left:6px;font-weight:normal;color:#718096}.card>small{font-size:11px;color:#718096}.card.normal{border-top-color:#2d9162}.card.use{border-top-color:#2366d1}.card.measure{border-top-color:#168e91}.card.repair{border-top-color:#c58418}.card span{font-size:13px}nav{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:20px}.toolbar{margin-bottom:8px}.toolbar input{min-height:46px}.syncbar{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:#697d8f;margin-bottom:24px}.syncbar button{font-size:12px;padding:6px 10px;min-height:32px}.layoutintro{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0}.layoutintro h2{font-size:21px;margin:0 0 6px}.layoutintro p{font-size:13px;color:#6a7b89;margin:0}.layoutintro>span{font-size:13px;color:#60788c}.racknav{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.racknav button{padding:9px 16px;font-weight:bold}.racknav button small{font-weight:normal;font-size:11px;margin-left:5px}.racknav .active{background:#1c3a53;border-color:#1c3a53;color:white}.legend{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.badge{display:inline-block;padding:4px 7px;border-radius:5px;font-size:11px;white-space:nowrap;background:#e8edf2;color:#4e5f70;border:0!important}.badge.normal{background:#e9f5ee;color:#26744e}.badge.use{background:#e9f0fd;color:#2c61af}.badge.measure{background:#e5f5f4;color:#197c7e}.badge.repair{background:#fff3dc;color:#94620e}.badge.out{background:#f1eafa;color:#7856a4}.badge.dead{background:#eaedf0;color:#5f6872}.rack{padding:20px;margin-bottom:20px;border:1px solid var(--line);box-shadow:0 2px 12px #1c3a5304}.rackhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.rackhead h2{font-size:20px;margin:0 0 5px}.rackhead p{font-size:12px;color:#778896;margin:0}.rackhead>span{font-size:13px;color:#55728a;background:#edf3f8;padding:8px 12px;border-radius:6px}.rackscroll{overflow-x:auto;padding-bottom:6px}.rackgrid{display:grid;grid-template-columns:42px repeat(8,minmax(115px,1fr));gap:8px;min-width:1040px}.axis{font-size:12px;color:#6d7f8d;text-align:center;padding:6px}.stage{display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:bold;color:#597081}.slot{min-height:134px;padding:12px 10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:5px;border:1px solid var(--line);border-left:4px solid #aebdc8;background:white;text-align:left}.slotcode{font-size:11px;color:#758a9a;font-variant-numeric:tabular-nums}.slot strong{font-size:14px;line-height:1.45;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.slotmeta{font-size:11px;color:#7a8995}.slot .badge{margin-top:auto;font-size:10px}.slot.normal{border-left-color:#2d9162}.slot.repair{border-left-color:#c58418}.slot.measure{border-left-color:#168e91}.slot.out{border-left-color:#8664b1}.slot.dead{border-left-color:#6f7b84}.slot.empty{border:1px dashed #ccd7df;background:#f8fafc;align-items:center;justify-content:center;color:#8295a5}.slot.empty strong{font-size:24px;font-weight:normal}.slot.empty .slotcode{align-self:flex-start}.slot.filteredout{background:#f2f4f7;opacity:.7}.slot.filteredout strong{font-size:12px;font-weight:normal}.sectiontitle{font-size:18px;margin-top:30px}th,td{font-size:13px;padding:13px 12px}th{color:#536b80;font-size:12px}.locationtext{font-weight:bold;color:#2366a2}.tablewrap{border:1px solid var(--line);border-radius:10px}.tablewrap button{font-size:12px;min-height:34px;padding:6px 10px}.note{line-height:1.7}.error{line-height:1.6}#login{padding:28px}#login h2{font-size:23px}#login p{font-size:13px;color:#667c8f;line-height:1.7}dialog{padding:0;width:min(850px,95vw);overflow:hidden;border-radius:14px;box-shadow:0 24px 80px #0003}#panel{padding:28px;overflow:auto;max-height:86vh}.modalclose{position:absolute;top:12px;right:12px;z-index:5;border:0;background:#edf2f7;font-size:24px;min-height:36px;width:36px;padding:0;line-height:36px}.detailhero{position:sticky;top:-28px;background:white;z-index:2;padding:26px 48px 18px 28px;margin:-28px -28px 0;border-bottom:1px solid var(--line)}.detailhero h2{font-size:24px;margin:6px 0 16px;overflow-wrap:anywhere}.eyebrow{font-size:12px;font-weight:bold;color:#75899a;margin:0 0 8px}.herostatus{display:flex;align-items:center;gap:12px}.herostatus>strong{font-size:22px;color:#2366a2}.taskbar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.task button{width:100%;font-weight:bold}.task small{display:block;font-size:11px;color:#7b8792;margin-top:6px;line-height:1.6}.detailbody{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:20px 0}.photoplaceholder{min-height:160px;display:flex;align-items:center;justify-content:center;background:#f4f7fa;border:1px dashed #cbd8e2;border-radius:10px;color:#879aa8;font-size:13px}.detail{grid-template-columns:90px 1fr;font-size:13px;margin:8px 0;align-content:start}.detail dd{line-height:1.6}.secondary{justify-content:flex-end}.secondary button{font-size:12px}details{border:1px solid var(--line);border-radius:8px;margin:12px 0}summary{cursor:pointer;padding:14px;font-size:14px;font-weight:bold}summary span{float:right;color:#6e8394;font-size:12px}.history{padding:0 14px;max-height:280px}.history p{line-height:1.7}.formgrid{margin-top:24px}.formfooter{display:flex;gap:8px;justify-content:flex-end;border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.contextline{background:#f1f5f9;border-radius:8px;padding:14px}.contextline span{display:block;color:#6c7f8e;font-size:12px;margin-top:8px}.locationpicker{border:1px solid var(--line);padding:14px;border-radius:10px;min-width:0}.locationpicker legend{font-size:13px;font-weight:bold;padding:0 6px}.locationpicker .racknav button{padding:6px 10px;min-height:34px;font-size:12px}.destinationsummary{color:#2366a2;font-weight:bold;font-size:14px}.pickergrid{display:grid;grid-template-columns:32px repeat(8,minmax(52px,1fr));gap:5px;min-width:550px}.pickslot{padding:7px 3px;min-height:54px;font-size:12px}.pickslot small{display:block;font-size:10px;margin-top:5px;color:#728495}.pickslot:disabled{background:#edf0f3;opacity:.65}.pickslot.selected,.specialoptions .selected{border:2px solid #2366d1;background:#eaf2ff;color:#1959b5}.specialoptions{display:flex;gap:7px;flex-wrap:wrap}.specialoptions button{font-size:12px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.choices button{padding:24px;text-align:left;border-color:#cbdcec}.choices strong,.choices span{display:block}.choices strong{font-size:17px;margin-bottom:10px;color:#2366a2}.choices span{font-size:12px;color:#738899;line-height:1.7}.sourceresults{max-height:390px;overflow:auto}.sourceresults button{display:block;width:100%;text-align:left;margin-bottom:8px;padding:13px}.sourceresults small{display:block;font-size:11px;color:#708494;margin-top:7px}#message{z-index:6}@media(max-width:700px){main{padding:14px}header{padding:16px}#account{flex-wrap:wrap}.card{padding:12px}.card b{font-size:26px}.layoutintro{align-items:flex-start;flex-direction:column}.rack{padding:12px}.rackhead>span{font-size:11px;padding:7px}.syncbar{align-items:flex-start}.syncbar span{line-height:1.7}.taskbar{grid-template-columns:1fr}.detailbody,.choices{grid-template-columns:1fr}#panel{padding:20px}.detailhero{top:-20px;margin:-20px -20px 0;padding:20px 44px 16px 20px}.detailhero h2{font-size:21px}.slot{min-height:130px}.racknav button{padding:8px 11px}.detail{grid-template-columns:95px 1fr}.formgrid{grid-template-columns:1fr}.locationpicker{padding:10px}}