:root{--color-primary:#00a0e0;--color-primary-dark:#007db3;--color-primary-light:#e6f6fd;--color-accent:#00a0e0;--color-white:#fff;--color-bg:#f9fafb;--color-surface:#fff;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--color-text:#111827;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-success:#059669;--color-success-bg:#d1fae5;--color-error:#dc2626;--color-error-bg:#fee2e2;--color-warning:#d97706;--color-warning-bg:#fef3c7;--color-info:#2563eb;--color-info-bg:#dbeafe;--status-new:#6b7280;--status-pv:#2563eb;--status-med:#7c3aed;--status-qa:#0891b2;--status-closed:#059669;--font-family:"Montserrat", "Segoe UI", system-ui, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--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;--space-16:4rem;--max-width-content:900px;--max-width-admin:1400px;--sidebar-width:240px;--header-height:60px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--transition-fast:.15s ease;--transition-base:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:Montserrat,Segoe UI,system-ui,sans-serif;font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast), opacity var(--transition-fast);white-space:nowrap;border:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn--secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border-strong)}.btn--secondary:hover:not(:disabled){background:var(--color-border)}.btn--danger{background:var(--color-error);color:#fff}.btn--danger:hover:not(:disabled){background:#b91c1c}.btn--med{background:var(--status-med);color:#fff}.btn--med:hover:not(:disabled){background:#6d28d9}.btn--qa{background:var(--status-qa);color:#fff}.btn--qa:hover:not(:disabled){background:#0e7490}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.btn--lg{padding:var(--space-3) var(--space-8);font-size:var(--font-size-base)}.form-group{gap:var(--space-1);margin-bottom:var(--space-4);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.form-label-id{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:-2px}.form-label--required:after{content:" *";color:var(--color-error)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text);background:var(--color-white);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-input--error,.form-select--error,.form-textarea--error{border-color:var(--color-error)}.form-input--error:focus,.form-select--error:focus{box-shadow:0 0 0 3px var(--color-error-bg)}.form-error{font-size:var(--font-size-xs);color:var(--color-error)}.form-textarea{resize:vertical;min-height:80px}.card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.status-badge{padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;display:inline-block}.status--new{color:var(--status-new);background:#f3f4f6}.status--pv{color:var(--status-pv);background:#dbeafe}.status--pv-review{color:#b45309;background:#fef3c7}.status--med{color:var(--status-med);background:#ede9fe}.status--med-done{color:#7e22ce;background:#f3e8ff}.status--qa{color:var(--status-qa);background:#cffafe}.status--qa-done{color:#0369a1;background:#e0f2fe}.status--closed{background:var(--color-success-bg);color:var(--status-closed)}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}thead th{background:var(--color-bg);padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap}tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);vertical-align:middle}tbody tr:hover{background:var(--color-bg)}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-6)}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--color-text-secondary)}.toast-container{bottom:var(--space-6);right:var(--space-6);z-index:9999;gap:var(--space-2);flex-direction:column;max-width:360px;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);animation:.2s slide-in;display:flex}@keyframes slide-in{0%{opacity:0;transform:translate(100%)}}.toast--success{background:var(--color-success-bg);color:var(--color-success);border-left:4px solid var(--color-success)}.toast--error{background:var(--color-error-bg);color:var(--color-error);border-left:4px solid var(--color-error)}.toast--info{background:var(--color-info-bg);color:var(--color-info);border-left:4px solid var(--color-info)}.toast--warning{background:var(--color-warning-bg);color:var(--color-warning);border-left:4px solid var(--color-warning)}.toast__close{cursor:pointer;font-size:var(--font-size-base);color:inherit;background:0 0;border:none;margin-left:auto;line-height:1}@media (width<=768px){.hide-mobile{display:none}.card{padding:var(--space-4)}}