:root{--nav:#172c36;--teal:#087f79;--line:#e2e8eb;--muted:#71818c;--red:#bc4d5f;--orange:#b7791f;--bg:#f3f6f8;--ink:#243641}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Pretendard,'Noto Sans KR',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;line-height:1.55}a{color:var(--teal);text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button,.button{cursor:pointer}aside{position:fixed;inset:0 auto 0 0;width:232px;background:var(--nav);color:#e0eaed;display:flex;flex-direction:column;padding:32px 18px;z-index:2}.brand{display:flex;align-items:center;gap:12px;font-size:31px;color:#8ad8cc;font-weight:700;padding:0 14px}.brand span{color:white;font-size:26px;letter-spacing:3px}.brand small{display:block;font-size:11px;letter-spacing:1px;color:#a9bcc4;font-weight:400}.library{margin:40px 14px 24px;font-weight:600}.library small{display:block;color:#8fa7b1;font-size:9px;letter-spacing:1.8px;margin-top:6px}nav{display:grid;gap:7px}nav a{color:#aebfc6;display:flex;gap:13px;padding:13px 15px;border-radius:7px}nav a:hover,nav a.active{background:#254750;color:white}nav a.active{box-shadow:inset 3px 0 #55c9b6}.sidebar-bottom{margin-top:auto;font-size:11px;padding:15px;color:#aebfc6}.sidebar-bottom small{display:block;margin-top:8px;color:#7f99a4}.workspace{margin-left:232px}header{height:74px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;font-size:12px;color:#677985}header b{margin:0 14px;color:#bcc8ce}header form{display:flex;align-items:center;gap:16px}.quiet{border:1px solid var(--line);background:white;padding:6px 12px;border-radius:5px;color:#607580}main{padding:32px;max-width:1800px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--teal);font-weight:700}h1{font-size:28px;letter-spacing:-1px;margin:8px 0}h2{font-size:17px;margin:0;letter-spacing:-.4px}h3{margin:0;font-size:16px}p{color:var(--muted);margin:5px 0 0;font-size:12px}.button{display:inline-block;border:1px solid #d9e2e5;border-radius:6px;padding:9px 15px;background:white;color:#405761;font-size:12px;font-weight:600;white-space:nowrap}.panel{background:white;border:1px solid var(--line);border-radius:10px;padding:22px;margin-bottom:22px}.filters{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}.filters label,.login-card label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#5a6e79;font-weight:600}input,select{border:1px solid #d7e0e5;border-radius:5px;background:#fff;color:#334c58;padding:9px 10px;height:39px;font-size:12px}.short{width:80px}input[type=date]{width:145px}.range-dash{align-self:center;padding-top:16px;color:#aab8bf}.primary{border:0;border-radius:5px;background:var(--teal);color:white;height:39px;padding:0 24px;font-weight:600;font-size:12px}.primary:hover{background:#066b66}.reset{font-size:12px;padding-bottom:9px;color:#7b8e97}.quick{border-top:1px solid #edf1f3;padding-top:13px;margin-top:3px;flex-basis:100%;display:flex;align-items:center;gap:12px;color:#72828b;font-size:11px}.quick select{height:30px;font-size:11px;padding:4px 8px;background:#f7f9fa}.quick span{color:#8b9ba3}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-bottom:25px}.stats article{background:white;border:1px solid var(--line);padding:20px 23px;border-radius:10px}.stats article>span{font-size:12px;color:#6d7f89}.stats strong{display:block;font-size:32px;font-weight:650;letter-spacing:-1px;margin:8px 0}.stats strong small{font-size:12px;color:#8b9da5;font-weight:400;margin-left:7px}.stats p{font-size:10px}.stats .alert-stat{background:#fffafb;border-color:#f0dce1}.alert-stat strong{color:var(--red)}.stats .sequence-stat{background:#fffaf2;border-color:#f1e2c5}.sequence-stat strong{color:var(--orange)}.dot{display:inline-block;width:7px;height:7px;background:#42b5a5;border-radius:50%;margin-right:5px}.dot.red{background:var(--red)}.dot.orange{background:var(--orange)}.dot.gold{background:#d9ba6c}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.legend{display:flex;gap:15px;white-space:nowrap;font-size:10px;color:#7c8c95}.notice{background:#f4f8fa;border:1px solid #e6eef1;border-radius:5px;padding:11px 14px;font-size:11px;color:#657d89}.day-title{display:flex;align-items:center;gap:12px;margin:25px 0 14px}.day-title span{font-size:10px;color:#8a9aa3}.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:13px}.shelf-card{border:1px solid #dce8e7;border-top:3px solid #76b9aa;background:#fbfdfc;padding:14px;border-radius:6px;color:var(--ink);transition:transform .15s,box-shadow .15s}.shelf-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #193b4210}.shelf-card.has-alert{border-top-color:#cc7e8c;background:#fffdfd}.shelf-card.has-sequence{border-top-color:#d49a3a;background:#fffdf7}.shelf-card>div{display:flex;justify-content:space-between;font-size:10px;color:#7b9099}.shelf-card>div>b{font-size:13px;color:#8ea5ac}.shelf-card h3{margin-top:3px}.shelf-card .shelf-symbol{color:#b4d9cf;font-size:24px;letter-spacing:3px;border-bottom:2px solid #dfebe6;margin:13px 0 12px;overflow:hidden;white-space:nowrap}.shelf-card.has-alert .shelf-symbol{color:#dac6b3}.shelf-card.has-sequence .shelf-symbol{color:#dfc48f}.shelf-card strong{color:var(--teal);font-size:10px}.shelf-card.has-alert strong{color:var(--red)}.shelf-card.has-sequence strong{color:var(--orange)}.empty{text-align:center;padding:65px 20px;color:#81929d}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{background:#f6f8fa;font-weight:600;color:#758892;padding:12px 10px;white-space:nowrap;border-bottom:1px solid var(--line)}td{padding:15px 10px;border-bottom:1px solid #edf1f3;vertical-align:top;min-width:80px}td small{display:block;color:#8a9aa2;font-size:10px;margin-top:5px;max-width:230px;overflow-wrap:anywhere}.title-cell{min-width:220px;max-width:330px}.title-cell>a{font-size:10px;font-weight:600}.title-cell>div{margin-top:4px}.badge{display:inline-block;background:#e9f5ef;color:#37826b;border-radius:4px;padding:3px 8px;font-size:10px;white-space:nowrap}.badge.bad{background:#fbecef;color:var(--red)}.badge.sequence{background:#fff3dc;color:var(--orange)}.badge.neutral{background:#edf1f4;color:#7d8f99}.warning{color:#b78039}td small.warning{color:#b78039}.count{font-size:11px;font-weight:400;color:#8b9ba5;margin-left:7px}.pagination{display:flex;align-items:center;justify-content:space-between;padding-top:17px;font-size:11px;color:#83959f}.pagination .button{padding:5px 12px}.shelf-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.shelf-tabs a{border:1px solid var(--line);background:white;padding:6px 10px;border-radius:5px;font-size:10px;color:#748993}.shelf-tabs a.selected{background:var(--teal);color:white;border-color:var(--teal)}.book-map{background:#f5f6f5;padding:18px;max-height:530px;overflow:auto;border-radius:6px;display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:16px}.cell{background:white;padding:12px;border-radius:5px;min-width:0}.cell-label{display:flex;justify-content:space-between;font-size:10px;color:#6b7e84;margin-bottom:10px}.cell-label b{font-weight:500}.spines{display:flex;align-items:flex-end;gap:2px;min-height:42px;border-bottom:4px solid #c4cecf;padding-bottom:2px;overflow-x:auto}.spine{display:block;flex-shrink:0;width:11px;height:33px;border:1px solid #dbbf79;background:#f2e2ad;border-radius:2px 2px 0 0}.spine:nth-child(3n){height:38px}.spine.misplaced{background:#be5d73;border-color:#a3475d}.spine.missequenced{background:#d49a3a;border-color:#a86f18}.spine:hover,.spine:focus{outline:2px solid #344f59;transform:translateY(-2px)}.spine span{font-size:7px;color:#665c43;writing-mode:vertical-rl}.spine.misplaced span,.spine.missequenced span{color:white}.timeline{display:flex;gap:12px;flex-wrap:wrap}.timeline article{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:6px;min-width:160px;font-size:12px}.timeline small{color:#8b9aa2}.robot-status{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:24px 0}.robot-status span{display:block;font-size:11px;color:#81969f}.robot-status strong{font-size:15px;font-weight:500;display:block;margin-top:10px}.muted{color:#91a0a8;font-size:11px}footer{display:flex;justify-content:space-between;color:#94a5ae;font-size:10px;margin:30px 0 5px}.login-page{display:grid;place-items:center;min-height:100vh;background:#172c36}.login-card{width:min(420px,92vw);padding:40px;background:white;border-radius:12px}.login-card label{margin-top:22px}.login-card .primary{width:100%;margin-top:25px}.login-card p{margin-bottom:20px}@media(min-width:1600px){main{padding:40px}}@media(max-width:1100px){aside{width:200px;padding-left:10px;padding-right:10px}.workspace{margin-left:200px}main{padding:22px}.stats{gap:10px}.stats article{padding:15px}.legend{flex-wrap:wrap}.section-heading{align-items:flex-start}}@media(max-width:760px){aside{position:static;width:100%;padding:15px}.brand{font-size:20px}.brand span{font-size:20px}.brand small,.library,.sidebar-bottom{display:none}nav{display:flex;flex-wrap:wrap;margin-top:12px;gap:3px}nav a{font-size:11px;gap:6px;padding:9px}.workspace{margin-left:0}header{height:52px;padding:0 16px}header>span{font-size:10px}main{padding:18px 12px}.page-heading{align-items:flex-start}h1{font-size:23px}.stats{grid-template-columns:repeat(2,1fr)}.stats strong{font-size:27px}.panel{padding:15px}.filters{gap:10px}.quick{flex-wrap:wrap}.quick span{display:none}.legend{font-size:9px;gap:6px}.shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.book-map{padding:8px;grid-template-columns:minmax(0,1fr)}.robot-status{grid-template-columns:repeat(2,1fr)}footer{gap:15px}.range-dash{display:none}}
.table-wrap{max-height:680px}.table-wrap th{position:sticky;top:0;z-index:1}
.stats .stat-card{display:block;background:white;border:1px solid var(--line);padding:20px 23px;border-radius:10px;color:var(--ink);transition:transform .15s,box-shadow .15s,border-color .15s}.stats .stat-card>span{font-size:12px;color:#6d7f89}.stats .stat-card:hover,.stats .stat-card:focus{transform:translateY(-2px);box-shadow:0 7px 18px #193b4218;border-color:#9fc9c3}.stats .stat-card.alert-stat{background:#fffafb;border-color:#f0dce1}.stats .stat-card.sequence-stat{background:#fffaf2;border-color:#f1e2c5}@media(max-width:1100px){.stats .stat-card{padding:15px}}
.admin-grid{display:grid;grid-template-columns:minmax(360px,.8fr) minmax(520px,1.2fr);gap:22px}.inline-form{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:20px}.inline-form label,.stack-form label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#5a6e79;font-weight:600}.inline-form label{flex:1;min-width:150px}.form-panel{max-width:650px}.stack-form{display:grid;gap:18px}.stack-form input,.stack-form select{width:100%}.stack-form small{color:var(--muted);font-weight:400}.stack-form ul.errorlist{margin:0;padding-left:18px;color:var(--red);font-weight:400}.form-actions,.row-actions{display:flex;align-items:center;gap:8px}.danger-button{border:1px solid #e4bfc6;background:#fffafb;color:var(--red);border-radius:6px;padding:7px 12px;cursor:pointer}.messages{display:grid;gap:8px;margin-bottom:18px}@media(max-width:1000px){.admin-grid{grid-template-columns:1fr}}