:root{--color-primary:#14b8a6;--color-primary-dark:#0d9488;--color-primary-light:#5eead4;--color-pending:#ef4444;--color-in-progress:#f59e0b;--color-completed:#22c55e;--color-cancelled:#6b7280;--color-info:#3b82f6;--color-critical:#dc2626;--color-high:#ef4444;--color-medium:#f59e0b;--color-low:#3b82f6;--color-bg:#f9fafb;--color-bg-alt:#f3f4f6;--color-card:#fff;--color-drawer-bg:#1f2937;--color-drawer-hover:#374151;--color-drawer-selected:#14b8a6;--color-drawer-text:#e5e7eb;--color-drawer-muted:#9ca3af;--color-drawer-divider:#374151;--color-text:#111827;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-text-white:#fff;--color-text-disabled:#d1d5db;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--color-bg);color:var(--color-text);max-width:100vw;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%;display:block}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:.45rem;padding:.65rem 1.25rem;font-size:.9375rem;font-weight:500;transition:background .2s,transform .15s,box-shadow .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 12px #14b8a64d}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:0 6px 20px #14b8a666}.btn-block{justify-content:center;width:100%}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.page-header h2{color:var(--color-text);font-size:1.5rem;font-weight:700}.search-input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);width:100%;max-width:320px;color:var(--color-text);margin-bottom:1rem;padding:.45rem .75rem;font-size:.875rem}.search-input:focus{border-color:var(--color-primary);outline:none}.filter-bar{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.filter-bar .search-input{margin-bottom:0}.filter-select{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);color:var(--color-text);min-width:160px;padding:.45rem .75rem;font-size:.875rem}.filter-select:focus{border-color:var(--color-primary);outline:none}.filter-row th{background:var(--color-bg);padding:.4rem 1rem .75rem}.col-filter-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-card);width:100%;color:var(--color-text);text-transform:none;letter-spacing:normal;padding:.35rem .5rem;font-size:.8125rem;font-weight:400}select.col-filter-input{min-width:150px;padding-right:1.75rem}.col-filter-input:focus{border-color:var(--color-primary);outline:none}.col-filter-date-range{gap:.3rem;display:flex}.data-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:auto hidden}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:.75rem 1rem;font-size:.8rem;font-weight:700}.data-table td{color:var(--color-text);border-bottom:1px solid var(--color-border);padding:.875rem 1rem;font-size:.9375rem}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--color-bg)}.row-actions{gap:.4rem;display:flex}.btn-icon{background:var(--color-bg-alt);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.35rem .5rem;font-size:.95rem;transition:background .2s}.btn-icon:hover{background:var(--color-border-strong)}.btn-icon-danger:hover{background:#fee2e2}.btn-danger{background:var(--color-high);color:#fff}.btn-danger:hover{background:var(--color-critical)}.btn-secondary{background:var(--color-border);color:var(--color-text-secondary);border:1px solid var(--color-border-strong)}.btn-secondary:hover{background:var(--color-border-strong)}.btn-outline-danger{color:var(--color-high);border:1px solid var(--color-high);background:0 0}.btn-outline-danger:hover{background:#fee2e2}.btn-sm{padding:.25rem .65rem;font-size:.8rem}.empty-state{text-align:center;color:var(--color-text-muted);padding:3rem 1rem;font-size:.9375rem}.badge{border-radius:var(--radius-full);white-space:nowrap;padding:.18rem .6rem;font-size:.72rem;font-weight:700;display:inline-block}.badge-completed{color:#166534;background:#dcfce7}.badge-cancelled{color:#6b7280;background:#f3f4f6}.badge-pending{color:#991b1b;background:#fee2e2}.badge-inprogress{color:#92400e;background:#fef3c7}.badge-low{color:#1d4ed8;background:#dbeafe}.badge-medium{color:#92400e;background:#fef3c7}.badge-high{color:#991b1b;background:#fee2e2}.badge-critical{color:#fff;background:#dc2626}.badge-status-open{color:#475569;background:#e2e8f0}.badge-status-progress{color:#0f766e;background:#ccfbf1}.badge-status-hold{color:#6d28d9;background:#ede9fe}.modal-backdrop{z-index:8000;opacity:0;pointer-events:none;background:#00000073;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.modal-backdrop.show{opacity:1;pointer-events:all}.modal{background:var(--color-card);border-radius:var(--radius-xl);width:min(480px,100vw - 2rem);box-shadow:var(--shadow-lg);max-height:90vh;padding:2rem;transition:transform .25s;overflow-y:auto;transform:scale(.96)}.modal-backdrop.show .modal{transform:scale(1)}.modal-title{color:var(--color-text);margin-bottom:1.25rem;font-size:1.125rem;font-weight:700}.modal-body{color:var(--color-text-secondary);margin-bottom:1.5rem}.modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.form-group{margin-bottom:1.1rem}.form-group label{color:var(--color-text-secondary);margin-bottom:.35rem;font-size:.85rem;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);padding:.65rem .875rem;font-family:inherit;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);background:#fff;outline:none;box-shadow:0 0 0 3px #14b8a61f}.form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.optional{color:var(--color-text-muted);font-size:.78rem;font-weight:400}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.page-fade{animation:.28s fadeIn}@keyframes spin{to{transform:rotate(360deg)}}