:root{--border: #d9dee7;--border-strong: #c7cfdd;--bg-soft: #f7f9fc;--surface: #ffffff;--surface-2: #f9fafb;--text: #1f2937;--muted: #6b7280;--primary: #2563eb;--flash-success-bg: #e9f7ef;--flash-success-fg: #1e4620;--flash-success-border: #b7e1c1;--flash-error-bg: #fff1f2;--flash-error-fg: #9f1239;--flash-error-border: #fecdd3;--flash-info-bg: #eef2ff;--flash-info-fg: #1e3a8a;--flash-info-border: #c7d2fe;--info-banner-bg: #e8f1ff;--info-banner-fg: #0b3b89;--info-banner-border: #b9d4ff}body.dark{--border: #273244;--border-strong: #2f3b50;--bg-soft: #0b1220;--surface: #0f172a;--surface-2: rgba(17, 24, 39, .55);--text: #e5e7eb;--muted: #9ca3af;--primary: #60a5fa;--flash-success-bg: rgba(22, 101, 52, .18);--flash-success-fg: #bbf7d0;--flash-success-border: rgba(34, 197, 94, .25);--flash-error-bg: rgba(159, 18, 57, .22);--flash-error-fg: #fecdd3;--flash-error-border: rgba(251, 113, 133, .25);--flash-info-bg: rgba(30, 58, 138, .22);--flash-info-fg: #dbeafe;--flash-info-border: rgba(96, 165, 250, .28);--info-banner-bg: rgba(8, 47, 73, .55);--info-banner-fg: #bae6fd;--info-banner-border: rgba(125, 211, 252, .3);--card-border: rgba(148, 163, 184, .14);--card-border-strong: rgba(148, 163, 184, .22)}*{box-sizing:border-box}body{margin:0;background:var(--bg-soft);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2,h3,h4{color:var(--text)}label{display:inline-block;font-weight:500}input,select,textarea,button{font:inherit}input,select,textarea{border:1px solid var(--border);border-radius:8px;padding:7px 10px;background:var(--surface);transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f626}textarea{resize:vertical}input[type=checkbox],input[type=radio]{accent-color:var(--primary)}input:disabled,select:disabled,textarea:disabled{background:var(--bg-soft);color:var(--muted);cursor:not-allowed}body.dark input:disabled,body.dark select:disabled,body.dark textarea:disabled{background:#94a3b81f;border-color:#94a3b847;color:#e2e8f0ad;opacity:.78}body.dark input:disabled::placeholder,body.dark textarea:disabled::placeholder{color:#e2e8f073}body.dark input:-webkit-autofill,body.dark input:-webkit-autofill:hover,body.dark input:-webkit-autofill:focus,body.dark textarea:-webkit-autofill,body.dark select:-webkit-autofill{-webkit-text-fill-color:rgba(226,232,240,.92);box-shadow:0 0 0 1000px var(--surface) inset;transition:background-color 9999s ease-in-out 0s}body.dark input:disabled:-webkit-autofill,body.dark input:disabled:-webkit-autofill:hover,body.dark input:disabled:-webkit-autofill:focus{box-shadow:0 0 0 1000px #94a3b814 inset;-webkit-text-fill-color:rgba(226,232,240,.7)}button{border:1px solid var(--border-strong);border-radius:8px;padding:7px 12px;background:var(--surface);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}button:hover:not(:disabled){background:#94a3b826;border-color:#b6c0d1}button:active:not(:disabled){background:#94a3b838}button:disabled{opacity:.55;cursor:not-allowed}a{color:var(--primary)}hr{border:0;border-top:1px solid #e5e7eb}body.dark hr{border-top-color:#94a3b840}body.dark button{background:#111827a6;border-color:#94a3b838;color:var(--text)}body.dark button:hover:not(:disabled){background:#94a3b81a;border-color:#94a3b859}body.dark button:active:not(:disabled){background:#94a3b824}table{width:100%;border-collapse:collapse}th,td{padding:8px;border-bottom:1px solid #eef2f7;vertical-align:top}th{text-align:left;color:#374151}body.dark th,body.dark td{border-bottom-color:#94a3b82e}body.dark th{color:#cbd5e1}tbody tr:hover td{background:#94a3b814}body.dark tbody tr:hover td{background:#94a3b81a}section[style*="border-radius: 10px"][style*="border:"],section[style*="border-radius: 12px"][style*="border:"],div[style*="border-radius: 10px"][style*="border:"],div[style*="border-radius: 12px"][style*="border:"]{box-shadow:0 1px 2px #0f172a0a;background:var(--surface);border-color:var(--border)!important}body.dark section[style*="border-radius: 10px"][style*="border:"],body.dark section[style*="border-radius: 12px"][style*="border:"],body.dark div[style*="border-radius: 10px"][style*="border:"],body.dark div[style*="border-radius: 12px"][style*="border:"]{border-color:var(--card-border)!important;box-shadow:0 1px 2px #00000052}.form-grid{display:grid;gap:10px}.field{display:grid;gap:4px}.field-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.field-label{font-weight:600;color:var(--text)}.required-mark{color:#dc2626;margin-left:2px}.field-help{font-size:12px;color:var(--muted)}.field-help.error{color:#b91c1c}.field-help.success{color:#166534}input::placeholder,textarea::placeholder{color:#9ca3af}label>.field-label{display:block;margin-bottom:4px}.page-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:0 1px 2px #0f172a0a}body.dark .page-card{border-color:var(--card-border);box-shadow:0 1px 2px #00000059}body.dark input:focus,body.dark select:focus,body.dark textarea:focus{border-color:#60a5fae6;box-shadow:0 0 0 3px #60a5fa2e}body.dark input,body.dark select,body.dark textarea{background:#111827b3;color:var(--text)}body.dark input:-webkit-autofill,body.dark input:-webkit-autofill:hover,body.dark input:-webkit-autofill:focus,body.dark textarea:-webkit-autofill,body.dark select:-webkit-autofill{-webkit-text-fill-color:var(--text);transition:background-color 5000s ease-in-out 0s;box-shadow:0 0 0 1000px #111827b3 inset;caret-color:var(--text)}body.dark input::placeholder,body.dark textarea::placeholder{color:#9ca3afbf}body.dark,body.dark *{scrollbar-color:rgba(148,163,184,.45) rgba(17,24,39,.35)}body.dark ::-webkit-scrollbar{width:10px;height:10px}body.dark ::-webkit-scrollbar-track{background:#11182759;border-radius:10px}body.dark ::-webkit-scrollbar-thumb{background:#94a3b861;border-radius:10px;border:2px solid rgba(17,24,39,.35)}body.dark ::-webkit-scrollbar-thumb:hover{background:#94a3b885}.info-banner{background:var(--info-banner-bg);border:1px solid var(--info-banner-border);color:var(--info-banner-fg);padding:10px 12px;border-radius:10px;margin-top:12px;font-size:14px}.app-shell{padding-inline:clamp(10px,2vw,24px)}.responsive-table-wrap{width:100%;overflow-x:auto}.responsive-table-wrap table{min-width:640px}@media (max-width: 980px){body{font-size:15px}input,select,textarea,button{max-width:100%}.responsive-table-wrap table{min-width:560px}}@media (max-width: 768px){th,td{padding:6px}.page-card{padding:12px}.responsive-table-wrap table{min-width:520px}}.app-container{max-width:1120px;margin:0 auto;padding:16px clamp(12px,2vw,24px) 28px}.app-header{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.app-title-group,.app-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.app-brand{text-decoration:none;color:inherit}.app-subtitle{opacity:.7;font-size:14px}.page-stack{display:grid;gap:16px}.page-intro{margin-top:0;opacity:.78}.section-card{border:1px solid var(--border);border-radius:12px;padding:16px;background:var(--surface);box-shadow:0 1px 2px #0f172a0a}.form-section{display:grid;gap:10px}.form-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.form-label{min-width:140px;margin:0}.form-control-320{width:min(320px,100%)}.form-control-260{width:min(260px,100%)}.form-control-180{width:min(180px,100%)}.form-button-150{width:min(150px,100%)}.action-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.muted-text{color:var(--muted)}@media (max-width: 900px){.app-container{max-width:100%}.form-row{align-items:stretch}.form-label{min-width:100%}.action-row{margin-left:0!important}input[style*="width: 320"],select[style*="width: 320"],textarea[style*="width: 320"],input[style*="width: 260"],select[style*="width: 260"],textarea[style*="width: 260"],input[style*="width: 240"],select[style*="width: 240"],textarea[style*="width: 240"],input[style*="width: 220"],select[style*="width: 220"],textarea[style*="width: 220"],input[style*="width: 200"],select[style*="width: 200"],textarea[style*="width: 200"],input[style*="width: 180"],select[style*="width: 180"],textarea[style*="width: 180"],button[style*="width: 150"],button[style*="width: 160"]{width:100%!important;max-width:100%}}@media (max-width: 768px){.app-header{align-items:flex-start}.app-title-group,.app-actions{width:100%;justify-content:space-between}.section-card,.page-card{padding:14px}.responsive-table-wrap table{min-width:480px}}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;align-items:start}.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.section-scroll{border:1px solid var(--border);border-radius:8px;padding:6px 8px;background:var(--surface)}.inline-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.helper-text{color:var(--muted);font-size:13px}@media (max-width: 900px){.dashboard-grid{grid-template-columns:1fr;gap:16px}.page-toolbar{align-items:flex-start}.section-scroll{padding:6px}}.app-footer{margin-top:20px;padding:14px 0 0;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px 24px;color:var(--muted);font-size:13px}.app-footer__left,.app-footer__right{min-width:0}body.dark .app-footer{border-top-color:var(--card-border)}@media (max-width: 768px){.app-footer{flex-direction:column;align-items:flex-start;padding-top:12px}}