:root{--navy:#1a1a2e;--navy2:#16213e;--accent:#0f3460;--blue:#2563eb;--gold:#f59e0b;--light:#e8edf2;--lighter:#f4f6fb;--white:#ffffff;--text:#1a1a2e;--muted:#6b7280;--border:#e5e7eb;--danger:#dc2626;--success:#16a34a;--warn:#d97706;--r:10px;--shadow:0 4px 20px rgba(0,0,0,.07);--shadow2:0 8px 32px rgba(0,0,0,.12)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:'Segoe UI',system-ui,Arial,sans-serif;color:var(--text);background:var(--lighter);line-height:1.6;min-height:100vh;overflow-x:hidden}img{max-width:100%}video{max-width:100%;height:auto}h1,h2,h3,h4{line-height:1.2;font-weight:700;overflow-wrap:break-word;word-break:break-word}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.flex{display:flex}.gap-sm{gap:.5rem}.gap{gap:1rem}.gap-lg{gap:1.5rem}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.text-right{text-align:right}.text-center{text-align:center}.mt-sm{margin-top:.5rem}.mt{margin-top:1rem}.mt-lg{margin-top:1.5rem}.mb{margin-bottom:1rem}.hidden{display:none !important}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-full{width:100%}.btn{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;border:2px solid transparent;transition:all .18s;white-space:nowrap;font-family:inherit;line-height:1}.btn:active{transform:scale(.97)}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--accent)}.btn-blue{background:var(--blue);color:#fff}.btn-blue:hover{background:#1d4ed8}.btn-outline{background:transparent;color:var(--navy);border-color:var(--navy)}.btn-outline:hover{background:var(--light)}.btn-ghost{background:transparent;color:var(--muted);border-color:var(--border)}.btn-ghost:hover{background:var(--light);color:var(--text)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{background:#b91c1c}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#15803d}.btn-sm{padding:.35rem .75rem;font-size:.82rem}.btn-xs{padding:.22rem .55rem;font-size:.75rem;border-radius:5px}.btn-add{background:var(--light);color:var(--accent);border:1.5px dashed var(--accent)}.btn-add:hover{background:#dce7f5}.btn-icon{padding:.45rem;border-radius:7px}.btn-icon svg{width:16px;height:16px}.field{display:flex;flex-direction:column;gap:.3rem}.field label{font-size:.78rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.field input,.field textarea,.field select{border:1.5px solid var(--border);border-radius:7px;padding:.5rem .75rem;font-size:.92rem;font-family:inherit;transition:border-color .18s,box-shadow .18s;background:var(--white);color:var(--text)}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.field textarea{resize:vertical;min-height:70px}.field input.invalid,.field textarea.invalid,.field select.invalid{border-color:#ef4444 !important;background:#fff8f8}.field-err{font-size:.74rem;color:#ef4444;min-height:.85rem;margin-top:-.1rem}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.form-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.card{background:var(--white);border-radius:var(--r);border:1px solid var(--border);padding:1.5rem;box-shadow:var(--shadow)}.card-sm{padding:1rem}.card h2{font-size:1rem;color:var(--navy);margin-bottom:1.2rem;padding-bottom:.6rem;border-bottom:2px solid var(--light);display:flex;align-items:center;gap:.5rem}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem}.stat-card{background:var(--white);border-radius:var(--r);border:1px solid var(--border);padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.3rem}.stat-card .label{font-size:.78rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.stat-card .value{font-size:1.9rem;font-weight:700;color:var(--navy)}.stat-card .sub{font-size:.8rem;color:var(--muted)}.stat-card.accent .value{color:var(--blue)}.stat-card.green .value{color:var(--success)}.stat-card.warn .value{color:var(--warn)}.table-wrap{overflow-x:auto;border-radius:var(--r);border:1px solid var(--border)}table.data{width:100%;border-collapse:collapse;font-size:.88rem}table.data thead{background:var(--navy)}table.data thead th{color:#fff;padding:.7rem 1rem;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;text-align:left;white-space:nowrap}table.data tbody tr{border-bottom:1px solid var(--border);transition:background .12s}table.data tbody tr:hover{background:var(--lighter)}table.data tbody td{padding:.7rem 1rem;vertical-align:middle}table.data tbody td.actions{white-space:nowrap;text-align:right;display:flex;gap:.5rem;justify-content:flex-end;align-items:center}table.data tbody td.actions .btn-xs{min-height:28px;min-width:28px;display:inline-flex;align-items:center;justify-content:center}.badge{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:20px;font-size:.72rem;font-weight:600;white-space:nowrap}.badge-blue{background:#dbeafe;color:#1e40af}.badge-green{background:#dcfce7;color:#15803d}.badge-yellow{background:#fef3c7;color:#92400e}.badge-red{background:#fee2e2;color:#991b1b}.badge-grey{background:var(--light);color:var(--muted)}.badge-navy{background:var(--navy);color:#fff}.badge-orange{background:#ffedd5;color:#c2410c}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{text-align:left;padding:.55rem .75rem;background:var(--lighter);color:var(--muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;border-bottom:1.5px solid var(--border);white-space:nowrap}.data-table td{padding:.6rem .75rem;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tbody tr:hover{background:var(--lighter)}.data-table tbody tr:last-child td{border-bottom:none}#toast{position:fixed;bottom:1.5rem;right:1.5rem;background:var(--navy);color:#fff;padding:.75rem 1.4rem;border-radius:9px;font-size:.9rem;box-shadow:var(--shadow2);opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s;pointer-events:none;z-index:9999;max-width:340px}#toast.show{opacity:1;transform:none}#toast.error{background:var(--danger)}#toast.success{background:var(--success)}.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:500;align-items:center;justify-content:center;padding:1rem}.modal-overlay.open{display:flex}.modal{background:var(--white);border-radius:14px;padding:2rem;width:100%;max-width:560px;box-shadow:var(--shadow2);max-height:90vh;overflow-y:auto}.modal h3{font-size:1.1rem;margin-bottom:1.2rem;color:var(--navy)}.modal-footer{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}#loading{display:none;position:fixed;inset:0;background:rgba(26,26,46,.5);z-index:600;align-items:center;justify-content:center;flex-direction:column;gap:1rem;color:#fff}#loading.show{display:flex}.spinner{width:44px;height:44px;border:4px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tabs{display:flex;gap:.25rem;border-bottom:2px solid var(--border);margin-bottom:1.5rem}.tab-btn{padding:.55rem 1.1rem;font-size:.88rem;font-weight:600;background:none;border:none;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s;border-radius:6px 6px 0 0;font-family:inherit}.tab-btn:hover{color:var(--navy)}.tab-btn.active{color:var(--navy);border-color:var(--navy)}.tab-panel{display:none}.tab-panel.active{display:block}.filter-bar{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-bottom:1.25rem}.filter-bar input{flex:1;min-width:200px;border:1.5px solid var(--border);border-radius:8px;padding:.5rem .85rem;font-size:.9rem;font-family:inherit}.filter-bar input:focus{outline:none;border-color:var(--blue)}@media (max-width:900px){.form-grid-3,.form-grid-4{grid-template-columns:1fr 1fr}}@media (max-width:768px){.form-grid,.form-grid-3,.form-grid-4{grid-template-columns:1fr}.card{padding:1rem}.modal{padding:1.25rem;max-width:calc(100vw - 2rem)}.modal-footer{flex-wrap:wrap}.modal-footer .btn{flex:1;min-width:100px;justify-content:center}#toast{right:.75rem;left:.75rem;max-width:unset;bottom:1rem;text-align:center}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar input{min-width:unset}.tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;-webkit-overflow-scrolling:touch}.tab-btn{white-space:nowrap;flex-shrink:0}table.data tbody td{word-break:break-word}}@media (max-width:480px){.card{padding:.85rem}.stat-card{padding:1rem}.stat-card .value{font-size:1.5rem}.modal{border-radius:12px;padding:1rem;max-width:calc(100vw - 1rem)}.btn{min-height:40px}.btn-sm{min-height:34px}}