*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:Apple SD Gothic Neo,Malgun Gothic,-apple-system,sans-serif;font-size:14px;color:#1f2937;background:#f8fafc;-webkit-font-smoothing:antialiased}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}.app-shell{display:flex;min-height:100vh}.sidenav{width:210px;flex-shrink:0;background:#ffffff;border-right:1px solid #e5e7eb;padding:20px 12px}.sidenav .brand{font-size:16px;font-weight:700;color:#111827;padding:0 10px 18px}.sidenav .brand span{color:#2563eb}.sidenav a.nav-item{display:block;padding:9px 10px;border-radius:6px;color:#374151;margin-bottom:2px}.sidenav a.nav-item:hover{background:#f3f4f6;text-decoration:none}.sidenav a.nav-item.active{background:#eff6ff;color:#2563eb;font-weight:600}.main-area{flex:1 1;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;background:#ffffff;border-bottom:1px solid #e5e7eb;padding:10px 24px}.page-body{padding:24px;max-width:1200px;width:100%}.page-title{font-size:20px;font-weight:700;margin-bottom:16px}.section-title{font-size:15px;font-weight:700;margin:24px 0 10px}.card{border:1px solid #e5e7eb;border-radius:8px;padding:16px}.card,table.tbl{background:#ffffff}table.tbl{width:100%;border-collapse:collapse;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}table.tbl th{text-align:left;font-weight:600;font-size:13px;color:#6b7280;background:#f9fafb;padding:9px 12px;border-bottom:1px solid #e5e7eb;white-space:nowrap}table.tbl td{padding:9px 12px;border-bottom:1px solid #f3f4f6;vertical-align:middle}table.tbl tr:last-child td{border-bottom:none}table.tbl td.num,table.tbl th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}button{font-family:inherit;font-size:13px;cursor:pointer}.btn{display:inline-block;padding:7px 14px;border-radius:6px;border:1px solid #d1d5db;background:#ffffff;color:#374151;font-weight:500;line-height:1.4}.btn:hover{background:#f9fafb}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#2563eb;border-color:#2563eb;color:#ffffff}.btn-primary:hover{background:#1d4ed8}.btn-danger{color:#dc2626;border-color:#fca5a5}.btn-danger:hover{background:#fef2f2}.btn-sm{padding:4px 9px;font-size:12px}input,select,textarea{font-family:inherit;font-size:13px;padding:7px 9px;border:1px solid #d1d5db;border-radius:6px;background:#ffffff;color:#1f2937}input:focus,select:focus,textarea:focus{outline:2px solid #bfdbfe;border-color:#2563eb}input:disabled{background:#f3f4f6;color:#9ca3af}input.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}label.fld{display:block;color:#6b7280;margin-bottom:4px}.badge,label.fld{font-size:12px;font-weight:600}.badge{display:inline-block;padding:2px 9px;border-radius:999px;white-space:nowrap}.tabs{display:flex;gap:4px;border-bottom:1px solid #e5e7eb;margin-bottom:14px;flex-wrap:wrap}.tabs a{padding:8px 14px;color:#6b7280;border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:500}.tabs a:hover{text-decoration:none;color:#2563eb}.tabs a.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:700}.alert-danger{background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #dc2626;border-radius:8px;padding:14px 16px;margin-bottom:20px}.alert-info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:12px 14px;color:#1e40af;font-size:13px}.progress-track{width:140px;height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden;display:inline-block;vertical-align:middle}.progress-fill{height:100%;background:#2563eb;border-radius:999px}