:root{--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "SF Mono", Menlo, monospace;--color-bg: #f1f5f9;--color-surface: #ffffff;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-text: #0f172a;--color-text-muted: #64748b;--color-text-subtle: #94a3b8;--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-primary-muted: #eef2ff;--color-danger: #dc2626;--color-danger-bg: #fef2f2;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 40px rgba(15, 23, 42, .12);--focus-ring: 0 0 0 3px rgba(79, 70, 229, .25)}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased}body{margin:0;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.5}code{font-family:var(--font-mono);font-size:.88em;padding:.15em .4em;background:#f1f5f9;border-radius:4px;color:#334155}.page{max-width:1100px}.page-header{margin-bottom:1.5rem}.page-header h1{margin:0 0 .35rem;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.page-lead,.page .muted{margin:0;font-size:.9375rem;color:var(--color-text-muted);max-width:42rem;line-height:1.55}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.25rem 1.35rem;margin-bottom:1.25rem}.panel-title{margin:0 0 1rem;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.panel .panel-title:first-child{margin-top:-.15rem}.form-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 640px){.form-grid.cols-2{grid-template-columns:repeat(2,1fr)}}.field{display:flex;flex-direction:column;gap:.4rem}.field-label{font-size:.8125rem;font-weight:600;color:var(--color-text)}.field-hint{font-size:.75rem;color:var(--color-text-subtle);margin:0;line-height:1.4}.input,.select,.textarea{width:100%;padding:.55rem .75rem;font-size:.9375rem;font-family:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);transition:border-color .15s,box-shadow .15s}.input:hover,.select:hover,.textarea:hover{border-color:#94a3b8}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.input:disabled,.select:disabled,.textarea:disabled{opacity:.65;cursor:not-allowed;background:#f8fafc}.textarea,textarea.input{resize:vertical;min-height:4.5rem}textarea.code-area{font-family:var(--font-mono);font-size:.8125rem;line-height:1.45}select.select:not([multiple]){min-height:2.75rem;cursor:pointer;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-surface);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'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center;background-size:1rem}select.select:not([multiple]):hover{background-color:#fafbfc}select.select:not([multiple]):focus{background-color:var(--color-surface)}select.select[multiple]{min-height:12rem;padding:.35rem;cursor:default;line-height:1.5}select.select[multiple] option{padding:.45rem .6rem;border-radius:4px;margin:2px 0}select.select[multiple] option:checked{background:linear-gradient(0deg,var(--color-primary-muted),var(--color-primary-muted));color:var(--color-text)}.picker{display:flex;flex-direction:column;gap:.75rem;max-width:36rem}.picker-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.picker-list{margin:0;padding:.35rem;list-style:none;max-height:min(320px,55vh);overflow-y:auto;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:#fafbfc;box-shadow:inset 0 1px 2px #0f172a0a}.picker-row{display:flex;align-items:flex-start;gap:.65rem;padding:.55rem .65rem;border-radius:var(--radius-sm);cursor:pointer;transition:background .1s}.picker-row:hover{background:#f1f5f9}.picker-row:focus-within{background:#eef2ff}.picker-row input[type=checkbox]{width:1.2rem;height:1.2rem;min-width:1.2rem;margin-top:.15rem;accent-color:var(--color-primary);cursor:pointer}.picker-row-text{flex:1;min-width:0}.picker-row-name{font-weight:600;font-size:.875rem;color:var(--color-text);word-break:break-word}.picker-row-id{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted)}.picker-empty{padding:1.25rem;text-align:center;font-size:.875rem;color:var(--color-text-muted)}.field-check{flex-direction:row;align-items:center;gap:.5rem}.field-check .field-label{font-weight:500;cursor:pointer}.field-check input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--color-primary);cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;font-family:inherit;line-height:1.25;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 1px 2px #4f46e540}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.btn-danger{background:var(--color-surface);color:var(--color-danger);border-color:#fecaca}.btn-danger:hover:not(:disabled){background:var(--color-danger-bg);border-color:#f87171}.btn-ghost{background:transparent;color:var(--color-primary);border-color:transparent;padding-left:.35rem;padding-right:.35rem;font-weight:500}.btn-ghost:hover:not(:disabled){background:var(--color-primary-muted)}.btn-sm{padding:.3rem .55rem;font-size:.8125rem}.btn-block{width:100%}.toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.65rem;margin-bottom:1.25rem}.toolbar .field{flex:1;min-width:180px;max-width:280px}.table-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm)}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{text-align:left;padding:.65rem 1rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:#f8fafc;border-bottom:1px solid var(--color-border)}.data-table td{padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#fafbfc}.data-table .mono{font-family:var(--font-mono);font-size:.8125rem}.alert{padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.875rem;margin:0 0 1rem}.alert-error{background:var(--color-danger-bg);color:#991b1b;border:1px solid #fecaca}.pager{display:flex;align-items:center;gap:.75rem;margin-top:1rem;font-size:.875rem;color:var(--color-text-muted)}.pager .btn{min-width:2.25rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-panel{width:100%;max-width:440px;max-height:min(90vh,720px);overflow:auto;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:1.5rem;border:1px solid var(--color-border)}.modal-panel h3{margin:0 0 1rem;font-size:1.125rem;font-weight:700}.modal-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:linear-gradient(155deg,#e0e7ff,#f1f5f9 45%,#f8fafc)}.login-card{width:100%;max-width:400px;padding:2rem;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.login-card h1{margin:0 0 .25rem;font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:var(--color-text)}.login-badge{display:inline-block;margin-bottom:1.25rem;font-size:.75rem;font-weight:600;color:var(--color-primary);background:var(--color-primary-muted);padding:.2rem .5rem;border-radius:999px}.login-card .field{margin-bottom:1rem}.login-card .btn-primary{width:100%;margin-top:.25rem;padding:.65rem 1rem;font-size:.9375rem}.layout-content{min-height:100vh}