:root{--primary-color: #123456;--primary-hover: #1e4b7a;--bg-color: #F8FAFC;--card-bg: #FFFFFF;--text-main: #1F2937;--text-muted: #6B7280;--border-color: #E5E7EB;--sidebar-bg: #FFFFFF;--success-color: #16A34A;--success-bg: #DCFCE7;--success-text: #166534;--warning-color: #F59E0B;--warning-bg: #FEF3C7;--warning-text: #92400E;--danger-color: #EF4444;--danger-bg: #FEE2E2;--danger-text: #991B1B}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;font-size:15px}.app-container{display:flex;min-height:100vh}.sidebar{width:270px;background-color:var(--sidebar-bg);color:var(--text-main);display:flex;flex-direction:column;border-right:1px solid var(--border-color);flex-shrink:0}.sidebar-header{padding:28px 24px;font-size:22px;font-weight:800;letter-spacing:-.5px;color:var(--primary-color);border-bottom:1px solid var(--border-color)}.sidebar-nav{flex:1;padding:20px 12px;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;padding:12px 16px;color:var(--text-main);text-decoration:none;border-radius:8px;font-weight:500;font-size:15px;transition:all .2s ease;gap:12px}.nav-item:hover{background-color:#f3f4f6}.nav-item.active{background-color:var(--primary-color);color:#fff}.main-content{flex:1;padding:32px 40px;overflow-y:auto}.card{background:var(--card-bg);border-radius:12px;padding:28px;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;border:1px solid var(--border-color)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;border:none;text-decoration:none}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-outline{background-color:transparent;border:1px solid var(--border-color);color:var(--text-main)}.btn-outline:hover{background-color:#f9fafb;border-color:#d1d5db}.btn-success{background-color:var(--success-color);color:#fff}.btn-success:hover{background-color:#15803d}.input-field{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:15px;outline:none;transition:border-color .2s;background-color:#fff;color:var(--text-main)}.input-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #12345614}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{padding:14px 20px;font-weight:700;color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-color);background-color:#f9fafb}.data-table td{padding:16px 20px;border-bottom:1px solid var(--border-color);color:var(--text-main);font-size:14px}.table-row-hover:hover{background-color:#f9fafb;cursor:pointer}.badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:.01em}.badge-waiting-customer{background-color:#1a2b5f;color:#fff}.badge-waiting-customs-review{background-color:#f59e0b;color:#fff}.badge-in-customs-process{background-color:#7c3aed;color:#fff}.badge-completed{background-color:#16a34a;color:#fff}.toast{position:fixed;bottom:24px;right:24px;padding:16px 24px;border-radius:10px;color:#fff;font-weight:600;font-size:14px;box-shadow:0 8px 24px #00000026;z-index:9999;animation:slideUp .3s ease-out}.toast-success{background-color:var(--success-color)}.toast-error{background-color:var(--danger-color)}.toast-warning{background-color:var(--warning-color)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.flag-icon{display:inline-block;font-size:18px;line-height:1;vertical-align:middle;margin-right:6px}