:root{--primary: #FF6B35;--secondary: #004E89;--accent: #F7B801;--dark: #1A1A2E;--light: #F4F4F9;--gray: #6B7280;--gray-light: #E5E7EB;--danger: #E63946}.layout{display:flex;min-height:100vh;background:var(--light);font-family:Work Sans,sans-serif}.layout .sidebar{display:flex;flex-direction:column;flex-shrink:0;min-width:0;width:260px;height:100vh;position:sticky;top:0;background:linear-gradient(180deg,var(--secondary) 0%,#002244 100%);padding:30px 20px;color:#fff;overflow:hidden;transition:width .3s ease,padding .3s ease;z-index:100}.layout .sidebar.sidebar-collapsed{width:0;min-width:0;padding:0}.logo-container{margin-bottom:40px;text-align:center;white-space:nowrap}.logo-web{font-size:26px;font-weight:800;color:var(--accent)}.logo-subtitle-web{font-size:11px;opacity:.6;letter-spacing:2px}.nav-title{font-size:11px;opacity:.6;margin-bottom:12px;padding-left:15px;text-transform:uppercase;white-space:nowrap}.nav-item{display:flex;gap:12px;padding:12px 15px;border-radius:12px;text-decoration:none;color:#ffffffb3;margin-bottom:5px;transition:.3s;white-space:nowrap}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#ff6b3533;border-left:3px solid var(--accent);color:#fff}.layout .main-content{flex:1;min-width:0;margin-left:0!important}.topbar{background:#fff;padding:16px 32px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:50;gap:12px}.topbar-left{display:flex;align-items:center;gap:14px}.topbar-left h1{font-size:22px;font-weight:800;color:var(--dark);white-space:nowrap}.topbar-subtitle{font-size:13px;color:var(--gray)}.topbar-right{display:flex;align-items:center;gap:16px}.search-web input{padding:10px 20px 10px 40px;border:2px solid var(--gray-light);border-radius:12px;width:260px;font-size:14px;font-family:Work Sans,sans-serif;transition:border-color .2s}.search-web input:focus{outline:none;border-color:var(--primary)}.search-web:before{content:"🔍";position:absolute;left:12px;top:50%;transform:translateY(-50%)}.user-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;cursor:pointer;flex-shrink:0}.hamburger-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;border:none;border-radius:10px;background:var(--light);color:var(--dark);font-size:20px;cursor:pointer;transition:background .2s,color .2s}.hamburger-btn:hover{background:var(--gray-light)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000073;z-index:120}.logout-btn{width:100%;padding:12px;border:none;border-radius:12px;background:var(--danger);color:#fff;font-weight:600;cursor:pointer;transition:background .3s;white-space:nowrap}.logout-btn:hover{background:#c0313d}.table-scroll-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:1024px){.search-web input{width:180px}}@media(max-width:768px){.layout .sidebar{position:fixed;left:0;top:0;width:260px;height:100vh;z-index:130;padding:30px 20px;transform:translate(-100%);transition:transform .3s ease}.layout .sidebar.sidebar-open{transform:translate(0)}.layout .sidebar.sidebar-collapsed{transform:translate(-100%);width:260px;padding:30px 20px}.sidebar-overlay{display:block}.topbar{padding:14px 16px;flex-wrap:wrap;gap:10px}.topbar-right{flex-wrap:wrap;gap:10px}.search-web input{width:100%;min-width:0}.search-web{width:100%}.goods-search-mode{flex-wrap:wrap;white-space:normal}}@media(max-width:480px){.topbar-left h1{font-size:16px}.topbar-subtitle{display:none}.login-card{padding:28px 20px}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#ff6b35;--secondary:#004e89;--accent:#f7b801;--dark:#1a1a2e;--light:#f4f4f9;--success:#00c896;--warning:#f7b801;--danger:#e63946;--gray:#6b7280;--gray-light:#e5e7eb}body{background:var(--light);min-height:100vh;font-family:Work Sans,sans-serif}.sidebar{background:linear-gradient(180deg,var(--secondary) 0%,#024 100%);z-index:100;width:260px;height:100vh;padding:30px 20px;position:fixed;top:0;left:0;overflow-y:auto}.logo-container{text-align:center;margin-bottom:40px}.logo-web{color:var(--accent);text-transform:uppercase;letter-spacing:-1px;margin-bottom:5px;font-family:Archivo Black,sans-serif;font-size:28px}.logo-subtitle-web{color:#fff9;text-transform:uppercase;letter-spacing:2px;font-size:11px}.nav-section{margin-bottom:30px}.nav-title{color:#ffffff80;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;padding:0 15px;font-size:11px}.nav-item{color:#ffffffb3;cursor:pointer;border-radius:12px;align-items:center;gap:12px;margin-bottom:5px;padding:12px 15px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.nav-item:hover{color:#fff;background:#ffffff1a}.nav-item.active{color:#fff;border-left:3px solid var(--accent);background:#ff6b3533}.nav-icon{text-align:center;width:24px;font-size:20px}.main-content{min-height:100vh;margin-left:260px}.topbar{z-index:50;background:#fff;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0000000d}.topbar-left h1{color:var(--dark);text-transform:uppercase;letter-spacing:-.5px;font-family:Archivo Black,sans-serif;font-size:24px}.topbar-subtitle{color:var(--gray);margin-top:3px;font-size:13px}.topbar-right{align-items:center;gap:20px;display:flex}.goods-search-mode{color:var(--gray);white-space:nowrap;align-items:center;gap:14px;font-size:13px;display:flex}.goods-search-mode label{cursor:pointer;align-items:center;gap:6px;font-weight:600;display:inline-flex}.goods-search-mode input[type=radio]{accent-color:var(--primary)}.search-web{position:relative}.search-web input{border:2px solid var(--gray-light);border-radius:12px;width:min(300px,100%);padding:10px 20px 10px 40px;font-family:Work Sans,sans-serif;font-size:14px}.search-web input:focus{border-color:var(--primary);outline:none}.search-web:before{content:"🔍";font-size:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.topbar-icon{background:var(--light);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .3s;display:flex;position:relative}.topbar-icon:hover{background:var(--gray-light)}.notification-badge{background:var(--danger);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.user-avatar{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.dashboard-content{padding:30px 40px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px;display:grid}.stat-card{background:#fff;border-radius:20px;padding:25px;position:relative;overflow:hidden;box-shadow:0 2px 15px #0000000f}.stat-card:before{content:"";height:5px;position:absolute;top:0;left:0;right:0}.stat-card.primary:before{background:linear-gradient(90deg,var(--primary),var(--accent))}.stat-card.success:before{background:var(--success)}.stat-card.warning:before{background:var(--warning)}.stat-card.secondary:before{background:var(--secondary)}.stat-header{justify-content:space-between;align-items:start;margin-bottom:15px;display:flex}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex}.stat-card.primary .stat-icon{background:#ff6b351a}.stat-card.success .stat-icon{background:#00c8961a}.stat-card.warning .stat-icon{background:#f7b8011a}.stat-card.secondary .stat-icon{background:#004e891a}.stat-change{border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700}.stat-change.positive{color:var(--success);background:#00c8961a}.stat-change.negative{color:var(--danger);background:#e639461a}.stat-number{color:var(--dark);margin-bottom:8px;font-family:Space Mono,monospace;font-size:36px;font-weight:700}.stat-label{color:var(--gray);text-transform:uppercase;letter-spacing:.5px;font-size:14px}.data-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;display:grid}.data-card{background:#fff;border-radius:20px;padding:25px;box-shadow:0 2px 15px #0000000f}.data-card.full-width{grid-column:1/-1}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-title{color:var(--dark);text-transform:uppercase;letter-spacing:-.5px;align-items:center;gap:10px;font-family:Archivo Black,sans-serif;font-size:18px;display:flex}.card-action{color:var(--primary);cursor:pointer;font-size:13px;font-weight:700;text-decoration:none;transition:all .3s}.card-action:hover{color:var(--accent)}.data-table{border-collapse:collapse;white-space:nowrap;width:100%}.data-card{min-width:0;overflow:hidden}.cell-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.data-table thead tr{border-bottom:2px solid var(--gray-light)}.data-table th{text-align:left;color:var(--gray);text-transform:uppercase;letter-spacing:.5px;padding:12px 15px;font-size:12px;font-weight:600}.data-table td{border-bottom:1px solid var(--gray-light);padding:15px;font-size:14px}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{cursor:pointer;transition:all .3s}.data-table tbody tr:hover{background:var(--light)}.user-cell{align-items:center;gap:12px;display:flex}.user-avatar-small{background:linear-gradient(135deg,var(--secondary),var(--primary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.user-info-small{flex:1}.user-name-small{color:var(--dark);margin-bottom:2px;font-weight:600}.user-email-small{color:var(--gray);font-size:12px}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-block}.badge.active{color:var(--success);background:#00c8961a}.badge.inactive{color:var(--gray);background:#6b72801a}.badge.transit{color:var(--success);background:#00c8961a}.badge.customs{color:var(--warning);background:#f7b8011a}.badge.delivered{color:var(--success);background:#00c89626}.badge.delayed{color:var(--danger);background:#e639461a}.tracking-code{color:var(--dark);font-family:Space Mono,monospace;font-weight:700}.route-cell{color:var(--gray);font-size:13px}.action-btns{gap:8px;display:flex}.action-btn-small{background:var(--light);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .3s;display:flex}.action-btn-small:hover{background:var(--gray-light);transform:scale(1.1)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff6b354d}.btn-secondary{border:2px solid var(--gray-light);color:var(--dark);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:#fff;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .3s}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}@media(max-width:1400px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.sidebar{width:70px;padding:20px 10px}.logo-container{font-size:20px}.logo-subtitle-web,.nav-title,.nav-item span{display:none}.nav-item{justify-content:center;padding:12px}.main-content{margin-left:70px}.data-grid{grid-template-columns:1fr}}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.topbar{padding:15px 20px}.dashboard-content{padding:20px}.search-web input{width:160px}}.modal-overlay{z-index:200;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-page{background:linear-gradient(135deg,#004e89,#1a1a2e);justify-content:center;align-items:center;min-height:100vh;font-family:Work Sans,sans-serif;display:flex}.login-card{background:#fff;border-radius:20px;width:min(400px,100vw - 32px);padding:40px;animation:.5s fadeIn;box-shadow:0 20px 40px #0003}.login-title{color:#1a1a2e;margin-bottom:10px;font-size:28px;font-weight:700}.login-subtitle{color:#6b7280;margin-bottom:30px;font-size:14px}.login-form input{border:2px solid #e5e7eb;border-radius:12px;width:100%;margin-bottom:15px;padding:14px;font-size:14px;transition:all .3s}.login-form input:focus{border-color:#ff6b35;outline:none}.password-field{position:relative}.password-field input{padding-right:70px}.toggle-password{color:#6b7280;cursor:pointer;background:0 0;border:none;font-size:23px;font-weight:700;position:absolute;top:40%;right:17px;transform:translateY(-50%)}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35,#f7b801);border:none;border-radius:12px;width:100%;padding:14px;font-size:14px;font-weight:700;transition:all .3s}.login-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff6b354d}.login-error{color:#e63946;background:#e639461a;border-radius:10px;margin-bottom:15px;padding:10px;font-size:13px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.layout{min-height:100vh;font-family:Inter,sans-serif;display:flex}.sidebar{color:#fff;background:#111827;flex-direction:column;width:240px;padding:25px 20px;display:flex}.sidebar-logo{color:#fbbf24;margin-bottom:40px;font-size:22px;font-weight:700}.sidebar-menu{flex:1;margin:0;padding:0;list-style:none}.sidebar-menu li{margin-bottom:10px}.sidebar-link{color:#d1d5db;border-radius:10px;padding:12px 15px;font-size:14px;text-decoration:none;transition:all .3s;display:block}.sidebar-link:hover{color:#fff;background:#1f2937}.sidebar-link.active{color:#fff;background:linear-gradient(135deg,#f59e0b,#ef4444);font-weight:600}.logout-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;padding:12px;font-weight:600;transition:all .3s}.logout-btn:hover{background:#dc2626}.main-content{background:#f3f4f6;flex:1;padding:30px}.page-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.add-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:10px 16px}.add-btn:hover{background:#4338ca}.modal-overlay{background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:min(400px,100vw - 32px);padding:25px}.modal-form input,.modal-form select,.modal-form textarea{border:1px solid #ddd;border-radius:8px;width:100%;margin-bottom:12px;padding:10px}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.stocks-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stocks-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;width:min(520px,100%);padding:10px;font-size:14px}.stocks-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #ff6b3526}.stocks-select:disabled{opacity:.7;cursor:not-allowed}.add-user-modal{border-radius:16px;width:min(460px,100vw - 32px);box-shadow:0 12px 32px #0000002e}.add-user-title{color:var(--dark);margin-bottom:4px;font-size:22px;font-weight:800}.add-user-subtitle{color:var(--gray);margin-bottom:14px;font-size:13px}.add-user-modal .modal-form input,.add-user-modal .modal-form select{background:#fff;border:1px solid #d1d5db;transition:border-color .2s,box-shadow .2s}.add-user-modal .modal-form input:focus,.add-user-modal .modal-form select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #ff6b3526}.submit-btn{color:#fff;background:#10b981;border:none;border-radius:6px;padding:8px 14px}.roads-table{border-collapse:collapse;width:100%;margin-top:20px}.roads-table th,.roads-table td{border-bottom:1px solid #eee;padding:10px}.roads-table th{text-align:left;background:#f9fafb}.search-input{width:250px;margin-bottom:15px;padding:8px}.pagination{gap:10px;margin-top:20px;display:flex}.error{color:red;font-size:12px}.loader{border:4px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;width:35px;height:35px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.hidden{display:none}.border{border-style:var(--tw-border-style);border-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}