:root{font-family:Arial,"Noto Sans KR",sans-serif;color:#092b67;background:#f4f8ff}*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#f7fbff,#eef5ff);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card,.panel{background:#fff;border:1px solid #deebf9;border-radius:24px;box-shadow:0 18px 52px #2b66b012}.login-card{width:min(470px,100%);padding:38px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#0868e8;color:#fff;font-weight:900;font-size:27px}.brand strong{display:block;font-size:21px}.brand small{display:block;color:#6b83a3;margin-top:3px}.eyebrow{color:#116bea;font-size:11px;font-weight:800;letter-spacing:.12em;margin:0 0 8px}.login-card h1{font-size:27px;margin:34px 0 9px}.muted{color:#6b83a3;line-height:1.6}.login-card form,.form-grid{display:grid;gap:13px;margin-top:24px}label{display:grid;gap:6px;font-size:13px;font-weight:700;color:#385579}input,select{border:1px solid #d7e4f4;border-radius:11px;padding:12px;color:#0a2b63;background:#fff}input:focus{outline:3px solid #116bea20;border-color:#116bea}.primary{border:0;border-radius:11px;background:#0868e8;color:#fff;padding:13px;font-weight:800}.message{min-height:18px;margin:0;color:#c23846;font-size:13px}.topbar{display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #deebf9;padding:17px max(22px,calc((100% - 1240px)/2))}.back{color:#155bb2;text-decoration:none;margin-right:10px}.ghost{border:1px solid #d7e4f4;background:#fff;color:#2b5c97;border-radius:10px;padding:9px 12px}.page{max-width:1240px;margin:auto;padding:34px 22px}.welcome{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.welcome h1{font-size:32px;margin:0 0 8px}.status{background:#e7f8ef;color:#087449;border-radius:30px;padding:10px 14px;font-weight:800;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-bottom:20px}.metric{background:#fff;border:1px solid #deebf9;border-radius:17px;padding:17px}.metric span{display:block;color:#6b83a3;font-size:12px}.metric strong{display:block;font-size:27px;margin-top:7px}.layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.panel{padding:22px;margin-bottom:20px}.panel-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px}.panel h2{font-size:20px;margin:0}.panel h3{font-size:15px;margin:2px 0 12px}.form-grid{margin-top:0}.room-list,.list{display:grid;gap:9px}.room,.entry{border:1px solid #e4edf7;border-radius:12px;padding:11px 12px;display:flex;justify-content:space-between;gap:10px}.room b{font-size:14px}.room small,.entry small{color:#6b83a3}.room-form{display:grid;grid-template-columns:1.2fr .8fr .8fr auto;gap:7px;margin-top:14px}.room-form .primary{padding:10px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:28px}.entry{display:block}.entry strong,.entry small{display:block}.entry small{margin-top:5px}.entry p{color:#536b8a;line-height:1.4;font-size:13px;margin:8px 0 0}@media(max-width:900px){.metrics{grid-template-columns:repeat(2,1fr)}.layout,.two-col{grid-template-columns:1fr}.room-form{grid-template-columns:1fr 1fr}.room-form .primary{grid-column:1/-1}.welcome{display:block}.status{display:inline-block;margin-top:14px}}@media(max-width:520px){.topbar{padding:14px 16px}.page{padding:24px 16px}.metrics{grid-template-columns:1fr}.login-card{padding:25px}}
.panel,.layout>*,.two-col>*{min-width:0}.form-grid{min-width:0;width:100%}.form-grid>*{min-width:0;max-width:100%}.form-grid input,.form-grid select,.form-grid button{width:100%;min-width:0}.image-upload-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px;border:1px solid #d7e4f4;border-radius:14px;background:#f8fbff}.image-upload-field>div,.image-upload-field>input,.image-upload-field>.image-preview,.image-upload-field>.message{grid-column:1/-1}.image-upload-field b,.image-upload-field small{display:block}.image-upload-field small,.upload-spec{margin-top:5px;color:#6b83a3;font-size:12px}.image-preview{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:10px;border:1px solid #d7e4f4}.upload-button{border:1px solid #0868e8;border-radius:11px;background:#fff;color:#0868e8;padding:11px 14px;font-weight:800}.upload-button:hover{background:#edf5ff}.upload-button:disabled,.primary:disabled{opacity:.55;cursor:wait}.media-form{display:grid;gap:9px}.media-form input,.media-form select{width:100%;min-width:0}.error{color:#c23846!important}@media(max-width:520px){.image-upload-field{grid-template-columns:1fr}.image-upload-field>*{grid-column:1!important}.room-form{grid-template-columns:1fr}.room-form .primary{grid-column:auto}}
[hidden]{display:none!important}
.panel-title h2{display:inline-block}.help-tip{display:inline-grid;place-items:center;width:24px;height:24px;margin:3px 0 0 7px;padding:0;border:1px solid #b9cce2;border-radius:50%;background:#fff;color:#315c8f;font-size:13px;font-weight:900;vertical-align:top}.help-tip:hover,.help-tip:focus-visible{border-color:#0868e8;background:#edf5ff;color:#0868e8;outline:none}.context-tooltip{position:fixed;z-index:100;padding:11px 13px;border-radius:7px;background:#0a2b63;color:#fff;box-shadow:0 8px 24px rgba(10,43,99,.2);font-size:13px;line-height:1.5;pointer-events:none}
.android-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px;margin:18px 0}
.android-feature{border:0;background:transparent!important;border-radius:6px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 2px;color:#637282;font-size:15px;min-width:0;cursor:pointer}
.android-feature canvas{width:44px;height:44px;opacity:.42}
.android-feature[aria-pressed="true"]{color:#2168d6;font-weight:700}
.android-feature[aria-pressed="true"] canvas{opacity:1}
.android-feature:focus-visible{outline:2px solid #2168d6}
@media(max-width:480px){.android-feature{font-size:12px}.android-feature-grid{gap:10px 4px}}