*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--blue:#185fa5;--blue-dark:#0c447c;--blue-light:#e6f1fb;--green:#3b6d11;--green-light:#eaf3de;--amber:#ba7517;--amber-light:#faeeda;--red:#a32d2d;--red-light:#fcebeb;--purple:#534ab7;--purple-light:#eeedfe;--teal:#0f6e56;--teal-light:#e1f5ee;--gray-50:#f8f9fa;--gray-100:#f1f3f5;--gray-200:#dee2e6;--gray-300:#ced4da;--gray-500:#adb5bd;--gray-600:#6c757d;--gray-900:#212529;--radius:8px;--radius-lg:12px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 2px 8px #0000001a}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;color:#212529;color:var(--gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}.loading-screen,body{background:#f1f3f5;background:var(--gray-100)}.loading-screen{align-items:center;display:flex;height:100vh;justify-content:center}.spinner{animation:spin .7s linear infinite;border:3px solid #dee2e6;border-top-color:#185fa5;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--blue);height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.shell{display:flex;height:100vh;overflow:hidden}.sidebar{background:#fff;border-right:1px solid #dee2e6;border-right:1px solid var(--gray-200);display:flex;flex-direction:column;flex-shrink:0;width:200px}.main{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.scroll{flex:1 1;overflow-y:auto;padding:18px 20px}.sb-top{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--gray-200);padding:14px 12px 12px}.sb-brand{gap:9px}.sb-brand,.sb-icon{align-items:center;display:flex}.sb-icon{background:#185fa5;background:var(--blue);border-radius:8px;color:#fff;flex-shrink:0;height:32px;justify-content:center;width:32px}.sb-icon,.sb-name{font-size:12px;font-weight:700}.sb-name{line-height:1.3}.sb-role{border-radius:4px;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.4px;margin-top:3px;padding:1px 6px}.sb-role.admin{background:#fcebeb;background:var(--red-light);color:#a32d2d;color:var(--red)}.sb-role.staff{background:#e6f1fb;background:var(--blue-light);color:#185fa5;color:var(--blue)}.sb-nav{flex:1 1;overflow-y:auto;padding:10px 8px}.sb-section{color:#adb5bd;color:var(--gray-500);font-size:10px;font-weight:700;letter-spacing:.6px;padding:6px 8px 3px;text-transform:uppercase}.nav-item{align-items:center;border-radius:8px;border-radius:var(--radius);color:#6c757d;color:var(--gray-600);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;margin-bottom:2px;padding:7px 8px;text-decoration:none;transition:all .12s}.nav-item:hover{background:#f8f9fa;background:var(--gray-50);color:#212529;color:var(--gray-900)}.nav-item.active{background:#e6f1fb;background:var(--blue-light);color:#185fa5;color:var(--blue);font-weight:600}.nav-item i{flex-shrink:0;font-size:16px;text-align:center;width:18px}.nav-badge{background:#a32d2d;background:var(--red);border-radius:10px;color:#fff;font-size:10px;font-weight:700;margin-left:auto;padding:1px 7px}.sb-foot{border-top:1px solid #dee2e6;border-top:1px solid var(--gray-200);gap:8px;padding:10px 12px}.sb-foot,.topbar{align-items:center;display:flex}.topbar{background:#fff;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--gray-200);flex-shrink:0;justify-content:space-between;padding:10px 20px}.page-title{font-size:15px;font-weight:700}.page-sub{color:#adb5bd;color:var(--gray-500);font-size:11px;margin-top:1px}.btn{align-items:center;background:#fff;border:1px solid #dee2e6;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--radius);color:#212529;color:var(--gray-900);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:7px 14px;transition:all .12s;white-space:nowrap}.btn:hover{background:#f8f9fa;background:var(--gray-50)}.btn.primary{background:#185fa5;background:var(--blue);border-color:#185fa5;border-color:var(--blue);color:#fff}.btn.primary:hover{background:#0c447c;background:var(--blue-dark)}.btn.success{background:#3b6d11;background:var(--green);border-color:#3b6d11;border-color:var(--green);color:#fff}.btn.danger{background:#0000;border-color:#a32d2d;border-color:var(--red);color:#a32d2d;color:var(--red)}.btn.danger:hover{background:#fcebeb;background:var(--red-light)}.btn.sm{font-size:11px;padding:4px 10px}.btn-group{display:flex;flex-wrap:wrap;gap:8px}.card{background:#fff;border:1px solid #dee2e6;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:14px;overflow:hidden;padding:16px}.card-header{flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:14px}.card-header,.card-title{align-items:center;display:flex}.card-title{font-size:13px;font-weight:700;gap:6px}.card-action{color:#185fa5;color:var(--blue);cursor:pointer;font-size:11px}.metrics-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-bottom:16px}.metric{background:#fff;border:1px solid #dee2e6;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);padding:14px}.metric-num{font-size:24px;font-weight:700;line-height:1}.metric-label{color:#adb5bd;color:var(--gray-500);font-size:11px;margin-top:4px}.metric-delta{font-size:10px;font-weight:600;margin-top:3px}.metric.blue .metric-delta,.metric.blue .metric-num{color:#185fa5;color:var(--blue)}.metric.green .metric-delta,.metric.green .metric-num{color:#3b6d11;color:var(--green)}.metric.amber .metric-delta,.metric.amber .metric-num{color:#ba7517;color:var(--amber)}.metric.red .metric-delta,.metric.red .metric-num{color:#a32d2d;color:var(--red)}.metric.purple .metric-delta,.metric.purple .metric-num{color:#534ab7;color:var(--purple)}.grid-2{grid-gap:14px;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:14px}@media (max-width:768px){.grid-2{grid-template-columns:1fr}}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;padding:3px 9px;white-space:nowrap}.badge.transit{background:#e6f1fb;background:var(--blue-light);color:#185fa5;color:var(--blue)}.badge.arrived{background:#eaf3de;background:var(--green-light);color:#3b6d11;color:var(--green)}.badge.customs{background:#faeeda;background:var(--amber-light);color:#ba7517;color:var(--amber)}.badge.delivered{background:#e1f5ee;background:var(--teal-light);color:#0f6e56;color:var(--teal)}.badge.held{background:#fcebeb;background:var(--red-light);color:#a32d2d;color:var(--red)}.badge.pending{background:#f1f3f5;background:var(--gray-100);color:#6c757d;color:var(--gray-600)}.badge.cleared{background:#e1f5ee;background:var(--teal-light);color:#0f6e56;color:var(--teal)}.badge.urgent{background:#fcebeb;background:var(--red-light);color:#a32d2d;color:var(--red)}.badge.progress{background:#e6f1fb;background:var(--blue-light);color:#185fa5;color:var(--blue)}.badge.review{background:#faeeda;background:var(--amber-light);color:#ba7517;color:var(--amber)}.badge.done{background:#eaf3de;background:var(--green-light);color:#3b6d11;color:var(--green)}.badge.admin{background:#fcebeb;background:var(--red-light);color:#a32d2d;color:var(--red)}.badge.staff{background:#e6f1fb;background:var(--blue-light);color:#185fa5;color:var(--blue)}.avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:32px;justify-content:center;width:32px}.table-wrap{border:1px solid #dee2e6;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;font-size:13px;min-width:600px;width:100%}thead tr{background:#f8f9fa;background:var(--gray-50)}th{color:#6c757d;color:var(--gray-600);font-size:11px;font-weight:600;letter-spacing:.5px;padding:9px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}td,th{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--gray-200)}td{padding:10px 12px;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#f8f9fa;background:var(--gray-50)}.form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:5px}.form-group.full{grid-column:1/-1}.form-group label{color:#6c757d;color:var(--gray-600);font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #ced4da;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--radius);color:#212529;color:var(--gray-900);font-size:13px;outline:none;padding:8px 11px;transition:border .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#185fa5;border-color:var(--blue);box-shadow:0 0 0 3px #e6f1fb;box-shadow:0 0 0 3px var(--blue-light)}.form-group textarea{min-height:72px;resize:vertical}.modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:200}.modal{background:#fff;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-md);max-height:92vh;max-width:100%;overflow-y:auto;padding:24px;width:580px}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.modal-title{font-size:15px;font-weight:700}.modal-footer{border-top:1px solid #dee2e6;border-top:1px solid var(--gray-200);display:flex;gap:8px;justify-content:flex-end;margin-top:20px;padding-top:16px}.progress-bar{background:#dee2e6;background:var(--gray-200);border-radius:3px;height:6px;overflow:hidden}.progress-fill{border-radius:3px;height:100%}.alert{align-items:flex-start;border:1px solid #0000;border-radius:8px;border-radius:var(--radius);display:flex;font-size:13px;gap:9px;margin-bottom:10px;padding:11px 14px}.alert.warning{background:#faeeda;background:var(--amber-light);border-color:#ef9f2744;color:#633806}.alert.danger{background:#fcebeb;background:var(--red-light);border-color:#e24b4a44;color:#7f1d1d}.alert.info{background:#e6f1fb;background:var(--blue-light);border-color:#378add44;color:#0c447c}.alert.success{background:#eaf3de;background:var(--green-light);border-color:#63992244;color:#14532d}.empty-state{color:#adb5bd;color:var(--gray-500);padding:48px 24px;text-align:center}.empty-state i{color:#ced4da;color:var(--gray-300);display:block;font-size:40px;margin-bottom:10px}.chart-container{overflow:hidden;position:relative;width:100%}
/*# sourceMappingURL=main.b8025ee1.css.map*/