:root,[data-theme=default]{--bg: #0f172a;--surface: #1e293b;--surface-hover: #334155;--border: #475569;--text: #f8fafc;--text-muted: #94a3b8;--accent: #38bdf8;--danger: #f87171}[data-theme=bootes]{--bg: #0c0d0e;--surface: #1a1d21;--surface-hover: #22262b;--border: #3d4248;--text: #f6f7f8;--text-muted: #8b8f95;--accent: #c4a35a;--danger: #e07a7a}[data-theme=ocean]{--bg: #0f172a;--surface: #1e3a5f;--surface-hover: #2d4a6f;--border: #475569;--text: #f0f9ff;--text-muted: #94a3b8;--accent: #2dd4bf;--danger: #f87171}:root{--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Plus Jakarta Sans", var(--font-sans);--text-primary: #1E293B;--text-secondary: #64748B}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.5;overflow-x:hidden;-webkit-tap-highlight-color:transparent}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,.btn{cursor:pointer;padding:.5rem 1rem;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.9375rem}button:hover,.btn:hover{background:var(--surface-hover)}button.primary,.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}button.danger,.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}input,select,textarea{padding:.5rem .75rem;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.9375rem;width:100%}label{display:block;margin-bottom:.25rem;color:var(--text-muted);font-size:.875rem}.form-group{margin-bottom:1rem}.form-row{display:flex;gap:1rem;flex-wrap:wrap}.form-row .form-group{flex:1;min-width:140px}table{width:100%;border-collapse:collapse}th,td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--text-muted);font-weight:600;font-size:.875rem}.card{background:var(--surface);border-radius:8px;border:1px solid var(--border);padding:1.25rem;margin-bottom:1rem}.main{--input-bg: #ffffff;--input-border: #e2e8f0;--input-border-hover: #cbd5e1;--input-focus-ring: rgba(59, 130, 246, .25);--input-text: #0f172a;--input-placeholder: #94a3b8;--btn-primary-bg: #2563eb;--btn-primary-hover: #1d4ed8;--btn-secondary-border: #e2e8f0;--btn-secondary-hover: #f1f5f9;color:var(--text-primary);background:#f8fafc;min-height:100%;overflow-x:auto}.main .form-card,.main .card form{--form-row-gap: 1.25rem;--form-col-gap: 1.5rem;--input-min-height: 2.75rem;--input-padding-x: .875rem;--input-padding-y: .625rem}.main .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--form-row-gap, 1.25rem) var(--form-col-gap, 1.5rem);align-items:start;margin-bottom:var(--form-row-gap, 1.25rem)}.main .form-row:last-of-type{margin-bottom:0}@media (max-width: 560px){.main .form-row{grid-template-columns:1fr}}.main .form-group{display:flex;flex-direction:column;min-width:0;margin-bottom:0}.main .form-group.form-group--full{grid-column:1/-1}.main form>.form-group{margin-bottom:var(--form-row-gap, 1.25rem)}.main form>.form-group:last-child{margin-bottom:0}.main .form-row:has(.form-group--full)+.form-row{margin-top:var(--form-row-gap, 1.25rem)}.main input:not([type=checkbox]):not([type=radio]):not([type=file]),.main select,.main textarea{width:100%;min-height:var(--input-min-height, 2.75rem);padding:var(--input-padding-y, .625rem) var(--input-padding-x, .875rem);background:var(--input-bg);color:var(--input-text);border:1px solid var(--input-border);border-radius:8px;font-size:.9375rem;line-height:1.5;transition:border-color .2s ease,box-shadow .2s ease}.main input:not([type=checkbox]):not([type=radio]):not([type=file]):not(:focus):hover,.main select:not(:focus):hover,.main textarea:not(:focus):hover{border-color:var(--input-border-hover)}.main input[type=file]{width:100%;padding:var(--input-padding-y, .625rem) 0;font-size:.875rem;color:var(--input-text)}.main input::placeholder,.main textarea::placeholder{color:var(--input-placeholder)}.main input:hover,.main select:hover,.main textarea:hover{border-color:var(--input-border-hover)}.main input:focus,.main select:focus,.main textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px var(--input-focus-ring)}.main textarea{min-height:5rem;resize:vertical}.main label{display:block;color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:.375rem;line-height:1.4}.main .btn{padding:.625rem 1.25rem;border-radius:8px;font-weight:500;transition:background .2s,border-color .2s,box-shadow .2s}.main .btn.primary{background:var(--btn-primary-bg);border-color:var(--btn-primary-bg);color:#fff}.main .btn.primary:hover:not(:disabled){background:var(--btn-primary-hover);border-color:var(--btn-primary-hover);box-shadow:0 2px 8px #2563eb59}.main .btn:not(.primary):not(.danger){background:#fff;border:1px solid var(--btn-secondary-border);color:var(--text-primary)}.main .btn:not(.primary):not(.danger):hover{background:var(--btn-secondary-hover);border-color:#cbd5e1}.main .btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--input-focus-ring)}.main .btn:disabled{opacity:.6;cursor:not-allowed}.main select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.25rem}.main input[type=checkbox]{width:1.125rem;height:1.125rem;accent-color:#2563eb;cursor:pointer}.main .hint{display:block;margin-top:.375rem;font-size:.8125rem;color:var(--text-secondary)}.main .card{background:#fff;border-radius:12px;border:1px solid #E2E8F0;padding:24px;box-shadow:0 1px 3px #0000000f;margin-bottom:24px;transition:box-shadow .2s ease}.main .card:hover{box-shadow:0 4px 12px #0000000f}.main .card:last-child{margin-bottom:0}.main .page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.main .btn-link{background:none;border:none;padding:0;font-size:.875rem;font-weight:500;color:#2563eb;cursor:pointer;transition:color .2s}.main .btn-link:hover{color:#1d4ed8;text-decoration:underline}.main .btn-link.danger{color:#dc2626}.main .btn-link.danger:hover{color:#b91c1c}.main .error{padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:.875rem;margin-bottom:1rem}.main h1,.main h2,.main h3{margin-bottom:16px}.main h1{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:#0f172a}.main h2{font-size:1.125rem;font-weight:600;color:#334155}.main .page-sections{display:flex;flex-direction:column;gap:24px}.main table{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;width:100%;border-collapse:collapse}.main .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px 1rem}.main .table-wrap table{min-width:600px}.main thead th{background:#f8fafc;color:var(--text-secondary);font-weight:600;font-size:.875rem;padding:12px 16px;text-align:left;border-bottom:1px solid #E2E8F0}.main tbody td{padding:12px 16px;border-bottom:1px solid #E2E8F0;text-align:left}.main tbody tr:hover{background:#f1f5f9}.main th.num,.main td.num{text-align:right}.main .muted,.main .text-secondary{color:var(--text-secondary)}