*{box-sizing:border-box}html,body,#app{color:#1f2937;background:#f5f7fa;width:100%;min-height:100%;margin:0;font-family:Inter,Pretendard,Noto Sans KR,Arial,sans-serif}body{min-width:1000px}.app-layout{min-height:100vh;display:flex}.sidebar{color:#fff;background:#18212f;flex-direction:column;flex-shrink:0;width:250px;min-height:100vh;display:flex}.logo-area{border-bottom:1px solid #ffffff14;align-items:center;gap:13px;height:84px;padding:0 22px;display:flex}.logo-icon{background:#1d8fbe;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;font-weight:700;display:flex}.logo-title{letter-spacing:.5px;font-size:16px;font-weight:700}.logo-subtitle{color:#9ca3af;margin-top:2px;font-size:12px}.menu{padding:22px 14px}.menu-item{color:#aeb8c7;border-radius:8px;align-items:center;gap:13px;height:48px;margin-bottom:6px;padding:0 16px;text-decoration:none;transition:all .2s;display:flex}.menu-item:hover{color:#fff;background:#ffffff12}.menu-item.router-link-exact-active{color:#fff;background:#1d8fbe}.menu-icon{font-size:17px}.sidebar-footer{color:#687386;margin-top:auto;padding:20px;font-size:11px}.main{flex:1;min-width:0}.top-header{background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;height:84px;padding:0 34px;display:flex}.top-header h1{margin:0;font-size:23px;font-weight:700}.top-header p{color:#9ca3af;margin:5px 0 0;font-size:12px}.content{padding:30px 34px}.welcome-card[data-v-1f7c6cc0]{color:#fff;background:linear-gradient(120deg,#14698e,#1d85ad);border-radius:14px;justify-content:space-between;align-items:center;min-height:220px;padding:38px 42px;display:flex;box-shadow:0 4px 15px #00000014}.badge[data-v-1f7c6cc0]{letter-spacing:1px;background:#ffffff26;border-radius:20px;padding:6px 11px;font-size:11px;font-weight:600;display:inline-block}.welcome-card h2[data-v-1f7c6cc0]{margin:18px 0 9px;font-size:29px}.welcome-card p[data-v-1f7c6cc0]{color:#ffffffd9;margin:0}.welcome-logo[data-v-1f7c6cc0]{background:#ffffff1a;border-radius:25px;justify-content:center;align-items:center;width:115px;height:115px;font-size:58px;font-weight:700;display:flex}.section-title[data-v-1f7c6cc0]{margin-top:30px;margin-bottom:14px;font-size:15px;font-weight:700}.card-grid[data-v-1f7c6cc0]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;display:grid}.management-card[data-v-1f7c6cc0]{min-height:120px;color:inherit;background:#fff;border:1px solid #e8eaed;border-radius:12px;align-items:center;padding:24px;text-decoration:none;transition:all .2s;display:flex}.management-card[data-v-1f7c6cc0]:hover{border-color:#b9d7e5;transform:translateY(-2px);box-shadow:0 7px 22px #00000014}.card-icon[data-v-1f7c6cc0]{color:#16779e;background:#e6f3f8;border-radius:10px;justify-content:center;align-items:center;width:52px;height:52px;margin-right:18px;font-size:22px;display:flex}.management-card h3[data-v-1f7c6cc0]{margin:0 0 7px;font-size:16px}.management-card p[data-v-1f7c6cc0]{color:#7c8491;margin:0;font-size:13px}.arrow[data-v-1f7c6cc0]{color:#9ca3af;margin-left:auto;font-size:20px}.page-toolbar[data-v-bdb9bb4f]{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-toolbar h2[data-v-bdb9bb4f]{margin:0 0 6px;font-size:21px}.page-toolbar p[data-v-bdb9bb4f]{color:#87909e;margin:0;font-size:13px}.refresh-button[data-v-bdb9bb4f]{color:#fff;cursor:pointer;background:#197da6;border:none;border-radius:7px;padding:10px 16px;font-size:13px}.refresh-button[data-v-bdb9bb4f]:hover{background:#116a8e}.summary-area[data-v-bdb9bb4f]{grid-template-columns:repeat(3,minmax(180px,1fr));gap:16px;margin-bottom:22px;display:grid}.summary-card[data-v-bdb9bb4f]{background:#fff;border:1px solid #e6e8eb;border-radius:10px;padding:19px 22px}.summary-card span[data-v-bdb9bb4f]{color:#8b929d;margin-bottom:7px;font-size:12px;display:block}.summary-card strong[data-v-bdb9bb4f]{color:#26313f;font-size:25px}.table-card[data-v-bdb9bb4f]{background:#fff;border:1px solid #e4e7eb;border-radius:11px;overflow-x:auto}.table-header[data-v-bdb9bb4f]{border-bottom:1px solid #edf0f2;padding:20px 23px}.table-header h3[data-v-bdb9bb4f]{margin:0;font-size:16px}.table-header span[data-v-bdb9bb4f]{color:#9ca3af;margin-top:5px;font-size:11px;display:block}table[data-v-bdb9bb4f]{border-collapse:collapse;width:100%;min-width:1350px}thead[data-v-bdb9bb4f]{background:#f8fafb}th[data-v-bdb9bb4f]{text-align:left;color:#667080;white-space:nowrap;border-bottom:1px solid #e8eaed;padding:14px 18px;font-size:12px;font-weight:600}td[data-v-bdb9bb4f]{white-space:nowrap;border-bottom:1px solid #edf0f2;padding:16px 18px;font-size:13px}tbody tr[data-v-bdb9bb4f]:hover{background:#fafcfd}.id[data-v-bdb9bb4f]{color:#197da6;font-weight:600}.machine-guid[data-v-bdb9bb4f]{color:#4b5563;cursor:help;background:#f3f4f6;border-radius:6px;padding:5px 9px;font-family:Consolas,Courier New,monospace;font-size:12px;display:inline-block}.lot-serial[data-v-bdb9bb4f]{color:#176c8e;letter-spacing:.4px;background:#eef5f8;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-block}.empty-value[data-v-bdb9bb4f]{color:#a5abb4}.status-badge[data-v-bdb9bb4f]{text-align:center;border-radius:15px;min-width:76px;padding:5px 9px;font-size:11px;font-weight:600;display:inline-block}.status-badge.active[data-v-bdb9bb4f]{color:#258557;background:#e2f6ec}.status-badge.pending[data-v-bdb9bb4f]{color:#b97b12;background:#fff4dd}.expiration-date-input[data-v-bdb9bb4f]{color:#374151;background:#fff;border:1px solid #d8dde3;border-radius:6px;min-width:135px;padding:7px 9px;font-size:12px}.expiration-date-input[data-v-bdb9bb4f]:focus{border-color:#197da6;outline:none;box-shadow:0 0 0 2px #197da61f}.expiration-date-value[data-v-bdb9bb4f]{color:#374151;font-weight:600}.valid-days-preview[data-v-bdb9bb4f]{color:#197da6;font-weight:700}.valid-days-value[data-v-bdb9bb4f]{color:#374151;font-weight:600}.message[data-v-bdb9bb4f]{text-align:center;color:#8e96a2;padding:50px}.message.error[data-v-bdb9bb4f]{color:#d14b4b}.approve-button[data-v-bdb9bb4f]{color:#fff;cursor:pointer;background:#197da6;border:none;border-radius:6px;padding:7px 14px;font-size:12px}.approve-button[data-v-bdb9bb4f]:hover{background:#12698c}.approved-text[data-v-bdb9bb4f]{color:#258557;font-size:12px;font-weight:600}.pagination[data-v-bdb9bb4f]{border-top:1px solid #edf0f2;justify-content:center;align-items:center;gap:6px;padding:22px;display:flex}.page-button[data-v-bdb9bb4f]{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d8dde3;border-radius:6px;min-width:36px;height:34px;padding:0 11px;font-size:12px}.page-button[data-v-bdb9bb4f]:hover:not(:disabled){background:#f3f7f9}.page-button.active[data-v-bdb9bb4f]{color:#fff;background:#197da6;border-color:#197da6}.page-button[data-v-bdb9bb4f]:disabled{opacity:.4;cursor:default}