:root{--navy: #1f4e79;--navy-2: #2e75b6;--orange: #e07b00;--green: #2e7d32;--red: #c62828;--ink: #1a2733;--muted: #6b7b8c;--line: #e1e8ef;--bg: #f4f7fa;--card: #ffffff;--blue-light: #e4eef8;--orange-light: #fce9d6;--green-light: #e7f4e8;--red-light: #fdecec;--gray-light: #eceff1;--font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: .875rem;--fs-md: .9375rem;--fs-lg: 1.0625rem;--fs-xl: 1.5rem;--fs-2xl: 1.75rem;--fs-3xl: 2.5rem;--fw-regular: 400;--fw-semibold: 600;--fw-bold: 700;--fw-black: 800;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--space-4xl: 40px;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 18px;--radius-pill: 20px;--shadow-sm: 0 1px 4px rgba(20, 40, 60, .07);--shadow-md: 0 8px 20px rgba(31, 78, 121, .4);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .35);--shadow-window: 0 24px 60px rgba(0, 0, 0, .5)}.btn{border:none;border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-lg);font-size:var(--fs-base);font-weight:var(--fw-bold);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);white-space:nowrap;font-family:inherit}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--orange);color:#fff}.btn-secondary{background:#fff;color:var(--navy);border:2px solid var(--navy)}.btn-ghost{background:transparent;color:var(--navy);font-weight:var(--fw-bold)}.btn-danger{background:var(--red-light);color:var(--red);border:2px solid color-mix(in srgb,var(--red) 45%,#fff)}.btn-danger:hover{background:color-mix(in srgb,var(--red) 12%,#fff)}.btn-icon{background:transparent;border:none;cursor:pointer;font-size:var(--fs-md);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);color:var(--navy)}.btn-icon:hover{background:var(--blue-light)}.btn-icon.danger{color:var(--red)}.btn-icon.danger:hover{background:var(--red-light)}.btn-lg{padding:var(--space-md) var(--space-2xl);font-size:var(--fs-md)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-2xl)}.field{width:100%;border:2px solid var(--line);border-radius:var(--radius-sm);padding:11px;font-size:var(--fs-base);margin-bottom:var(--space-md);font-family:inherit}.field:focus{outline:none;border-color:var(--navy-2)}.field-label{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--muted);display:block;margin-bottom:5px}.field-error{color:var(--red);font-size:var(--fs-xs);margin:-8px 0 var(--space-md)}.field-hint{color:var(--muted);font-size:var(--fs-xs);margin:-8px 0 var(--space-md)}.form-card{max-width:380px;width:100%;margin:0 auto}.form-card h1{color:var(--navy);font-size:var(--fs-xl)}.form-card-subtitle{color:var(--muted);font-size:var(--fs-base);margin:6px 0 22px}.form-row-between{display:flex;justify-content:space-between;align-items:center;margin:var(--space-sm) 0;font-size:var(--fs-sm)}.form-row-between a{color:var(--navy);font-weight:var(--fw-semibold);text-decoration:none}.form-alt-link{text-align:center;margin-top:var(--space-xl);color:var(--muted);font-size:var(--fs-sm)}.form-alt-link a{color:var(--navy);font-weight:var(--fw-bold);text-decoration:none}.badge{display:inline-block;padding:3px var(--space-sm);border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-bold);background:var(--green-light);color:var(--green)}.badge.warn{background:var(--red-light);color:var(--red)}.badge.blue{background:var(--blue-light);color:var(--navy)}.badge.gray{background:var(--gray-light);color:var(--muted)}.badge.orange{background:var(--orange-light);color:var(--orange)}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.tbl-wrap{width:100%;overflow-x:auto}.tbl{width:100%;border-collapse:collapse}.tbl th{background:var(--navy);color:#fff;text-align:left;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.4px;padding:var(--space-sm) var(--space-md);white-space:nowrap}.tbl td{padding:var(--space-sm) var(--space-md);font-size:var(--fs-sm);color:var(--ink);border-bottom:1px solid var(--line)}.tbl tbody tr:nth-child(odd){background:var(--card)}.tbl tbody tr:nth-child(2n){background:var(--bg)}.tbl tbody tr.clickable,.tbl tbody tr.tbl-row-clickable{cursor:pointer}.tbl tbody tr:hover{background:var(--blue-light)}.tbl th.actions,.tbl td.actions{text-align:center;white-space:nowrap}.tbl td.empty{text-align:center;color:var(--muted);padding:var(--space-2xl)}.ibtn{background:#eef2f6;border:1px solid var(--line);border-radius:8px;padding:5px 9px;font-size:var(--fs-sm);cursor:pointer}.ibtn+.ibtn{margin-left:var(--space-xs)}.ibtn:hover{background:var(--blue-light)}.ibtn.del{background:var(--red-light);color:var(--red);border-color:#f3cccc}.mask{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);z-index:100}.mask-stacked{z-index:110}.mask-backdrop{position:absolute;inset:0;border:none;background:#0009;cursor:default;padding:0;pointer-events:none}.dlg{position:relative;display:flex;flex-direction:column;background:var(--card);border-radius:var(--radius-xl);padding:0;max-width:460px;width:100%;max-height:86vh;overflow:hidden;box-shadow:var(--shadow-lg)}.dlg.dlg-form{max-width:min(820px,94vw)}.dlg.dlg-detail{max-width:min(720px,94vw)}.dlg h3{color:var(--navy);margin:0}.dlg>.dlg-sub{color:var(--muted);font-size:var(--fs-sm);margin:0}.dlg-header{flex:none;padding:var(--space-lg) 24px;border-bottom:1px solid var(--line)}.dlg-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:24px}.dlg-form-layout{display:flex;flex-direction:column;min-height:0;flex:1 1 auto;overflow:hidden}.dlg-footer{flex:none;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:var(--space-sm);padding:var(--space-lg) 24px;border-top:1px solid var(--line);background:#fafafa}.dlg-footer .btn{flex:0 0 auto;box-sizing:border-box;min-width:132px;height:40px;padding:0 var(--space-lg);text-align:center}.dlg>.row,.dlg .dlg-body+.row{flex:none;display:flex;gap:var(--space-sm);margin-top:var(--space-lg)}.dlg>.row .btn,.dlg .dlg-body+.row .btn{flex:1;text-align:center}.dlg-sub{color:var(--muted);font-size:var(--fs-sm);margin:0 0 var(--space-md)}.detail-list{display:grid;grid-template-columns:auto 1fr;gap:var(--space-sm) var(--space-lg);margin:0}.detail-list dt,.detail-list dd{padding:11px 3px;border-bottom:1px solid var(--line)}.detail-list dt{color:var(--ink);font-size:var(--fs-base);font-weight:var(--fw-bold)}.detail-list dd{margin:0;font-size:var(--fs-sm);color:var(--ink);text-align:right}.detail-list dt:last-of-type,.detail-list dd:last-of-type{border-bottom:none}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-family);font-size:var(--fs-base);-webkit-font-smoothing:antialiased}a{color:var(--navy-2)}