@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color-scheme:light;--primary-50: #EFF6FF;--primary-100: #DBEAFE;--primary-200: #BFDBFE;--primary-300: #93C5FD;--primary-400: #60A5FA;--primary-500: #3B82F6;--primary-600: #2563EB;--primary-700: #1D4ED8;--primary-800: #1E40AF;--primary-900: #1E3A8A;--dark-50: #2D3748;--dark-100: #1A202C;--dark-200: #171923;--dark-300: #141820;--dark-400: #111519;--dark-500: #0A0F14;--dark-600: #080C10;--dark-700: #060A0D;--dark-800: #040709;--dark-900: #020405;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--info: #3B82F6;--disabled: #9CA3AF;--page-bg: #E8ECEF;--card-bg: #ffffff;--input-bg: #F9FAFB;--text-primary: #1E293B;--text-secondary: #6B7280;--text-tertiary: #9CA3AF;--border-primary: #E5E7EB;--border-secondary: #D1D5DB;--hover-bg: #F3F4F6;--shadow-color: rgba(0, 0, 0, .1);--surface-shadow: 0 8px 24px rgba(15, 23, 42, .06);--surface-shadow-hover: 0 12px 30px rgba(15, 23, 42, .08);--card-padding: 16px;--card-gap: 12px;--icon-box-size: 40px;--backdrop-bg: rgba(0, 0, 0, .5);--form-title-size: 20px;--form-title-weight: 700;--form-subtitle-size: 13px;--form-section-title-size: 14px;--form-section-subtitle-size: 12px;--font-family-base: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--page-title-size: 24px;--page-title-size-mobile: 22px;--page-title-weight: 700;--page-subtitle-size: 14px;--label-size: 12px;--label-weight: 600;--body-size: 14px;--table-text-size: 13px;--badge-text-size: 11px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--duration-fast: .15s;--duration-base: .2s;--duration-view: .35s;--z-overlay: 1250;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;font-family:var(--font-family-base)}.dark{color-scheme:dark;--page-bg: #0A0F14;--card-bg: rgba(17, 21, 25, .6);--input-bg: rgba(255, 255, 255, .05);--text-primary: #ffffff;--text-secondary: #9CA3AF;--text-tertiary: #4B5563;--border-primary: rgba(255, 255, 255, .05);--border-secondary: rgba(255, 255, 255, .1);--hover-bg: rgba(255, 255, 255, .05);--shadow-color: rgba(0, 0, 0, .3);--surface-shadow: 0 10px 28px rgba(0, 0, 0, .28);--surface-shadow-hover: 0 14px 34px rgba(0, 0, 0, .34);--backdrop-bg: rgba(0, 0, 0, .8)}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0;background:var(--page-bg);color:var(--text-primary);font-family:var(--font-family-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}h1{font-size:var(--page-title-size);font-weight:var(--page-title-weight);line-height:1.2;margin:0;color:var(--text-primary)}h2{font-size:18px;font-weight:700;line-height:1.3;margin:0;color:var(--text-primary)}h3{font-size:14px;font-weight:600;line-height:1.4;margin:0;color:var(--text-primary)}h1,h2,h3,p{overflow-wrap:anywhere}p{margin:0}.text-label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}button,input,select,textarea{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 16px;border:none;border-radius:var(--radius-md);background:var(--primary-500);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease-out;white-space:nowrap}button:hover{background:var(--primary-600);box-shadow:0 4px 12px #3b82f633;transform:translateY(-1px)}button:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f666}button:active{transform:translateY(0);background:var(--primary-700)}button.secondary{background:var(--hover-bg);color:var(--text-primary);border:1px solid var(--border-primary);box-shadow:none}.dark button.secondary{background:#ffffff0d;color:#d1d5db;border-color:#ffffff1a}button.secondary:hover{background:var(--border-primary);transform:translateY(-1px);box-shadow:none}.dark button.secondary:hover{background:#ffffff1a}button.ghost{background:transparent;color:var(--text-secondary);box-shadow:none}button.ghost:hover{background:var(--hover-bg);color:var(--text-primary);transform:none;box-shadow:none}button.danger{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.2);box-shadow:none}.dark button.danger{background:#ef44441a;color:#fca5a5;border-color:#ef444433}button.danger:hover{background:#ef444433;transform:translateY(-1px);box-shadow:none}button.icon-button{width:36px;min-width:36px;min-height:36px;padding:0;border-radius:var(--radius-md);background:var(--card-bg);color:var(--text-secondary);border:1px solid var(--border-primary);box-shadow:none}button.icon-button:hover{color:var(--primary-500);background:#3b82f61a;border-color:#3b82f64d;transform:none;box-shadow:none}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;min-height:48px;padding:12px 16px;border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--input-bg);color:var(--text-primary);font-size:14px;outline:none;transition:all .2s ease-out}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}input:focus,select:focus,textarea:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f633;background:var(--card-bg)}label{display:grid;gap:8px;font-size:var(--label-size);font-weight:var(--label-weight);text-transform:none;letter-spacing:0;color:var(--text-secondary)}.field-error{color:var(--danger);font-size:11px;font-weight:600;text-transform:none;letter-spacing:0;margin-top:-4px}label.has-error{color:var(--danger)}label.has-error input:not([type=checkbox]):not([type=radio]),label.has-error select,label.has-error textarea{border-color:var(--danger)}label.has-error input:focus,label.has-error select:focus,label.has-error textarea:focus{border-color:var(--danger);box-shadow:0 0 0 3px #ef444433}a{color:var(--primary-500)}.card{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--card-padding);box-shadow:var(--surface-shadow);transition:all .2s ease-out;position:relative}.card:hover{border-color:#3b82f64d;box-shadow:var(--surface-shadow-hover)}.panel{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--card-padding);box-shadow:var(--surface-shadow)}.status{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:22px;padding:3px 8px;border-radius:var(--radius-full);background:#3b82f61a;color:var(--primary-500);font-size:11px;font-weight:600;letter-spacing:0;line-height:1;white-space:nowrap}.dark .status{background:#3b82f633;color:var(--primary-400)}.page{display:flex;flex-direction:column;gap:var(--space-6)}.page>:first-child:not(.card):not(.panel):not(.toolbar):not(.operation-topbar){display:grid;gap:var(--space-1)}.page>:first-child p,.page .muted{font-size:var(--page-subtitle-size);line-height:1.45}.page-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.toolbar p{margin-top:4px;font-size:14px;color:var(--text-secondary)}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.result-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:start}.result-card{display:flex;flex-direction:column;gap:var(--card-gap);overflow:visible}.result-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.result-title-block{min-width:0}.result-title-block strong{display:block;font-size:14px;font-weight:600;color:var(--text-primary);overflow-wrap:anywhere}.result-title-block p{margin-top:4px;font-size:12px;color:var(--text-secondary)}.result-detail-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--hover-bg)}.result-detail-card.one-column{grid-template-columns:1fr}.result-detail-card div{display:flex;flex-direction:column;gap:4px;min-width:0}.result-detail-card span{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.result-detail-card strong{font-size:13px;font-weight:500;color:var(--text-primary);line-height:1.4;overflow-wrap:anywhere}.result-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.modal-form{display:flex;flex-direction:column;gap:16px}.stepped-form{min-height:0;gap:12px}.step-progress{display:grid;grid-template-columns:repeat(var(--step-count, 3),minmax(0,1fr));gap:8px}.step-pill{min-height:38px;padding:8px 10px;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--hover-bg);color:var(--text-secondary);box-shadow:none;font-size:12px;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;transform:none;transition:all .15s ease}.step-pill:hover{background:var(--border-primary);color:var(--text-primary);transform:none;box-shadow:none}.step-pill span{width:20px;height:20px;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--card-bg);color:var(--text-secondary);font-size:11px;transition:all .15s ease}.step-pill.active{border-color:#3b82f659;background:#3b82f61a;color:var(--primary-500)}.step-pill.active:hover{background:#3b82f626;border-color:#3b82f666;color:var(--primary-600)}.step-pill.active span,.step-pill.complete span{background:var(--primary-500);color:#fff}.step-pill.complete{color:var(--text-primary)}.step-pill.complete:hover{background:var(--border-primary);color:var(--text-primary)}.step-counter{display:none}.step-panel{display:grid;gap:12px;padding:14px;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--hover-bg)}.step-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0}.step-heading strong{color:var(--text-primary);font-size:var(--form-section-title-size);font-weight:700;line-height:1.25}.step-heading span{color:var(--text-secondary);font-size:var(--form-section-subtitle-size);line-height:1.4;text-align:right}.step-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.step-grid label{min-width:0}.step-actions{justify-content:flex-end;margin-top:2px;padding-bottom:max(0px,env(safe-area-inset-bottom))}.step-actions button{min-width:132px}.modal-form-actions{display:flex;gap:12px;flex-wrap:wrap;padding-top:8px}.modal-form-actions button{min-height:36px;padding:8px 12px;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--hover-bg);color:var(--text-secondary);box-shadow:none;font-size:13px;font-weight:700;letter-spacing:0;transform:none;transition:all .15s ease}.dark .modal-form-actions button{background:#ffffff0d;color:#d1d5db;border-color:#ffffff1a}.modal-form-actions button:hover{color:var(--text-primary);background:var(--border-primary);border-color:var(--border-secondary);box-shadow:none;transform:none}.dark .modal-form-actions button:hover{color:#f3f4f6;background:#ffffff1a;border-color:#ffffff26}.modal-form-actions button[type=submit],.modal-form-actions button:not(.secondary):not(.ghost):not(.danger){color:var(--primary-500);background:#3b82f61a;border-color:#3b82f64d}.modal-form-actions button[type=submit]:hover,.modal-form-actions button:not(.secondary):not(.ghost):not(.danger):hover{color:#fff;background:var(--primary-500);border-color:var(--primary-500);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f640}.modal-form-actions button.secondary,.modal-form-actions button.ghost{background:var(--hover-bg);color:var(--text-secondary);border-color:var(--border-primary)}.dark .modal-form-actions button.secondary,.dark .modal-form-actions button.ghost{background:#ffffff0d;color:#d1d5db;border-color:#ffffff1a}.modal-form-actions button.secondary:hover,.modal-form-actions button.ghost:hover{color:var(--primary-500);background:#3b82f61a;border-color:#3b82f64d}.modal-form-actions button:disabled,.modal-form-actions button:disabled:hover{opacity:.58;color:var(--text-tertiary);background:var(--hover-bg);border-color:var(--border-primary);transform:none;cursor:not-allowed}.muted{color:var(--text-secondary)}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:12px}.actions-menu{position:relative;margin-left:auto;flex-shrink:0}.danger-text{color:var(--danger);border-color:#ef44444d;background:#ef44440d}.dark .danger-text{background:#ef44441a}.success-text{color:var(--success)}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--border-primary);padding:12px 8px;text-align:left;vertical-align:top}th{font-size:var(--badge-text-size);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1}}@keyframes slideFromTop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1}}@keyframes expandDown{0%{max-height:0;opacity:0;transform:translateY(-4px)}to{max-height:1000px;opacity:1}}@keyframes viewEnter{0%{opacity:0}to{opacity:1}}.animate-view-enter{animation:viewEnter .35s cubic-bezier(.16,1,.3,1) both}.animate-fade-in{animation:fadeIn .2s ease-out both}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.16,1,.3,1) both}.stagger-children>*{opacity:0;animation:fadeInUp .4s cubic-bezier(.16,1,.3,1) both}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:60ms}.stagger-children>*:nth-child(3){animation-delay:.12s}.stagger-children>*:nth-child(4){animation-delay:.18s}.stagger-children>*:nth-child(5){animation-delay:.24s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.36s}.stagger-children>*:nth-child(8){animation-delay:.42s}.skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:linear-gradient(90deg,var(--border-primary) 25%,var(--hover-bg) 50%,var(--border-primary) 75%);background-size:200% 100%;border-radius:var(--radius-md)}@keyframes pulse{0%,to{background-position:200% 0}50%{background-position:-200% 0}}.crud-table{width:100%;table-layout:fixed;border-collapse:collapse;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--surface-shadow)}.crud-table th{background:var(--hover-bg);font-size:var(--badge-text-size);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding:10px 14px;text-align:left;border-bottom:1px solid var(--border-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crud-table th:last-child{width:80px;text-align:center}.crud-table td{padding:10px 14px;font-size:var(--table-text-size);color:var(--text-primary);border-bottom:1px solid var(--border-primary);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crud-table td:last-child{overflow:visible;white-space:nowrap;width:80px}.crud-table tbody tr{transition:background-color .15s ease}.crud-table tbody tr:hover{background:var(--hover-bg)}.crud-table tbody tr:last-child td{border-bottom:none}.crud-table .inactive-row{opacity:.5}.crud-table .inactive-row:hover{opacity:.75}.crud-table .empty-row td{text-align:center;padding:32px 14px;color:var(--text-secondary);font-size:13px}.table-actions{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:nowrap}.table-actions button{width:32px;min-width:32px;min-height:32px;padding:0;display:grid;place-items:center;border-radius:var(--radius-md);box-shadow:none}.table-actions button:hover{transform:none}.table-actions button.secondary{background:transparent;border:1px solid var(--border-primary);color:var(--text-secondary)}.table-actions button.secondary:hover{color:var(--primary-500);background:#3b82f61a;border-color:#3b82f64d}.table-actions button.danger{background:transparent;border:1px solid transparent;color:var(--text-tertiary)}.table-actions button.danger:hover{color:var(--danger);background:#ef44441a;border-color:#ef444433}.show-inactive-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-md);background:var(--hover-bg);color:var(--text-secondary);border:1px solid var(--border-primary);font-size:12px;font-weight:600;cursor:pointer;min-height:32px;transition:all .15s ease;white-space:nowrap}.show-inactive-toggle:hover{background:var(--border-primary);color:var(--text-primary);transform:none;box-shadow:none}.show-inactive-toggle.active{background:#3b82f61a;color:var(--primary-500);border-color:#3b82f64d}@media (max-width: 768px){.page{gap:16px}h1{font-size:var(--page-title-size-mobile)}.grid{grid-template-columns:1fr;gap:12px}.result-grid{grid-template-columns:1fr}.card,.panel{padding:12px}button{width:100%}button.icon-button{width:36px}button.secondary{width:auto}.page-actions button,.modal-form-actions button{flex:1;min-width:0}.stepped-form{min-height:0;gap:8px}.step-progress{grid-template-columns:repeat(var(--step-count, 3),minmax(0,1fr));gap:5px}.step-pill{min-height:30px;padding:5px 6px;justify-content:center;gap:3px;font-size:10px}.step-pill span{width:17px;height:17px}.step-panel{gap:9px;padding:10px}.step-heading{display:grid;gap:2px}.step-heading strong{font-size:var(--form-section-title-size)}.step-heading span{text-align:left;font-size:var(--form-section-subtitle-size)}.step-grid{grid-template-columns:1fr;gap:9px}.stepped-form label{gap:5px;font-size:11px}.stepped-form input:not([type=checkbox]):not([type=radio]),.stepped-form select,.stepped-form textarea{min-height:42px;padding:9px 12px;border-radius:var(--radius-md)}.step-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:0}.step-actions button{width:100%;min-height:38px;padding:9px 12px}.result-detail-card{grid-template-columns:1fr}table,thead,tbody,th,td,tr{display:block}thead{display:none}td{border-bottom:0;padding:4px 0}tr{border-bottom:1px solid var(--border-primary);padding:8px 0}.crud-table,.crud-table thead,.crud-table tbody,.crud-table th,.crud-table td,.crud-table tr{display:block}.crud-table thead{display:none}.crud-table td{border-bottom:0;padding:8px 12px}.crud-table td:first-child{padding-top:12px;font-weight:600}.crud-table tbody tr{border-bottom:1px solid var(--border-primary);padding:0}.crud-table tbody tr:last-child{border-bottom:none}.crud-table td[data-label]:before{content:attr(data-label);display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:2px}.table-actions{padding:8px 12px 12px}.table-actions button{flex:1}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-full)}.dark ::-webkit-scrollbar-thumb{background:#ffffff26}