#app{min-height:100vh}:root{--primary: #ff6530;--accent: #ff6530;--success: #4caf50;--danger: #f44336;--warning: #ff9800;--bg: #f5f5f5;--card: #ffffff;--text: #1a1a1a;--text-muted: #666666;--border: #e0e0e0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:radial-gradient(1200px at 20% 20%,rgba(255,225,211,.45),transparent 55%),radial-gradient(1000px at 80% 10%,rgba(204,225,255,.55),transparent 55%),linear-gradient(180deg,#f8fafc,#eef2f7);color:var(--text);line-height:1.6;font-size:15px;min-height:100vh;overflow-y:scroll;overflow-x:hidden;scrollbar-gutter:stable;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card{background:var(--card);border:none;border-radius:14px;box-shadow:0 10px 28px #0f172a14;transition:all .18s ease;border:1px solid #e7ebf3}.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #ff420026;border-color:#ff4200}.card-header{background:linear-gradient(135deg,#ff6530,#ff8a65);color:#fff;border:none;border-radius:14px 14px 0 0;padding:18px 20px;font-weight:700}.card-body{padding:25px}.shadow-sm{box-shadow:0 8px 20px #0f172a0f!important}.btn{padding:10px 18px;border-radius:10px;font-weight:700;font-size:.9rem;transition:all .18s ease;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 5px 14px #ff420042}.btn-primary{background:linear-gradient(135deg,#ff4200,#ff6a3c);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#e55a2b,#ff5a2b);transform:translateY(-1px);box-shadow:0 9px 18px #ff420052}.btn-outline-primary{background:transparent;color:var(--primary);border:2px solid var(--primary);box-shadow:none}.btn-outline-primary:hover{background:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:0 5px 14px #ff420042}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5c636a;color:#fff;transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px)}.btn-warning{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#111827}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#f59e0b);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.btn-outline-secondary{background:transparent;color:#6c757d;border:2px solid #6c757d;box-shadow:none}.btn-outline-secondary:hover{background:#6c757d;color:#fff;transform:translateY(-1px)}.btn-outline-info{background:transparent;color:#0ea5e9;border:2px solid #0ea5e9;box-shadow:none}.btn-outline-info:hover{background:#0ea5e9;color:#fff;transform:translateY(-1px)}.btn-outline-danger{background:transparent;color:#ef4444;border:2px solid #ef4444;box-shadow:none}.btn-outline-danger:hover{background:#ef4444;color:#fff;transform:translateY(-1px)}.btn-outline-success{background:transparent;color:#16a34a;border:2px solid #16a34a;box-shadow:none}.btn-outline-success:hover{background:#16a34a;color:#fff;transform:translateY(-1px)}.btn-outline-warning{background:transparent;color:#f59e0b;border:2px solid #f59e0b;box-shadow:none}.btn-outline-warning:hover{background:#f59e0b;color:#fff;transform:translateY(-1px)}.btn-sm{padding:6px 14px;font-size:.85rem}.btn-lg{padding:12px 24px;font-size:1rem}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.form-control{border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px;font-size:15px;transition:all .2s;width:100%;background:#fff}.form-select{border:1px solid #e5e7eb;border-radius:8px;padding:12px 36px 12px 16px;font-size:15px;transition:all .2s;width:100%;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#9ca3af 50%),linear-gradient(135deg,#9ca3af 50%,transparent 50%);background-position:calc(100% - 16px) calc(50% - 3px),calc(100% - 11px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 .25rem #ff653040;outline:none}.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 .25rem #ff653040;outline:none}.form-label{font-weight:600;margin-bottom:.5rem;display:block;color:var(--text);font-size:.9rem}.form-check{display:flex;align-items:center;gap:8px;margin-bottom:8px}.form-check-input{width:18px;height:18px;cursor:pointer}.form-check-label{cursor:pointer;font-size:.9rem}.alert{border:none;border-radius:12px;padding:18px 20px;margin-bottom:20px;box-shadow:0 4px 12px #00000014;font-weight:500;display:flex;align-items:center;gap:10px}.alert-danger{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border-left:4px solid var(--danger)}.alert-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border-left:4px solid var(--success)}.alert-info{background:linear-gradient(135deg,#d1ecf1,#bee5eb);color:#0c5460;border-left:4px solid #17a2b8}.alert-warning{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404;border-left:4px solid var(--warning)}.alert-dismissible{position:relative;padding-right:3rem}.btn-close{position:absolute;top:50%;right:1rem;transform:translateY(-50%);background:transparent;border:none;font-size:1.5rem;cursor:pointer;opacity:.5;transition:opacity .2s}.btn-close:hover{opacity:1}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}.table th{background:#f8f9fa;border:none;padding:15px;font-weight:700;color:var(--text);font-size:14px;text-align:left;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.table td{border:none;padding:15px;vertical-align:middle;border-bottom:1px solid #f0f0f0}.table-light{background:#f8f9fa}.table-sm th,.table-sm td{padding:8px 12px;font-size:.85rem}.table tbody tr:hover{background:#f8f9fa}.table tbody tr:last-child td{border-bottom:none}.table-striped tbody tr:nth-child(2n){background:#f8fafc}.table-hover tbody tr:hover{background:#f8f9fa}.table-responsive{width:100%;overflow-x:auto}.table-secondary{background:#f0f2f6}.btn-group{display:inline-flex;gap:.5rem;flex-wrap:wrap}.progress{width:100%;background:#eef1f6;border-radius:6px;overflow:hidden;height:8px}.progress-bar{height:100%;display:block;border-radius:6px}.badge{display:inline-block;padding:6px 10px;font-size:.78rem;font-weight:700;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.bg-danger{background:var(--danger)!important;color:#fff}.bg-warning{background:var(--warning)!important;color:#fff}.bg-info{background:#17a2b8!important;color:#fff}.bg-success{background:var(--success)!important;color:#fff}.bg-primary{background:var(--primary)!important;color:#fff}.bg-secondary{background:#6c757d!important;color:#fff}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;padding:1rem;z-index:1050}.modal.show{display:flex}.modal.d-block{display:flex!important}.modal-dialog{width:100%;max-width:640px}.modal-content{background:var(--card);border-radius:12px;box-shadow:0 20px 40px #0f172a33;overflow:hidden}.modal-header,.modal-body,.modal-footer{padding:16px 20px}.modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.modal-body{display:grid;gap:12px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--border)}.modal-title{margin:0}.text-muted{color:var(--text-muted)!important}.text-center{text-align:center!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-primary{color:var(--primary)!important}.text-success{color:var(--success)!important}.text-danger{color:var(--danger)!important}.text-secondary{color:#6c757d!important}.text-warning{color:var(--warning)!important}.text-info{color:#17a2b8!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-0{margin-top:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-0{margin-bottom:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-0{margin-right:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-0{margin-left:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:1rem!important;padding-right:1rem!important}.px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-5{padding-left:3rem!important;padding-right:3rem!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-3{padding-top:1rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.d-flex{display:flex!important}.d-block{display:block!important}.d-none{display:none!important}.flex-row{flex-direction:row!important}.flex-col{flex-direction:column!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.items-end{align-items:flex-end!important}.justify-start{justify-content:flex-start!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.justify-end{justify-content:flex-end!important}.d-grid{display:grid!important}.flex-wrap{flex-wrap:wrap!important}.flex-grow-1{flex-grow:1!important}.align-items-start{align-items:flex-start!important}.align-items-center{align-items:center!important}.align-items-end{align-items:flex-end!important}.align-items-baseline{align-items:baseline!important}.justify-content-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-end{justify-content:flex-end!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:2rem!important}.w-100{width:100%!important}.h-100{height:100%!important}.align-middle{vertical-align:middle!important}.shadow-sm{box-shadow:0 6px 16px #0f172a14!important}.fw-semibold{font-weight:600!important}.fw-bold{font-weight:700!important}.small{font-size:.875rem}.text-white{color:#fff!important}.bg-light{background:#f8f9fa!important}.border{border:1px solid var(--border)!important}.border-top{border-top:1px solid var(--border)!important}.border-bottom{border-bottom:1px solid var(--border)!important}.border-start{border-left:1px solid var(--border)!important}.border-end{border-right:1px solid var(--border)!important}.rounded{border-radius:8px!important}.border-success{border:2px solid var(--success)!important}.border-warning{border:2px solid var(--warning)!important}.border-danger{border:2px solid var(--danger)!important}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.page-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}.page-card{background:var(--card);border:1px solid #e7ebf3;border-radius:14px;box-shadow:0 10px 28px #0f172a14;padding:20px}.data-table{width:100%;max-width:100%;border-collapse:collapse;background:var(--card);border-radius:12px;overflow:hidden;table-layout:auto}.data-table th,.data-table td{padding:12px 16px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.data-table th{font-weight:700;color:var(--text-muted);text-transform:uppercase;font-size:12px;letter-spacing:.04em;background:#f7f8fb}.data-table tbody tr:hover{background:#ff65300f}.data-table tbody tr:last-child td{border-bottom:none}.table-wrap{overflow-x:auto;width:100%;max-width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch}.loading{text-align:center;padding:3rem;color:var(--text-muted)}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner-border .75s linear infinite}@keyframes spinner-border{to{transform:rotate(360deg)}}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12{position:relative;width:100%;padding-left:15px;padding-right:15px}@media (min-width: 576px){.col-sm-1{width:8.333333%!important}.col-sm-2{width:16.666667%!important}.col-sm-3{width:25%!important}.col-sm-4{width:33.333333%!important}.col-sm-5{width:41.666667%!important}.col-sm-6{width:50%!important}.col-sm-7{width:58.333333%!important}.col-sm-8{width:66.666667%!important}.col-sm-9{width:75%!important}.col-sm-10{width:83.333333%!important}.col-sm-11{width:91.666667%!important}.col-sm-12{width:100%!important}}@media (min-width: 768px){.col-md-1{width:8.333333%!important}.col-md-2{width:16.666667%!important}.col-md-3{width:25%!important}.col-md-4{width:33.333333%!important}.col-md-5{width:41.666667%!important}.col-md-6{width:50%!important}.col-md-7{width:58.333333%!important}.col-md-8{width:66.666667%!important}.col-md-9{width:75%!important}.col-md-10{width:83.333333%!important}.col-md-11{width:91.666667%!important}.col-md-12{width:100%!important}}@media (min-width: 992px){.col-lg-1{width:8.333333%!important}.col-lg-2{width:16.666667%!important}.col-lg-3{width:25%!important}.col-lg-4{width:33.333333%!important}.col-lg-5{width:41.666667%!important}.col-lg-6{width:50%!important}.col-lg-7{width:58.333333%!important}.col-lg-8{width:66.666667%!important}.col-lg-9{width:75%!important}.col-lg-10{width:83.333333%!important}.col-lg-11{width:91.666667%!important}.col-lg-12{width:100%!important}}@media (min-width: 1200px){.col-xl-1{width:8.333333%!important}.col-xl-2{width:16.666667%!important}.col-xl-3{width:25%!important}.col-xl-4{width:33.333333%!important}.col-xl-5{width:41.666667%!important}.col-xl-6{width:50%!important}.col-xl-7{width:58.333333%!important}.col-xl-8{width:66.666667%!important}.col-xl-9{width:75%!important}.col-xl-10{width:83.333333%!important}.col-xl-11{width:91.666667%!important}.col-xl-12{width:100%!important}}.g-1{gap:.25rem!important}.g-2{gap:.5rem!important}.g-3{gap:1rem!important}.g-4{gap:1.5rem!important}.gx-3{column-gap:1rem!important}.gy-3{row-gap:1rem!important}@media (min-width: 768px){.g-md-4{gap:1.5rem!important}}.error-message{color:var(--danger);padding:1rem;background:#fee;border-radius:8px;margin:1rem 0}.metric-card{transition:transform .2s ease-in-out}.metric-card:hover{transform:translateY(-2px)}.metric-value{font-size:2.5rem;font-weight:700;line-height:1}.metric-label{font-size:.9rem;color:#6c757d;margin-bottom:.5rem}.chart-container{position:relative;height:300px}.chart-container-small{position:relative;height:180px}@media (max-width: 768px){.d-mobile-none{display:none!important}.d-mobile-block{display:block!important}.d-mobile-flex{display:flex!important}}@media (min-width: 769px){.d-desktop-none{display:none!important}}.btn-touch{min-height:44px;min-width:44px;padding:10px 16px}.form-control-touch{min-height:44px}.p-mobile-2{padding:.5rem}.p-mobile-3{padding:1rem}@media (max-width: 768px){.table-mobile-cards thead{display:none}.table-mobile-cards tbody,.table-mobile-cards tbody tr{display:block;width:100%}.table-mobile-cards tbody tr{border:1px solid #e0e0e0;border-radius:12px;margin-bottom:1rem;padding:1rem;background:#fff;box-shadow:0 2px 8px #0000000d}.table-mobile-cards td{display:flex;justify-content:space-between;align-items:flex-start;padding:.5rem 0;border:none;text-align:right;gap:1rem}.table-mobile-cards td:before{content:attr(data-label);font-weight:600;color:#6c757d;text-align:left;flex:0 0 40%;font-size:.85rem}.table-mobile-cards td:first-child{padding-top:0}.table-mobile-cards td:last-child{padding-bottom:0}.table-mobile-cards td.mobile-hide{display:none}}@media (max-width: 768px){.modal-dialog{max-width:95%;margin:.5rem}.modal-lg{max-width:95%}.modal-dialog-scrollable{max-height:calc(100vh - 1rem)}.modal-body .row>.col-md-6,.modal-body .row>.col-lg-6,.modal-body .row>[class*=col-md-],.modal-body .row>[class*=col-lg-]{width:100%;flex:0 0 100%;max-width:100%}.modal-header{padding:12px 16px}.modal-body{padding:16px}.modal-footer{padding:12px 16px;flex-direction:column}.modal-footer .btn{width:100%;margin:0 0 .5rem!important}.modal-footer .btn:last-child{margin-bottom:0!important}.modal-title{font-size:1.1rem}}@media (max-width: 768px){.chart-container{height:250px!important}.chart-container-small{height:200px!important}}@media (max-width: 576px){.chart-container{height:220px!important}.chart-container-small{height:180px!important}}@media (max-width: 768px){.form-control,.form-select{min-height:44px;font-size:16px}.form-check-input{width:20px;height:20px;margin-top:0}.form-check-label{font-size:.95rem;padding-left:.25rem}}@media (max-width: 768px){.btn{min-height:44px;padding:10px 16px}.btn-sm{min-height:38px;padding:8px 12px}.btn-lg{min-height:50px;padding:12px 20px}.btn-group{flex-direction:column;width:100%}.btn-group .btn{width:100%;margin-bottom:.5rem}.btn-group .btn:last-child{margin-bottom:0}}@media (max-width: 768px){.card{margin-bottom:1rem}.card-body{padding:1rem}.card-header{padding:.75rem 1rem;font-size:.95rem}.row>[class*=col-]{margin-bottom:1rem}.page-stats-row{grid-template-columns:1fr!important;gap:.75rem}}@media (max-width: 768px){.table{font-size:.85rem}.table th,.table td{padding:10px}.page-header{flex-direction:column;align-items:flex-start;gap:.75rem}.page-header h1,.page-header h2{font-size:1.25rem}.alert{font-size:.9rem;padding:.75rem 1rem}.badge{font-size:.75rem;padding:4px 8px}.filter-form{width:100%;display:grid!important;grid-template-columns:1fr;gap:.75rem!important;align-items:stretch!important}.filter-form .form-group{min-width:0!important;width:100%}.filter-form .btn{width:100%;justify-content:center}}@media (max-width: 576px){body{font-size:14px}.card-body{padding:.75rem}.btn{font-size:.9rem}h1{font-size:1.5rem}h2{font-size:1.3rem}h3{font-size:1.1rem}h4{font-size:1rem}}@media (min-width: 769px) and (max-width: 900px){.table-mobile-cards tbody tr{display:table-row}.table-mobile-cards td:before{display:none}}