:root{--oc-navy:        #1a3c6e;--oc-navy-dark:   #122c52;--oc-navy-light:  #234f8e;--oc-orange:      #e07b1f;--oc-orange-dark: #c46918;--oc-bg:          #f0f6ff;--oc-muted:       #6b7a8d;--sidebar-width:  240px}body{font-family:"Nunito", "Segoe UI", system-ui, -apple-system, sans-serif;background-color:var(--oc-bg);color:#1e2d45}#sidebar{width:var(--sidebar-width);min-height:100vh;position:fixed;top:0;left:0;z-index:100;background:linear-gradient(180deg, var(--oc-navy-dark) 0%, var(--oc-navy) 100%);box-shadow:4px 0 12px rgba(0,0,0,0.18);display:flex;flex-direction:column}#sidebar .sidebar-brand{padding:1.5rem 1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,0.12);text-decoration:none}#sidebar .sidebar-brand-name{font-size:1.05rem;font-weight:800;color:#fff;letter-spacing:0.02em;display:flex;align-items:center;gap:0.5rem}#sidebar .sidebar-brand-name .brand-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--oc-orange);flex-shrink:0}#sidebar .sidebar-org{font-size:0.72rem;color:rgba(255,255,255,0.5);margin-top:0.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:1.25rem}#sidebar .sidebar-heading{font-size:0.65rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.35);padding:1.1rem 1.25rem 0.35rem}#sidebar .nav-item .nav-link{display:flex;align-items:center;gap:0.65rem;padding:0.6rem 1.25rem;border-radius:6px;margin:2px 0.75rem;color:rgba(255,255,255,0.72);font-size:0.875rem;font-weight:600;text-decoration:none;transition:background 0.15s, color 0.15s}#sidebar .nav-item .nav-link i{font-size:1rem;width:1.2rem;text-align:center;opacity:0.85}#sidebar .nav-item .nav-link:hover{background:rgba(255,255,255,0.1);color:#fff}#sidebar .nav-item .nav-link:hover i{opacity:1}#sidebar .nav-item .nav-link.active{background:var(--oc-orange);color:#fff;box-shadow:0 3px 10px rgba(224,123,31,0.35)}#sidebar .nav-item .nav-link.active i{opacity:1}#sidebar .sidebar-footer{padding:0.85rem 1.25rem;border-top:1px solid rgba(255,255,255,0.12);margin-top:auto}#sidebar .sidebar-footer .user-email{font-size:0.75rem;color:rgba(255,255,255,0.55);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}#sidebar .sidebar-footer .signout-link{color:rgba(255,255,255,0.45);font-size:1rem;flex-shrink:0;text-decoration:none;transition:color 0.15s}#sidebar .sidebar-footer .signout-link:hover{color:#fff}#sidebar .admin-link{font-size:0.75rem;color:rgba(255,255,255,0.4);text-decoration:none;display:flex;align-items:center;gap:0.35rem;padding:0.25rem 0;margin-bottom:0.5rem;transition:color 0.15s}#sidebar .admin-link:hover{color:rgba(255,255,255,0.75)}#main-content{margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column}#topbar{height:58px;background:#fff;border-bottom:1px solid #dce8f5;padding:0 1.75rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:99;box-shadow:0 1px 4px rgba(26,60,110,0.06)}#topbar .page-title{font-size:0.95rem;font-weight:700;color:var(--oc-navy);margin:0}.balance-badge{display:inline-flex;align-items:center;gap:0.4rem;padding:0.35rem 0.85rem;border-radius:20px;font-size:0.8rem;font-weight:700;letter-spacing:0.01em}.balance-badge.balance-ok{background:rgba(26,60,110,0.08);color:var(--oc-navy);border:1px solid rgba(26,60,110,0.15)}.balance-badge.balance-low{background:rgba(220,53,69,0.08);color:#c82333;border:1px solid rgba(220,53,69,0.2)}#page-content{padding:1.75rem;flex:1;background:var(--oc-bg)}.card{border:none;border-radius:10px;box-shadow:0 2px 8px rgba(26,60,110,0.07);transition:box-shadow 0.15s}.card:hover{box-shadow:0 4px 16px rgba(26,60,110,0.11)}.card-header{background:#fff;border-bottom:1px solid #e8f0fb;border-radius:10px 10px 0 0 !important;padding:0.85rem 1.25rem;font-weight:700;font-size:0.85rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--oc-muted)}.stat-card{border-left:4px solid var(--oc-orange)}.stat-card.stat-navy{border-left-color:var(--oc-navy)}.stat-card.stat-success{border-left-color:#1cc88a}.stat-card.stat-warning{border-left-color:#f6c23e}.stat-card .stat-label{font-size:0.7rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--oc-muted);margin-bottom:0.25rem}.stat-card .stat-value{font-size:1.6rem;font-weight:800;color:var(--oc-navy);line-height:1.1}.stat-card .stat-icon{font-size:2rem;color:rgba(26,60,110,0.12)}.btn-primary{background-color:var(--oc-orange);border-color:var(--oc-orange);color:#fff;font-weight:600}.btn-primary:hover,.btn-primary:focus{background-color:var(--oc-orange-dark);border-color:var(--oc-orange-dark);color:#fff}.btn-primary:active{background-color:#a8570f !important;border-color:#a8570f !important}.btn-outline-primary{color:var(--oc-orange);border-color:var(--oc-orange)}.btn-outline-primary:hover{background-color:var(--oc-orange);border-color:var(--oc-orange);color:#fff}.btn-navy{background-color:var(--oc-navy);border-color:var(--oc-navy);color:#fff;font-weight:600}.btn-navy:hover{background-color:var(--oc-navy-dark);border-color:var(--oc-navy-dark);color:#fff}.table{font-size:0.875rem}.table thead th{font-size:0.7rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:var(--oc-muted);border-bottom:2px solid #dce8f5;padding:0.85rem 0.75rem;white-space:nowrap}.table tbody tr{transition:background 0.1s}.table tbody tr:hover{background:rgba(240,246,255,0.8)}.table td{vertical-align:middle;color:#1e2d45;padding:0.75rem;border-color:#eef3fb}.badge-status{font-size:0.7rem;font-weight:700;letter-spacing:0.04em;padding:0.35em 0.7em;border-radius:4px;text-transform:uppercase}.badge-created{background:rgba(26,60,110,0.1);color:var(--oc-navy)}.badge-in-transit{background:rgba(248,176,48,0.15);color:#c48a00}.badge-delivered{background:rgba(28,200,138,0.15);color:#0d8f5e}.badge-cancelled{background:rgba(90,90,90,0.1);color:#555}.badge-cancellation-pending{background:rgba(248,176,48,0.12);color:#b37d00}.badge-error{background:rgba(220,53,69,0.1);color:#c0392b}.badge-carrier{font-size:0.68rem;font-weight:700;letter-spacing:0.05em;padding:0.3em 0.6em;border-radius:4px;text-transform:uppercase}.badge-gofo{background:rgba(26,60,110,0.1);color:var(--oc-navy)}.badge-usps{background:rgba(0,73,161,0.1);color:#003d99}.badge-ups{background:rgba(91,52,0,0.1);color:#5b3400}.form-label{font-size:0.8rem;font-weight:700;color:var(--oc-navy);letter-spacing:0.02em;margin-bottom:0.35rem}.form-control,.form-select{border-color:#cdd8eb;border-radius:6px;font-size:0.875rem;color:#1e2d45;transition:border-color 0.15s, box-shadow 0.15s}.form-control:focus,.form-select:focus{border-color:var(--oc-navy);box-shadow:0 0 0 3px rgba(26,60,110,0.12)}.auth-wrapper{min-height:100vh;background:linear-gradient(135deg, var(--oc-navy-dark) 0%, var(--oc-navy) 50%, var(--oc-navy-light) 100%);display:flex;align-items:center;justify-content:center;padding:2rem}.auth-card{width:100%;max-width:420px;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,0.3)}.auth-card .auth-logo{font-size:1.25rem;font-weight:800;color:var(--oc-navy);letter-spacing:-0.01em}.auth-card .auth-logo .dot{color:var(--oc-orange)}.alert-success{background:rgba(28,200,138,0.1);border-color:rgba(28,200,138,0.3);color:#0d6b4f}.alert-danger{background:rgba(220,53,69,0.08);border-color:rgba(220,53,69,0.25);color:#8b1a26}.text-navy{color:var(--oc-navy) !important}.text-orange{color:var(--oc-orange) !important}.bg-navy{background-color:var(--oc-navy) !important}.bg-orange{background-color:var(--oc-orange) !important}.section-title{font-size:0.7rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--oc-muted);margin-bottom:0.75rem}.font-mono{font-family:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;font-size:0.82em}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.page-header h1,.page-header h2{font-size:1.3rem;font-weight:800;color:var(--oc-navy);margin:0}@media (max-width: 768px){#sidebar{transform:translateX(-100%);transition:transform 0.25s}#sidebar.show{transform:translateX(0)}#main-content{margin-left:0}}