.crm-page,.crm-modal-backdrop,.crm-drawer-backdrop{--crm-ink: #17243d;--crm-muted: #6b7890;--crm-line: #e4e9f2;--crm-blue: #235bd7}.crm-page{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:32px 0 64px;color:var(--crm-ink)}.crm-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:34px 38px;border:1px solid rgba(255,255,255,.75);border-radius:26px;background:linear-gradient(135deg,#edf4ff,#fff 52%,#eefbf5);box-shadow:0 18px 50px #26417514}.crm-hero h1{margin:6px 0 7px;font-size:clamp(28px,4vw,44px);letter-spacing:-1.5px}.crm-hero p,.crm-modal-header p{margin:0;color:var(--crm-muted)}.crm-eyebrow{color:var(--crm-blue);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1.3px}.crm-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:12px 18px;font-weight:750;transition:transform .18s,box-shadow .18s,background .18s}.crm-button:hover{transform:translateY(-1px)}.crm-button.primary{color:#fff;background:var(--crm-blue, #235bd7);box-shadow:0 10px 25px #235bd738}.crm-button.primary:hover:not(:disabled){background:#194bb9;box-shadow:0 12px 28px #235bd747}.crm-button.primary:disabled{color:#ffffffe0;background:#91a9df;box-shadow:none;cursor:not-allowed;transform:none}.crm-button.secondary{color:var(--crm-ink);background:#eef2f8}.crm-button.reminder{color:#6b3ac5;background:#f0eafd}.hero-action{white-space:nowrap}.hero-action span{font-size:20px;line-height:1}.crm-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.crm-stat-grid>div{display:flex;align-items:center;justify-content:space-between;min-height:74px;padding:15px 20px;border:1px solid var(--crm-line);border-radius:17px;background:#fff}.crm-stat-grid span{color:var(--crm-muted);font-size:13px;font-weight:650}.crm-stat-grid strong{font-size:25px}.crm-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0}.shippers-toolbar{align-items:stretch}.crm-search{display:flex;align-items:center;gap:10px;flex:1;max-width:520px;padding:0 14px;border:1px solid var(--crm-line);border-radius:14px;background:#fff}.crm-search>span{color:var(--crm-muted);font-size:23px;transform:rotate(-20deg)}.crm-search input{min-width:0;flex:1;height:48px;border:0;outline:none;color:var(--crm-ink);font-size:14px}.crm-search button{border:0;background:transparent;color:var(--crm-muted);font-size:20px}.crm-filter-chips{display:flex;align-items:center;gap:7px;overflow-x:auto}.crm-filter-chips button,.crm-preset-row button{white-space:nowrap;border:1px solid var(--crm-line);border-radius:999px;background:#fff;color:var(--crm-muted);padding:9px 13px;font-weight:650}.crm-filter-chips button.active{border-color:#bdd0ff;color:var(--crm-blue);background:#edf3ff}.shipper-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.shipper-card{display:flex;flex-direction:column;min-height:260px;padding:20px;border:1px solid var(--crm-line);border-radius:20px;background:#fff;box-shadow:0 7px 24px #1a305b0b;cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}.shipper-card:hover{transform:translateY(-3px);border-color:#cfd9ed;box-shadow:0 16px 34px #1a305b1a}.shipper-card-head{display:flex;gap:12px;align-items:flex-start}.shipper-avatar{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:14px;color:#2452ad;background:linear-gradient(135deg,#d9e6ff,#e9f8f2);font-size:19px;font-weight:850}.shipper-avatar.large{flex-basis:58px;width:58px;height:58px;font-size:24px}.shipper-title{flex:1;min-width:0}.shipper-title h3{margin:7px 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px}.shipper-title p{margin:0;color:var(--crm-muted);font-size:13px}.crm-icon-button{display:inline-grid;place-items:center;width:38px;height:38px;border:0;border-radius:11px;color:var(--crm-muted);background:transparent;font-size:20px}.crm-icon-button:hover{background:#f0f3f8}.crm-status{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800;letter-spacing:.2px}.crm-status.potential{color:#8b5b00;background:#fff3ce}.crm-status.active{color:#147044;background:#dff7ea}.crm-status.paused{color:#7649ad;background:#efe5fb}.crm-status.inactive{color:#627087;background:#edf0f5}.shipper-contact{display:grid;gap:8px;margin:19px 0 14px;color:#506079;font-size:13px}.shipper-contact a{color:#234f9f;font-weight:750}.shipper-tags{display:flex;flex-wrap:wrap;gap:6px}.shipper-tags span,.crm-subject-chip{border-radius:7px;padding:5px 8px;color:#526279;background:#f1f4f8;font-size:11px;font-weight:650}.crm-subject-link{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;max-width:100%;border:1px solid #dce5f5;border-radius:9px;padding:5px 8px;color:#314661;background:#f5f8fd;font:inherit;font-size:11px;font-weight:750;text-align:left;cursor:pointer;transition:border-color .16s,background .16s,transform .16s}.crm-subject-link:hover{border-color:#9fb8eb;background:#edf3ff;transform:translateY(-1px)}.crm-subject-link:focus-visible{outline:3px solid rgba(35,91,215,.2);outline-offset:2px}.crm-subject-link>span{border-radius:5px;padding:3px 5px;color:#526786;background:#e7edf7;font-size:9px;text-transform:uppercase;letter-spacing:.45px}.crm-subject-link>b{color:var(--crm-blue);font-size:10px;white-space:nowrap}.shipper-card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto;padding-top:17px;border-top:1px solid #edf0f5}.shipper-card-footer>div{min-width:0;display:grid;gap:3px}.shipper-card-footer span{color:var(--crm-muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px}.shipper-card-footer strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.shipper-card-footer button{border:0;border-radius:9px;padding:8px 9px;color:#6942ae;background:#f1ebfc;font-size:11px;font-weight:750}.crm-empty{display:grid;justify-items:center;gap:8px;padding:72px 20px;text-align:center;color:var(--crm-muted)}.crm-empty h3{margin:6px 0 0;color:var(--crm-ink)}.crm-empty p{margin:0}.crm-empty-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;color:var(--crm-blue);background:#eaf1ff;font-size:28px}.crm-loader{width:32px;height:32px;border:3px solid #dce5f5;border-top-color:var(--crm-blue);border-radius:50%;animation:crm-spin .7s linear infinite}@keyframes crm-spin{to{transform:rotate(360deg)}}.crm-pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin:24px 0}.crm-pagination button{border:1px solid var(--crm-line);border-radius:10px;padding:9px 13px;background:#fff}.crm-pagination button:disabled{opacity:.45}.crm-modal-backdrop,.crm-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:18px;background:#0f1b3085;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.crm-modal{width:min(720px,100%);max-height:min(900px,calc(100vh - 36px));overflow:auto;border-radius:23px;background:#fff;box-shadow:0 28px 80px #08142c47}.shipper-form-modal{width:min(920px,100%)}.crm-modal-header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:25px 28px 20px;border-bottom:1px solid var(--crm-line);background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.crm-modal-header h2{margin:4px 0 5px;font-size:23px}.crm-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:24px 28px 28px}.crm-field{display:grid;align-content:start;gap:7px;min-width:0;color:#3d4d66;font-size:12px;font-weight:750}.crm-field-wide,.crm-form-section,.crm-custom-fields{grid-column:1 / -1}.crm-field small{color:var(--crm-muted);font-weight:500}.crm-field input,.crm-field select,.crm-field textarea,.crm-custom-fields input{width:100%;box-sizing:border-box;border:1px solid #dce2ec;border-radius:11px;padding:11px 12px;outline:none;color:var(--crm-ink);background:#fff;font-size:14px;font-weight:500;transition:border-color .15s,box-shadow .15s}.crm-field input:focus,.crm-field select:focus,.crm-field textarea:focus,.crm-custom-fields input:focus{border-color:#7ca0ee;box-shadow:0 0 0 3px #4470d71a}.crm-form-section{margin:7px 0 -3px;padding-top:12px;border-top:1px solid #edf0f5;font-size:14px}.crm-form-section:first-of-type{margin-top:0;padding-top:0;border:0}.crm-custom-fields{display:grid;gap:9px}.crm-custom-fields>div{display:grid;grid-template-columns:1fr 1.5fr 38px;gap:8px}.crm-custom-fields>div button{border:0;border-radius:9px;background:#fff0f0;color:#b53535}.crm-modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:8px}.crm-text-button{border:0;padding:6px;color:var(--crm-blue);background:transparent;font-weight:750}.crm-preset-row{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:3px}.crm-preset-row button{padding:7px 10px;font-size:11px}.crm-segmented{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;border-radius:12px;background:#eef2f7}.crm-segmented button{border:0;border-radius:9px;padding:9px;color:var(--crm-muted);background:transparent;font-weight:700}.crm-segmented button.active{color:var(--crm-blue);background:#fff;box-shadow:0 3px 10px #2334551a}.crm-inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.crm-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.crm-weekdays button{aspect-ratio:1;border:1px solid var(--crm-line);border-radius:10px;color:var(--crm-muted);background:#fff;font-size:11px;font-weight:750}.crm-weekdays button.active{border-color:#8cacf2;color:#fff;background:var(--crm-blue)}.crm-drawer-backdrop{place-items:stretch end;padding:0}.crm-drawer{width:min(460px,100%);height:100%;box-sizing:border-box;overflow:auto;padding:26px;background:#fff;box-shadow:-20px 0 70px #06132933}.crm-drawer>header{display:flex;align-items:flex-start;gap:14px}.crm-drawer>header>div:nth-child(2){min-width:0;flex:1}.crm-drawer h2{margin:7px 0 3px;font-size:23px}.crm-drawer header p{margin:0;color:var(--crm-muted)}.crm-drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:24px 0}.crm-drawer dl{display:grid;gap:0;margin:0;border:1px solid var(--crm-line);border-radius:15px;overflow:hidden}.crm-drawer dl div{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:12px 14px;border-bottom:1px solid var(--crm-line)}.crm-drawer dl div:last-child{border:0}.crm-drawer dt{color:var(--crm-muted);font-size:12px}.crm-drawer dd{margin:0;overflow-wrap:anywhere;color:var(--crm-ink);font-size:13px;font-weight:650}.crm-drawer section{margin-top:22px}.crm-drawer section h3{margin:0 0 9px;font-size:13px}.detail-note{margin:0;padding:14px;border-radius:13px;color:#46566d;background:#f5f7fa;line-height:1.55;white-space:pre-wrap}.crm-drawer>footer{display:flex;gap:10px;margin-top:28px;padding-top:18px;border-top:1px solid var(--crm-line)}.crm-drawer>footer button{flex:1;border:1px solid var(--crm-line);border-radius:10px;padding:10px;background:#fff;font-weight:700}.crm-drawer>footer button.danger,.schedule-actions button.danger{color:#b93b3b}.crm-tabs{display:flex;gap:5px;padding:4px;border-radius:13px;background:#e9edf4}.crm-tabs button{border:0;border-radius:10px;padding:9px 15px;color:var(--crm-muted);background:transparent;font-weight:750}.crm-tabs button.active{color:var(--crm-ink);background:#fff;box-shadow:0 3px 10px #1b2b4c14}.crm-tabs span{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:4px;border-radius:999px;background:#e7ebf2;font-size:10px}.crm-expiry-note{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:11px 14px;border:1px solid #d9e7ff;border-radius:12px;color:#4e6487;background:#f3f7ff;font-size:12px}.reminder-list{display:grid;gap:9px}.reminder-card{position:relative;display:grid;grid-template-columns:12px 1fr;gap:12px;padding:18px 20px;border:1px solid var(--crm-line);border-radius:16px;background:#fff;cursor:pointer;transition:background .16s,border-color .16s}.reminder-card.unread{border-color:#bfd1fb;background:linear-gradient(90deg,#edf3ff,#fff 34%)}.reminder-status-dot{width:9px;height:9px;margin-top:7px;border-radius:50%;background:#b8c0cd}.reminder-card.unread .reminder-status-dot{background:var(--crm-blue);box-shadow:0 0 0 4px #235bd71f}.reminder-card-head{display:flex;justify-content:space-between;gap:18px}.reminder-card-head h3{margin:7px 0 0;font-size:16px}.reminder-card-head time{color:var(--crm-muted);font-size:11px;white-space:nowrap}.reminder-content>p{margin:8px 0;color:#596981;line-height:1.5;white-space:pre-wrap}.reminder-meta{display:flex;gap:7px;color:var(--crm-muted);font-size:10px}.reminder-meta span{padding:4px 7px;border-radius:6px;background:#f0f2f6}.schedule-grid{display:grid;gap:10px}.schedule-card{display:grid;grid-template-columns:46px 1fr auto;gap:14px;align-items:start;padding:18px;border:1px solid var(--crm-line);border-radius:17px;background:#fff}.schedule-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;color:#7043b7;background:#f0e9fc;font-size:21px}.schedule-main h3{margin:7px 0 4px}.schedule-main>p{margin:0 0 10px;color:var(--crm-muted)}.schedule-next{display:flex;gap:9px;align-items:center}.schedule-next strong{font-size:12px}.schedule-next span{padding:4px 7px;border-radius:6px;color:#5b697c;background:#f0f2f6;font-size:10px}.schedule-actions{display:flex;gap:6px}.schedule-actions button{border:1px solid var(--crm-line);border-radius:9px;padding:8px 10px;background:#fff;font-size:11px;font-weight:700}.reminder-subject-drawer{width:min(520px,100%)}.reminder-subject-avatar{display:grid;flex:0 0 auto;place-items:center;width:50px;height:50px;border-radius:15px;color:#1f55ba;background:#e9f0ff;font-size:20px;font-weight:850}.reminder-subject-avatar.shipper{color:#24724f;background:#e7f7ef}.reminder-subject-actions{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.reminder-subject-drawer dd a{color:#235bd7;text-decoration:none}.reminder-subject-drawer dd a:hover{text-decoration:underline}.reminder-detail-section.first{margin-top:4px}.reminder-detail-section>.detail-note{margin-top:12px}.reminder-detail-empty{margin:0;padding:14px;border:1px dashed #cfd7e5;border-radius:13px;color:var(--crm-muted);background:#f8fafc;font-size:13px}.reminder-subject-state{display:grid;place-items:center;min-height:260px;padding:30px 10px;color:var(--crm-muted);text-align:center}.reminder-subject-state p{margin:10px 0 0}.reminder-subject-state.error{min-height:190px;border:1px solid #f1cccc;border-radius:15px;color:#914141;background:#fff7f7}@media (max-width: 900px){.shipper-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shippers-toolbar{flex-direction:column}.crm-search{max-width:none}}@media (max-width: 640px){.crm-page{width:min(100% - 20px,1180px);padding:16px 0 90px}.crm-hero{align-items:stretch;flex-direction:column;padding:23px 20px;border-radius:20px}.crm-hero h1{font-size:29px}.hero-action{align-self:stretch}.crm-stat-grid{grid-template-columns:1fr 1fr 1fr;gap:6px}.crm-stat-grid>div{min-height:63px;align-items:flex-start;flex-direction:column;padding:10px}.crm-stat-grid span{font-size:10px}.crm-stat-grid strong{font-size:20px}.shipper-grid{grid-template-columns:1fr}.crm-filter-chips{padding-bottom:3px}.crm-toolbar{align-items:stretch;flex-direction:column}.reminder-toolbar{flex-direction:row;align-items:center}.crm-modal-backdrop{align-items:end;padding:0}.crm-modal{max-height:94vh;border-radius:22px 22px 0 0}.crm-modal-header{padding:20px 17px 16px}.crm-form{grid-template-columns:1fr;gap:13px;padding:18px 17px 24px}.crm-field-wide,.crm-form-section,.crm-custom-fields{grid-column:auto}.crm-form-section,.crm-inline-fields,.crm-modal-actions,.crm-custom-fields{grid-column:1}.crm-custom-fields>div{grid-template-columns:1fr 1fr 34px}.crm-modal-actions .crm-button{flex:1}.crm-drawer{padding:19px 16px}.schedule-card{grid-template-columns:40px 1fr}.schedule-actions{grid-column:2}.reminder-card-head{align-items:flex-start;flex-direction:column-reverse;gap:6px}.crm-subject-link>b{width:100%}.reminder-subject-drawer{padding:19px 16px 28px}}.reminder-bell{position:relative;flex:0 0 auto}.reminder-bell.mobile{position:fixed;z-index:900;top:max(10px,env(safe-area-inset-top));left:12px}.reminder-bell.mobile .reminder-bell-button{border-color:#ffffff52;background:#214f9e;box-shadow:0 8px 22px #0e2b5c40}.reminder-bell.mobile .reminder-popover{position:fixed;top:calc(max(10px,env(safe-area-inset-top)) + 54px);left:10px}.reminder-bell-button{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:13px;color:#fff;background:#ffffff1a}.reminder-bell-button:hover{background:#ffffff2e}.reminder-bell-button svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.reminder-bell-button>span{position:absolute;top:-5px;right:-6px;display:grid;place-items:center;min-width:19px;height:19px;box-sizing:border-box;padding:0 5px;border:2px solid #183e84;border-radius:999px;color:#fff;background:#ef4e5d;font-size:9px;font-weight:850}.reminder-popover{position:absolute;z-index:100;top:calc(100% + 12px);left:0;width:min(370px,calc(100vw - 28px));overflow:hidden;border:1px solid #dfe5ef;border-radius:17px;color:#17243d;background:#fff;box-shadow:0 22px 60px #07173442}.reminder-popover:before{content:"";position:absolute;top:-7px;left:17px;width:13px;height:13px;transform:rotate(45deg);border-left:1px solid #dfe5ef;border-top:1px solid #dfe5ef;background:#fff}.reminder-popover>header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #edf0f5}.reminder-popover>header div{display:grid;gap:2px}.reminder-popover>header strong{font-size:15px}.reminder-popover>header span{color:#728098;font-size:10px}.reminder-popover>header button{border:0;color:#235bd7;background:transparent;font-size:11px;font-weight:750}.reminder-popover-list{display:grid;max-height:370px;overflow:auto}.reminder-popover-list>button{display:grid;grid-template-columns:8px 1fr;gap:10px;width:100%;padding:13px 16px;border:0;border-bottom:1px solid #edf0f5;text-align:left;background:#fff}.reminder-popover-list>button.unread{background:#f1f5ff}.reminder-popover-list i{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#b4bdca}.reminder-popover-list .unread i{background:#235bd7}.reminder-popover-list button>span{display:grid;gap:4px;min-width:0}.reminder-popover-list strong,.reminder-popover-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reminder-popover-list strong{font-size:12px}.reminder-popover-list small{color:#5d6c83;font-size:10px}.reminder-popover-list time{color:#8793a5;font-size:9px}.reminder-popover-empty{display:grid;justify-items:center;gap:6px;padding:35px 16px;color:#708096;font-size:12px}.reminder-popover-empty b{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;color:#258158;background:#e5f7ed;font-size:18px}.skeleton{background:linear-gradient(90deg,#f0f0f0,#f8f8f8,#f0f0f0 40%,#f0f0f0);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-color-scheme: dark){.skeleton{background:linear-gradient(90deg,#2a2a2a,#333,#2a2a2a 40%,#2a2a2a);background-size:200% 100%}}.card-skeleton{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.list-skeleton{display:flex;flex-direction:column;gap:16px}.list-item-skeleton{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.table-skeleton{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a}.table-row-skeleton{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:16px;padding:12px 0;border-bottom:1px solid #f0f0f0}.table-row-skeleton:first-child{border-bottom:2px solid #e0e0e0}.table-row-skeleton:last-child{border-bottom:none}.form-skeleton{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a}.page-skeleton{padding:30px;max-width:1200px;margin:0 auto}@media (max-width: 768px){.grid-skeleton,.table-row-skeleton{grid-template-columns:1fr!important}.page-skeleton{padding:20px}}.skeleton:hover{animation-play-state:paused}:root{--brand-primary: #08142c;--brand-secondary: #4A90E2;--brand-accent: #7ED321;--color-success: #28a745;--color-danger: #dc3545;--color-warning: #ffc107;--color-info: #17a2b8;--color-background: #f8f9fa;--color-surface: #ffffff;--color-border: #dee2e6;--color-text-primary: #212529;--color-text-secondary: #6c757d;--color-text-muted: #adb5bd;--shadow-sm: 0 2px 4px rgba(8, 20, 44, .08);--shadow-md: 0 4px 8px rgba(8, 20, 44, .12);--shadow-lg: 0 8px 16px rgba(8, 20, 44, .16);--shadow-xl: 0 12px 24px rgba(8, 20, 44, .2);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:var(--space-lg)}@media (max-width: 768px){.container{padding:var(--space-md)}}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);border:1px solid var(--color-border)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-title{font-size:var(--font-size-xl);font-weight:700;color:var(--brand-primary);margin-bottom:var(--space-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px 24px;font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--brand-secondary) 0%,var(--brand-primary) 100%);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--color-surface);color:var(--brand-primary);border:2px solid var(--color-border)}.btn-secondary:hover:not(:disabled){border-color:var(--brand-secondary);background:#f8f9fa}.btn-success{background:var(--brand-accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-success:hover:not(:disabled){background:#6bc419;box-shadow:var(--shadow-md)}.btn-danger{background:var(--color-danger);color:#fff;box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){background:#c82333;box-shadow:var(--shadow-md)}.navbar{background:var(--brand-primary);box-shadow:var(--shadow-md);padding:var(--space-md) 0;position:sticky;top:0;z-index:1000}.navbar-brand{font-size:var(--font-size-2xl);font-weight:800;color:#fff;display:flex;align-items:center;gap:var(--space-md)}.navbar-logo{width:48px;height:48px;object-fit:contain}.navbar-menu{display:flex;gap:var(--space-sm);flex-wrap:wrap}.nav-button{padding:10px 20px;background:transparent;color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.nav-button:hover{background:#ffffff1a}.nav-button.active,.nav-button.primary{background:var(--brand-accent);color:var(--brand-primary)}.nav-button.danger{background:transparent;color:#ff6b6b}.nav-button.danger:hover{background:#ff6b6b1a}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.form-label .required{color:var(--color-danger);margin-left:2px}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;font-size:var(--font-size-base);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:all var(--transition-fast);font-family:var(--font-family)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--brand-secondary);box-shadow:0 0 0 3px #4a90e21a}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.form-textarea{min-height:100px;resize:vertical;line-height:1.6}.form-helper{display:block;margin-top:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--color-danger)}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{box-shadow:0 0 0 3px #dc35451a}.form-error{display:block;margin-top:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-danger);font-weight:500}.form-input.success,.form-select.success,.form-textarea.success{border-color:var(--color-success)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--color-background);cursor:not-allowed;opacity:.6}.form-section{background:linear-gradient(135deg,#4a90e208,#7ed32108);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl);border:1px solid rgba(74,144,226,.1)}.form-section-title{font-size:var(--font-size-lg);font-weight:700;color:var(--brand-primary);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid rgba(74,144,226,.2)}.form-input[type=number]::-webkit-inner-spin-button,.form-input[type=number]::-webkit-outer-spin-button{opacity:1}@media (max-width: 768px){.form-input,.form-select,.form-textarea{font-size:16px;padding:14px 16px}.form-row{grid-template-columns:1fr}.form-section{padding:var(--space-md)}}.page-title{font-size:var(--font-size-3xl);font-weight:800;color:var(--brand-primary);margin-bottom:var(--space-xl);display:flex;align-items:center;gap:var(--space-md)}.page-title:before{content:"";width:4px;height:40px;background:linear-gradient(180deg,var(--brand-accent) 0%,var(--brand-secondary) 100%);border-radius:2px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}@media (max-width: 768px){.grid{grid-template-columns:1fr;gap:var(--space-md)}}.search-filters{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.filters-title{font-size:var(--font-size-xl);font-weight:700;color:var(--brand-primary);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid var(--color-border)}@media (max-width: 768px){.search-filters{padding:var(--space-lg);margin-bottom:var(--space-xl)}}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-top:var(--space-2xl);padding:var(--space-lg) 0}.pagination-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px 24px;font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-md);border:2px solid var(--brand-secondary);background:var(--color-surface);color:var(--brand-primary);cursor:pointer;transition:all var(--transition-fast);min-width:120px}.pagination-button:hover:not(:disabled){background:var(--brand-secondary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.pagination-button:active:not(:disabled){transform:translateY(0)}.pagination-button:disabled{opacity:.4;cursor:not-allowed;border-color:var(--color-border);color:var(--color-text-muted)}.pagination-info{font-size:var(--font-size-base);font-weight:700;color:var(--brand-primary);padding:12px 24px;background:linear-gradient(135deg,#4a90e21a,#7ed3211a);border-radius:var(--radius-md);min-width:100px;text-align:center}@media (max-width: 768px){.pagination{flex-wrap:wrap;gap:var(--space-sm)}.pagination-button{flex:1;min-width:100px;padding:14px 20px;font-size:var(--font-size-sm)}.pagination-info{width:100%;order:-1;margin-bottom:var(--space-sm)}}.badge{display:inline-flex;align-items:center;padding:4px 12px;font-size:var(--font-size-xs);font-weight:700;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.badge-success{background:#d4edda;color:#155724}.badge-primary{background:#cfe2ff;color:#084298}.badge-danger{background:#f8d7da;color:#721c24}.badge-warning{background:#fff3cd;color:#856404}.badge-secondary{background:#e2e3e5;color:#41464b}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-lg);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.empty-state-icon{font-size:80px;margin-bottom:var(--space-lg);opacity:.6}.empty-state-title{font-size:var(--font-size-xl);font-weight:700;color:var(--brand-primary);margin-bottom:var(--space-sm)}.empty-state-description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-xl);max-width:400px;margin-left:auto;margin-right:auto}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--brand-secondary);font-size:var(--font-size-lg);font-weight:600}.loading:after{content:"";width:24px;height:24px;margin-left:var(--space-md);border:3px solid var(--color-border);border-top-color:var(--brand-secondary);border-radius:50%;animation:spinner .8s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}.error-message{padding:var(--space-md);background:#f8d7da;border:1px solid #f5c6cb;border-radius:var(--radius-md);color:#721c24;font-size:var(--font-size-sm)}.success-message{padding:var(--space-md);background:#d4edda;border:1px solid #c3e6cb;border-radius:var(--radius-md);color:#155724;font-size:var(--font-size-sm)}.btn-group{display:flex;gap:var(--space-md);flex-wrap:wrap}.btn-group .btn{flex:1;min-width:120px}@media (max-width: 768px){.btn-group{flex-direction:column}.btn-group .btn{width:100%}}.text-center{text-align:center}.mt-lg{margin-top:var(--space-lg)}.mb-lg{margin-bottom:var(--space-lg)}.w-full{width:100%}@media (max-width: 768px){.page-title{font-size:var(--font-size-2xl)}.navbar-menu{overflow-x:auto;-webkit-overflow-scrolling:touch}.navbar-menu::-webkit-scrollbar{display:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-base)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#08142ccc;display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--space-lg);animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp .3s ease-out;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-content .card-title{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid var(--color-border)}@media (max-width: 768px){.modal-overlay{padding:var(--space-md)}.modal-content{padding:var(--space-lg);max-height:95vh}}.toast-container{font-family:var(--font-family)!important}.toast-container>div{border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;font-weight:600!important}.cargo-owner-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 14px;border-radius:999px;border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-family:inherit;font-size:var(--font-size-sm);font-weight:700;line-height:1.2;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base)}.cargo-owner-toggle:hover:not(.is-active){border-color:var(--brand-secondary);color:var(--brand-primary);background:#f5f9ff}.cargo-owner-toggle:focus-visible{outline:2px solid var(--brand-secondary);outline-offset:2px}.cargo-owner-toggle.is-active{background:#d4edda;border-color:#28a745;color:#155724;box-shadow:0 2px 8px #28a74529}.cargo-owner-toggle__indicator{width:18px;height:18px;border-radius:50%;border:1.5px solid currentColor;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1;flex:0 0 auto}.cargo-owner-toggle.is-active .cargo-owner-toggle__indicator{background:#28a745;border-color:#28a745;color:#fff}.cargo-owner-toggle__label{white-space:nowrap}@media (max-width: 480px){.cargo-owner-toggle{width:100%;min-height:40px}}:root{--brand-color: var(--brand-primary);--brand-light: var(--brand-secondary);--brand-lighter: var(--brand-secondary);--success-color: var(--color-success);--danger-color: var(--color-danger);--warning-color: var(--color-warning);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--border-color: var(--color-border);--bg-light: var(--color-background)}html{scroll-behavior:smooth}a{text-decoration:none;color:inherit}a:hover{text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 374px){:root{--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px}}@media (max-width: 767px){body{font-size:14px;-webkit-tap-highlight-color:rgba(0,0,0,.1);-webkit-touch-callout:none;overflow-x:hidden}.container{padding:12px;max-width:100%}.page-title{font-size:20px!important;margin-bottom:16px!important}.card-title,.filters-title{font-size:16px!important}.btn{min-height:44px!important;padding:12px 16px!important;font-size:14px!important;font-weight:600!important;border-radius:8px!important;width:100%;touch-action:manipulation}.btn-sm{min-height:40px!important;padding:10px 14px!important;font-size:13px!important}.btn-lg{min-height:48px!important;padding:14px 20px!important;font-size:16px!important}.btn-group{flex-direction:column!important;gap:10px!important}.btn-group .btn{width:100%!important}.card{padding:14px!important;margin-bottom:12px!important;border-radius:10px!important}.card:active{transform:scale(.98);transition:transform .1s}.grid{grid-template-columns:1fr!important;gap:12px!important}.search-filters{padding:14px!important;margin-bottom:16px!important}.form-group{margin-bottom:14px!important}.form-label{font-size:13px!important;margin-bottom:6px!important;font-weight:600!important}.form-input,.form-select,.form-textarea{min-height:44px!important;padding:10px 12px!important;font-size:14px!important;border-radius:8px!important;width:100%}.form-textarea{min-height:100px!important}.form-row{flex-direction:column!important;gap:10px!important}.form-row>*{flex:1 1 100%!important;width:100%!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-content{width:100%!important;max-width:100%!important;max-height:90vh!important;margin:0!important;border-radius:20px 20px 0 0!important;overflow-y:auto!important;animation:slideUp .3s ease-out!important}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-content:before{content:"";display:block;width:40px;height:4px;background:#dee2e6;border-radius:2px;margin:10px auto}.pagination{flex-direction:row!important;gap:8px!important;padding:12px!important}.pagination-button{min-height:44px!important;padding:10px 14px!important;font-size:13px!important}.pagination-button span{font-size:13px!important}.pagination-info{padding:0 8px!important;font-size:13px!important}.badge{font-size:11px!important;padding:4px 8px!important}.loading,.error-message,.empty-state{padding:24px 16px!important;font-size:14px!important}.container>div:first-child{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.container>div:first-child>button{width:100%!important}.card>div:last-child{display:flex;flex-direction:column;gap:8px}.card>div:last-child .btn{width:100%!important}.card>div:last-child>div{display:flex;gap:8px}.card>div:last-child>div .btn{flex:1}.container>div[style*=backgroundColor]{padding:12px!important;font-size:13px!important;margin-bottom:16px!important}.container>div[style*=backgroundColor] strong{font-size:14px!important}.container>div[style*=backgroundColor] p{font-size:12px!important;margin-top:8px!important}div[style*="borderRadius: 12px"][style*=boxShadow]{padding:16px!important}div[style*="borderRadius: 12px"] strong[style*="fontSize: 22px"]{font-size:24px!important;font-family:Courier New,Courier,monospace!important;letter-spacing:1px!important;white-space:nowrap!important}div[style*="borderRadius: 12px"] span[style*="fontSize: 16px"]{font-size:14px!important}div[style*="borderRadius: 12px"] span[style*="fontSize: 28px"]{font-size:24px!important}div[style*="borderRadius: 12px"] a[style*="padding: 12px 20px"]{padding:14px 18px!important;font-size:14px!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:3px}a,button,input,select,textarea{min-height:44px}input:focus,select:focus,textarea:focus,button:focus{outline:2px solid var(--brand-secondary);outline-offset:2px}.navbar{position:fixed!important;bottom:0!important;top:auto!important;left:0;right:0;z-index:100;background:#fff!important;border-top:1px solid #e0e0e0;box-shadow:0 -2px 10px #0000001a!important;padding:0!important}.navbar-content{flex-direction:column!important;padding:0!important;gap:0!important;max-width:100%!important}.navbar-brand{display:none!important}.navbar-menu{display:flex!important;flex-direction:row!important;justify-content:space-around!important;align-items:center!important;width:100%!important;padding:8px 4px!important;gap:4px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.navbar-menu::-webkit-scrollbar{display:none}.nav-button{flex:1 1 auto!important;min-width:60px!important;max-width:90px!important;padding:8px 6px!important;font-size:11px!important;font-weight:600!important;height:auto!important;min-height:48px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;border-radius:8px!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important;background-color:transparent!important;color:#6c757d!important;border:1px solid transparent!important;transition:all .2s ease!important}.nav-button:hover{background-color:#f8f9fa!important;color:var(--brand-primary)!important}.nav-button.active{background-color:var(--brand-primary)!important;color:#fff!important;border-color:var(--brand-primary)!important}body{padding-bottom:70px!important}.container{padding-bottom:20px!important}}@media (max-width: 374px){.container{padding:10px!important}.card{padding:12px!important;margin-bottom:10px!important}.btn{min-height:42px!important;padding:10px 14px!important;font-size:13px!important}.search-filters{padding:12px!important}}@media (max-width: 767px) and (orientation: landscape){.modal-content{max-height:80vh!important}.container{padding:12px 16px!important}}@media (min-width: 768px) and (max-width: 1024px){.container{max-width:95%;padding:20px}.grid{grid-template-columns:repeat(2,1fr)!important}.btn-group,.form-row{flex-direction:row!important}}