:root{--c-neutral-50: #f8fafc;--c-neutral-100: #f1f5f9;--c-neutral-200: #e2e8f0;--c-neutral-300: #cbd5e1;--c-neutral-400: #94a3b8;--c-neutral-500: #64748b;--c-neutral-600: #475569;--c-neutral-700: #334155;--c-neutral-800: #1e293b;--c-neutral-900: #0f172a;--c-accent-50: #eff6ff;--c-accent-100: #dbeafe;--c-accent-200: #bfdbfe;--c-accent-500: #3b82f6;--c-accent-600: #2563eb;--c-accent-700: #1d4ed8;--c-accent-800: #1e40af;--c-success-50: #ecfdf5;--c-success-200: #a7f3d0;--c-success-600: #059669;--c-success-800: #065f46;--c-warning-50: #fffbeb;--c-warning-200: #fde68a;--c-warning-600: #d97706;--c-warning-800: #92400e;--c-danger-50: #fef2f2;--c-danger-200: #fecaca;--c-danger-600: #dc2626;--c-danger-700: #b91c1c;--c-danger-800: #991b1b;--c-info-50: #ecfeff;--c-info-200: #a5f3fc;--c-info-600: #0891b2;--c-info-800: #155e75;--c-bg: var(--c-neutral-100);--c-surface: #ffffff;--c-surface-muted: var(--c-neutral-50);--c-border: var(--c-neutral-200);--c-border-strong: var(--c-neutral-300);--c-text: var(--c-neutral-800);--c-text-muted: var(--c-neutral-500);--c-text-subtle: var(--c-neutral-400);--c-text-inverse: #ffffff;--c-sidebar-bg: var(--c-neutral-900);--c-sidebar-bg-hover: var(--c-neutral-800);--c-sidebar-text: var(--c-neutral-300);--c-sidebar-text-active: #ffffff;--c-sidebar-border: var(--c-neutral-800);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(15 23 42 / .04);--shadow-sm: 0 1px 3px 0 rgb(15 23 42 / .06), 0 1px 2px -1px rgb(15 23 42 / .06);--shadow-md: 0 4px 6px -1px rgb(15 23 42 / .07), 0 2px 4px -2px rgb(15 23 42 / .05);--shadow-lg: 0 10px 15px -3px rgb(15 23 42 / .08), 0 4px 6px -4px rgb(15 23 42 / .05);--shadow-xl: 0 20px 25px -5px rgb(15 23 42 / .1), 0 8px 10px -6px rgb(15 23 42 / .06);--focus-ring: 0 0 0 3px var(--c-accent-200);--focus-ring-danger: 0 0 0 3px var(--c-danger-200);--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition-base: .18s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 250px;--content-max: 1440px}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-base: 0ms}}:root{--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--topbar-height: 56px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight);color:var(--c-neutral-900);font-weight:var(--weight-semibold);letter-spacing:-.011em}h1{font-size:var(--text-3xl);font-weight:var(--weight-bold)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-base)}a{color:var(--c-accent-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--c-accent-700);text-decoration:underline}code{font-family:var(--font-mono);font-size:.9em;background:var(--c-neutral-100);padding:.1em .35em;border-radius:var(--radius-sm);color:var(--c-neutral-700)}:focus-visible{outline:2px solid var(--c-accent-600);outline-offset:2px;border-radius:var(--radius-sm)}button{cursor:pointer;border:1px solid transparent;background:var(--c-accent-600);color:var(--c-text-inverse);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1.4;transition:background var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}button:hover:not(:disabled){background:var(--c-accent-700)}button:focus-visible{outline:none;box-shadow:var(--focus-ring)}button:disabled{opacity:.55;cursor:not-allowed}input,select,textarea{font-family:inherit;font-size:var(--text-sm);color:var(--c-text);background:var(--c-surface);padding:var(--space-2) var(--space-3);border:1px solid var(--c-border-strong);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--c-neutral-400)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--c-accent-500);box-shadow:var(--focus-ring)}input::placeholder,textarea::placeholder{color:var(--c-text-subtle)}input:disabled,select:disabled,textarea:disabled{background:var(--c-neutral-100);color:var(--c-text-muted);cursor:not-allowed}textarea{line-height:var(--leading-normal);resize:vertical}label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--c-neutral-700)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:var(--space-6)}.page-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.page-title{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--c-neutral-900)}.page-subtitle{font-size:var(--text-sm);color:var(--c-text-muted);margin-top:var(--space-1)}.section-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--c-neutral-800);margin-bottom:var(--space-4)}.btn-secondary{background:var(--c-surface);color:var(--c-neutral-700);border-color:var(--c-border-strong)}.btn-secondary:hover:not(:disabled){background:var(--c-neutral-50);border-color:var(--c-neutral-400)}.btn-danger{background:var(--c-danger-600)}.btn-danger:hover:not(:disabled){background:var(--c-danger-700)}.btn-danger:focus-visible{box-shadow:var(--focus-ring-danger)}.btn-ghost{background:transparent;color:var(--c-neutral-600)}.btn-ghost:hover:not(:disabled){background:var(--c-neutral-100);color:var(--c-neutral-900)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.15rem var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.5;border:1px solid transparent;white-space:nowrap}.badge-neutral{background:var(--c-neutral-100);color:var(--c-neutral-700);border-color:var(--c-neutral-200)}.badge-success{background:var(--c-success-50);color:var(--c-success-800);border-color:var(--c-success-200)}.badge-warning{background:var(--c-warning-50);color:var(--c-warning-800);border-color:var(--c-warning-200)}.badge-danger{background:var(--c-danger-50);color:var(--c-danger-800);border-color:var(--c-danger-200)}.badge-info{background:var(--c-info-50);color:var(--c-info-800);border-color:var(--c-info-200)}.badge-accent{background:var(--c-accent-50);color:var(--c-accent-800);border-color:var(--c-accent-200)}.table-wrap{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table thead th{background:var(--c-surface-muted);color:var(--c-neutral-600);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em;text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--c-border);white-space:nowrap}.table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--c-neutral-100);color:var(--c-neutral-700);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--c-neutral-50)}.table-actions{display:flex;gap:var(--space-2);align-items:center}.empty-state{padding:var(--space-10) var(--space-6);text-align:center;color:var(--c-text-muted)}.empty-state-title{font-weight:var(--weight-medium);color:var(--c-neutral-700);margin-bottom:var(--space-1)}.form-grid{display:grid;gap:var(--space-5)}.form-field{display:flex;flex-direction:column;gap:var(--space-2)}.form-hint{font-size:var(--text-xs);color:var(--c-text-muted)}.required-mark{color:var(--c-danger-600)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--text-sm)}.alert-error{background:var(--c-danger-50);color:var(--c-danger-800);border-color:var(--c-danger-200)}.alert-success{background:var(--c-success-50);color:var(--c-success-800);border-color:var(--c-success-200)}.alert-warning{background:var(--c-warning-50);color:var(--c-warning-800);border-color:var(--c-warning-200)}.alert-info{background:var(--c-accent-50);color:var(--c-accent-800);border-color:var(--c-accent-200)}@media (hover: hover){::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-neutral-300);border-radius:var(--radius-full);border:2px solid var(--c-bg)}::-webkit-scrollbar-thumb:hover{background:var(--c-neutral-400)}}@keyframes toast-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion: reduce){@keyframes toast-in{0%{opacity:1;transform:none}to{opacity:1;transform:none}}}.app-shell{display:flex;min-height:100vh}.app-sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--c-sidebar-bg);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:100}.app-main{flex:1;min-width:0;padding:var(--space-8);background:var(--c-bg)}.app-main-inner{max-width:var(--content-max);margin:0 auto}.app-topbar,.app-sidebar-backdrop{display:none}@media (max-width: 1023px){.app-shell{display:block}.app-topbar{display:flex;align-items:center;gap:var(--space-3);height:var(--topbar-height);padding:0 var(--space-4);background:var(--c-sidebar-bg);position:sticky;top:0;z-index:90}.app-sidebar{position:fixed;top:0;left:0;height:100vh;transform:translate(-100%);visibility:hidden;transition:transform var(--transition-base),visibility var(--transition-base);box-shadow:none;z-index:200}.app-sidebar[data-open=true]{transform:translate(0);visibility:visible;box-shadow:var(--shadow-xl)}.app-sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:150}.app-main{padding:var(--space-5)}}@media (max-width: 640px){.app-main{padding:var(--space-4)}.page-title{font-size:var(--text-2xl)}.page-header{flex-direction:column;align-items:stretch;gap:var(--space-3)}.page-header>button,.page-header>.page-header-actions{width:100%}.page-header-actions{display:flex;gap:var(--space-2)}.page-header-actions>button{flex:1}}.grid-2,.grid-3{display:grid;gap:var(--space-4)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 768px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}}@media (max-width: 640px){.hide-sm{display:none!important}}@media (max-width: 768px){.table-cards thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.table-cards,.table-cards tbody,.table-cards tr,.table-cards td{display:block;width:auto}.table-cards tr{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--c-border)}.table-cards tr:last-child{border-bottom:none}.table-cards td{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-1) 0;border-bottom:none;text-align:right}.table-cards td:before{content:attr(data-label);flex-shrink:0;font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-muted);text-align:left}.table-cards td:not([data-label]){justify-content:flex-end;padding-top:var(--space-3)}.table-cards td[data-label=""]:before{content:none}.table-cards td[colspan]{display:block;text-align:center}.table-cards td[colspan]:before{content:none}.table-cards .table-actions{justify-content:flex-end}}@media (max-width: 768px){table:not(.table-cards){display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 640px){.modal-panel{margin-top:var(--space-4)!important;margin-bottom:var(--space-4)!important;border-radius:var(--radius-lg)!important}.modal-body,.modal-header{padding:var(--space-4)!important}}.template-card{display:flex;justify-content:space-between;align-items:center;gap:var(--space-5)}.template-card-actions{display:flex;gap:var(--space-2);flex-shrink:0}@media (max-width: 768px){.template-card{flex-direction:column;align-items:stretch;gap:var(--space-4)}.template-card-actions{flex-wrap:wrap}.template-card-actions>button{flex:1;min-width:90px}}.editor-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--space-5);align-items:start}@media (max-width: 1024px){.editor-shell{grid-template-columns:minmax(0,1fr)}}.editor-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);padding:var(--space-2);background:var(--c-neutral-50);border:1px solid var(--c-border);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0}.editor-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-width:30px;height:30px;padding:0 var(--space-2);background:transparent;color:var(--c-text);border:1px solid transparent;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer}.editor-toolbar button:hover{background:var(--c-surface);border-color:var(--c-border)}.editor-toolbar button:active,.editor-toolbar button[aria-pressed=true]{background:var(--c-accent-50);border-color:var(--c-accent-200);color:var(--c-accent-700)}.editor-toolbar select{height:30px;padding:0 var(--space-2);font-size:var(--text-xs);border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-surface);cursor:pointer}.editor-toolbar input[type=color]{width:30px;height:30px;padding:2px;border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-surface);cursor:pointer}.editor-toolbar-sep{width:1px;align-self:stretch;margin:2px var(--space-1);background:var(--c-border)}.editor-surface{min-height:600px;padding:var(--space-10);background:#fff;color:#111;border:1px solid var(--c-border);border-radius:0 0 var(--radius-md) var(--radius-md);outline:none;overflow:auto}.editor-surface:focus-visible{box-shadow:var(--focus-ring)}.editor-code{display:block;min-height:600px;width:100%;padding:var(--space-5);background:var(--c-neutral-900);color:var(--c-neutral-100);border:1px solid var(--c-neutral-900);border-radius:0 0 var(--radius-md) var(--radius-md);outline:none;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;resize:vertical}.tag-group{margin-bottom:var(--space-4)}.tag-group:last-child{margin-bottom:0}.tag-group-title{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-muted)}.tag-chip{display:block;width:100%;margin-bottom:var(--space-1);padding:var(--space-2);background:var(--c-neutral-50);color:var(--c-text);border:1px solid transparent;border-radius:var(--radius-sm);text-align:left;font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer}.tag-chip:hover{background:var(--c-accent-50);border-color:var(--c-accent-200);color:var(--c-accent-700)}.stat-grid{display:grid;gap:var(--space-5);margin-bottom:var(--space-6)}.stat-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.04em}.stat-value{margin-top:var(--space-2);font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);font-variant-numeric:tabular-nums}.stat-hint{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--c-text-muted)}.tablist{display:flex;flex-wrap:wrap;gap:var(--space-1);border-bottom:1px solid var(--c-border);margin-bottom:var(--space-6)}.tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);margin-bottom:-1px;background:transparent;color:var(--c-text-muted);border:none;border-bottom:2px solid transparent;border-radius:0;font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;white-space:nowrap}.tab:hover{background:transparent;color:var(--c-text);border-bottom-color:var(--c-border-strong)}.tab-active,.tab[aria-selected=true]{color:var(--c-accent-700);border-bottom-color:var(--c-accent-600);background:transparent}.tab:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.tab-count{padding:1px var(--space-2);background:var(--c-neutral-100);color:var(--c-text-muted);border-radius:var(--radius-full);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.tab[aria-selected=true] .tab-count{background:var(--c-accent-50);color:var(--c-accent-700)}@media (max-width: 768px){.tablist{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.tablist::-webkit-scrollbar{display:none}}.table tfoot .table-total td{background:var(--c-neutral-50);border-top:2px solid var(--c-border-strong);border-bottom:none;font-weight:var(--weight-semibold);color:var(--c-neutral-900);font-variant-numeric:tabular-nums}@media (max-width: 768px){.table-cards tfoot .table-total td{border-top:none}.table-cards tfoot .table-total{border-top:2px solid var(--c-border-strong)}}.report-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-5)}.report-filters{display:flex;flex-wrap:wrap;gap:var(--space-4)}.report-filter{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--c-text-muted);white-space:nowrap}@media (max-width: 640px){.report-head{align-items:stretch}.report-filters{flex-direction:column;gap:var(--space-3)}.report-filter{justify-content:space-between}}.report-filter-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-5)}.report-filter-bar .form-field{min-width:150px}.report-filter-bar .form-field>span{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--c-text-muted)}@media (max-width: 640px){.report-filter-bar{flex-direction:column;align-items:stretch}}.field-label{display:block;margin-bottom:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--c-text)}.field-input{width:100%;margin-top:var(--space-1)}.form-row{margin-bottom:var(--space-4)}.row-between{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}@media (max-width: 640px){.row-between{flex-direction:column;align-items:stretch}}.icon-label,.icon-label-sm{display:inline-flex;align-items:center}.icon-label{gap:var(--space-2)}.icon-label-sm{gap:var(--space-1)}.tag-box{padding:var(--space-3);background:var(--c-neutral-50);border:1px solid var(--c-border);border-radius:var(--radius-md)}.tag-code{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--c-accent-700)}.text-muted{color:var(--c-text-muted)}