:root{color:#111d3a;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0}.page{grid-template-columns:36.2% 63.8%;min-height:100vh;display:grid}.brand-panel{color:#111d3a;background:linear-gradient(125deg,#f7faff,#fbfdff);padding:11.5vh 4.5vw;position:relative;overflow:hidden}.brand{align-items:center;gap:13px;display:flex}.brand b{color:#0878ff;letter-spacing:-12px;font-size:92px;line-height:.8}.brand strong,.brand span{display:block}.brand strong{color:#05070b;letter-spacing:-3px;font-size:59px;line-height:.82}.brand div span{color:#657293;margin-top:9px;font-size:28px}.brand-copy{margin-top:15.8vh}.brand-copy h2{font-size:25px;line-height:1.48}.brand-copy p{color:#657293;max-width:345px;margin-top:29px;font-size:18px;line-height:1.65}.art{height:44vh;position:absolute;bottom:0;left:0;right:0}.city{opacity:.65;background:linear-gradient(0deg,#e5f0ff 0 56%,#0000 56%),linear-gradient(90deg,#0000 5%,#e4efff 5% 13%,#0000 13% 19%,#e4efff 19% 29%,#0000 29% 37%,#e4efff 37% 46%,#0000 46% 55%,#e4efff 55% 63%,#0000 63% 71%,#e4efff 71% 83%,#0000 83%);height:55%;position:absolute;bottom:0;left:0;right:0}.route{border-bottom:2px dashed #b6d5ff;border-radius:50%;width:220px;height:90px;position:absolute;top:36px;left:95px;transform:rotate(-13deg)}.pin{z-index:2;background:#b9d8ff;border-radius:50% 50% 50% 0;width:22px;height:22px;position:absolute;transform:rotate(-45deg)}.pin:after{content:"";background:#eef6ff;border-radius:50%;width:10px;height:10px;position:absolute;top:6px;left:6px}.p1{top:8px;left:95px}.p2{top:14px;left:280px;scale:.7}.p3{top:91px;left:340px;scale:.55}.truck{z-index:3;background:#a8c9f6;border-radius:4px;width:230px;height:110px;position:absolute;bottom:9%;left:20%;box-shadow:-46px 40px 0 -9px #a8c9f6}.truck span{background:#d4e6ff;width:180px;height:20px;position:absolute;bottom:-18px;right:0}.truck i{background:#76a8e8;border:5px solid #edf6ff;border-radius:50%;width:28px;height:28px;margin:0 7px;display:inline-block;position:relative;top:90px}.truck i:first-child{margin-left:-35px;margin-right:65px}.auth-area{place-items:center;padding:5vh 4vw 3vh;display:grid}.wrap{width:min(100%,690px)}.card{background:#fff;border:1px solid #dbe4f0;border-radius:15px;padding:76px 68px 72px;box-shadow:0 9px 16px #1431581a}.card header{text-align:center}.card h1{letter-spacing:-1.6px;margin:0;font-size:43px}.card header p{color:#62708e;margin:18px 0 66px;font-size:19px}.field{margin-top:31px;display:block}.field:first-of-type{margin-top:0}.field>span{color:#121d3c;margin:0 0 14px;font-size:18px;display:block}.input{border:1px solid #d6dfec;border-radius:11px;align-items:center;gap:18px;height:70px;padding:0 20px;display:flex}.input:focus-within{border-color:#0878ff;box-shadow:0 0 0 3px #0878ff1a}.icon{color:#6c7b9e;flex:none;width:27px;height:27px;display:flex}.icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.input input{color:#182341;min-width:0;font:inherit;border:0;outline:0;flex:1;font-size:17px}.input input::placeholder{color:#73809e}.eye,.link{color:#0074ff;cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.eye{display:flex}.options{color:#62708e;justify-content:space-between;align-items:center;margin:29px 0 48px;font-size:16px;display:flex}.remember{align-items:center;gap:11px;display:flex}.remember input{display:none}.remember i{border:1px solid #ced8e5;border-radius:4px;width:24px;height:24px}.remember input:checked+i{background:#0878ff}.remember input:checked+i:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:9px;height:5px;margin:7px 6px;display:block;transform:rotate(-45deg)}.primary{color:#fff;cursor:pointer;background:#0878ff;border:0;border-radius:11px;width:100%;height:70px;font-size:20px}.primary:disabled{opacity:.65}.feedback{border-radius:7px;margin:18px 0 -28px;padding:10px;font-size:14px}.feedback.err{color:#a92a35;background:#fff0f2}.feedback.ok{color:#117044;background:#eafaf2}.feedback.info{color:#315c95;background:#eef6ff}.divider{color:#66728e;align-items:center;gap:17px;margin:50px 0;display:flex}.divider span{background:#d9e1ec;flex:1;height:1px}.switch{color:#68748e;text-align:center;margin:0;font-size:16px}.switch .link{margin-left:12px}.register{padding-top:69px}.register header p{margin-bottom:50px}.register .primary{margin-top:40px}footer{color:#697693;text-align:center;margin-top:51px;font-size:14px;line-height:1.55}footer a{color:#0074ff;text-decoration:none}@media (width<=900px){.page{grid-template-columns:1fr}.brand-panel{min-height:190px;padding:32px 6vw}.brand b{font-size:68px}.brand strong{font-size:44px}.brand div span{font-size:21px}.brand-copy{display:none}.art{width:380px;height:190px;left:auto;right:0}.auth-area{padding:32px 18px}}@media (width<=560px){.brand-panel{min-height:135px;padding:24px}.brand b{font-size:58px}.brand strong{font-size:38px}.brand div span{font-size:18px}.art{opacity:.5;width:260px;height:140px}.auth-area{padding:18px 12px;display:block}.card,.register{padding:32px 20px}.card h1{font-size:31px}.card header p,.register header p{margin:10px 0 31px;font-size:15px}.field{margin-top:21px}.field>span{margin-bottom:8px;font-size:15px}.input{gap:13px;height:58px;padding:0 15px}.icon{width:23px;height:23px}.input input{font-size:15px}.options{margin:22px 0 31px;font-size:14px}.primary{height:58px;font-size:17px}.divider{margin:32px 0}.switch{font-size:14px}.register .primary{margin-top:29px}footer{margin-top:27px;font-size:12px}}.workspace{color:#233252;background:#f9fbff;grid-template-columns:280px minmax(0,1fr);min-height:100vh;font-family:Inter,Arial,sans-serif;display:grid}.sidebar{background:#fff;border-right:1px solid #e1e7f0;flex-direction:column;min-height:100vh;display:flex}.brand.compact{height:120px;padding:28px 34px}.brand.compact b{font-size:55px}.brand.compact strong{color:#101521;font-size:35px}.brand.compact span{font-size:15px}.sidebar nav{padding:25px 16px}.nav-group{color:#0671f9;align-items:center;gap:14px;padding:10px;font-size:15px;display:flex}.nav-group .icon{width:20px}.nav-group span{margin-left:auto}.sidebar nav a{color:#34405a;border:1px solid #0000;border-radius:6px;margin-top:9px;padding:15px 44px;font-size:14px;text-decoration:none;display:block}.sidebar nav .nav-active{color:#0671f9;background:#f5f9ff;border-color:#acd1ff;font-weight:700}.logout{color:#34405a;background:#fff;border:0;border-top:1px solid #e3e8f1;align-items:center;gap:15px;margin-top:auto;padding:28px 25px;font-size:15px;display:flex}.logout .icon{width:23px}.work-main{min-width:0}.topbar{background:#fff;border-bottom:1px solid #e2e7ef;justify-content:flex-end;height:72px;display:flex}.profile{align-items:center;gap:14px;padding:0 42px;display:flex}.profile .avatar{color:#0874ff;background:#eef5ff;border-radius:50%;place-items:center;width:47px;height:47px;font-weight:700;display:grid}.profile span:nth-child(2){gap:6px;min-width:145px;display:grid}.profile b{font-size:14px}.profile small{color:#78849b;font-size:12px}.profile .icon{width:16px}.content{padding:26px 28px}.content-head{justify-content:space-between;align-items:center;margin:0 0 26px 5px;display:flex}.content h1{color:#111;margin:0;font-size:34px}.filter{color:#35415d;background:#fff;border:1px solid #dce3ed;border-radius:5px;align-items:center;gap:13px;padding:13px 21px;font-weight:700;display:flex}.filter .icon{width:21px}.trips-card{background:#fff;border:1px solid #dce3ed;border-radius:12px;overflow:hidden}.table-wrap{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:1270px}th{color:#35415d;white-space:nowrap;background:#f8faff;height:58px;padding:0 20px;font-size:13px}th .icon{color:#8b9ab3;vertical-align:middle;width:13px;margin-left:9px;display:inline-block}td{color:#34415e;white-space:nowrap;border-top:1px solid #e1e7ef;height:67px;padding:0 20px;font-size:13px}td a{color:#0074ff;font-weight:700;text-decoration:none}td small{color:#576786;margin-top:8px;display:block}.table-footer{color:#65738d;border-top:1px solid #e1e7ef;justify-content:space-between;align-items:center;padding:10px 20px;font-size:13px;display:flex}.pagination{align-items:center;gap:7px;display:flex}.pagination button{color:#2f3c59;background:#fff;border:0;min-width:37px;height:39px}.pagination .per-page,.pagination .arrow,.pagination .current{border:1px solid #e0e6ef;border-radius:6px}.pagination .per-page{justify-content:space-around;align-items:center;width:165px;margin-right:12px;font-weight:700;display:flex}.pagination .icon{width:15px}.pagination .current{color:#0674ff;border-color:#1680ff}@media (width<=900px){.workspace{grid-template-columns:210px}.brand.compact{padding-left:20px}.content{padding:18px}.profile{padding-right:20px}.sidebar nav a{padding-left:25px}}.actions-cell{width:54px;padding:0 14px 0 0}.edit-trip{color:#0878ff;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:34px;height:34px;display:grid}.edit-trip:hover{background:#eef6ff}.edit-trip .icon{width:18px;height:18px;color:inherit}.edit-workspace{background:#fbfcff}.edit-page{min-height:calc(100vh - 72px);padding:22px 28px 74px}.edit-title{align-items:center;gap:18px;margin-bottom:21px;display:flex}.edit-title h1{color:#10182f;margin:0;font-size:27px}.edit-title p{color:#64718c;margin:4px 0 0;font-size:14px}.back-button{cursor:pointer;background:#fff;border:1px solid #d9e2ef;border-radius:7px;place-items:center;width:49px;height:49px;display:grid}.edit-layout{grid-template-columns:minmax(0,1fr) 284px;gap:20px;display:grid}.edit-form-grid{grid-template-columns:1.05fr 1.05fr 1.75fr;gap:16px;display:grid}.edit-section{background:#fff;border:1px solid #dfe6f0;border-radius:9px;padding:16px 17px;box-shadow:0 5px 12px #233d6710}.edit-section h2{margin:0 0 15px;font-size:15px}.edit-section h3{margin:13px 0 7px;font-size:12px}.general-section{grid-column:1/-1;grid-template-columns:1fr 1fr .86fr;gap:32px;display:grid}.carrier-section{grid-column:1}.forwarder-section{grid-column:2}.car-section{grid-column:3}.trailer-section{grid-column:1/3}.driver-section{grid-column:3}.conditional-fields{display:contents}.edit-field{margin-top:13px;display:block}.edit-section>.edit-field:first-of-type{margin-top:0}.edit-field>span{color:#596883;margin-bottom:7px;font-size:12px;display:block}.edit-field i{color:#ff4b55;font-style:normal}.edit-input{border:1px solid #d7e0ed;border-radius:5px;align-items:center;gap:8px;height:36px;padding:0 10px;display:flex}.edit-input.disabled{background:#f3f6fb}.edit-input input,.edit-input select{color:#273652;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:13px}.edit-input .icon{width:16px;height:16px}.edit-input select{appearance:none}.three-cols,.two-cols,.driver-top,.passport-cols,.license-cols{gap:16px;display:grid}.three-cols{grid-template-columns:1fr .86fr 1.1fr}.two-cols{grid-template-columns:1fr 1.5fr}.driver-top{grid-template-columns:1.75fr 1fr}.passport-cols{grid-template-columns:.55fr .62fr 2.4fr}.license-cols{grid-template-columns:1fr 1fr}.trip-info{background:#fff;border:1px solid #dfe6f0;border-radius:9px;align-self:start;padding:22px 20px}.trip-info h2{margin:0 0 20px;font-size:15px}.info-item{align-items:center;gap:14px;margin-top:18px;display:flex}.info-icon{background:#edf5ff;border-radius:50%;place-items:center;width:43px;height:43px;display:grid}.info-icon .icon{color:#0878ff;width:20px}.info-item small,.info-item b{display:block}.info-item small{color:#697791;margin-bottom:5px;font-size:12px}.info-item b{font-size:14px}.edit-actions{gap:15px;display:flex;position:fixed;bottom:24px;right:28px}.cancel-button,.save-button{cursor:pointer;border-radius:6px;height:45px;font-size:14px;font-weight:700}.cancel-button{background:#fff;border:1px solid #b7d5ff;width:128px}.save-button{color:#fff;background:#0878ff;border:0;width:140px}@media (width<=1200px){.edit-layout{grid-template-columns:1fr}.trip-info{display:none}.edit-form-grid{grid-template-columns:1fr 1fr}.general-section,.trailer-section,.car-section,.driver-section{grid-column:1/-1}.edit-actions{justify-content:flex-end;margin-top:18px;position:static}}@media (width<=760px){.edit-form-grid,.general-section,.three-cols,.two-cols,.driver-top,.passport-cols,.license-cols{display:block}.edit-section{margin-bottom:12px}.general-section .edit-field{margin-top:13px}}.register .switch{margin-top:28px}.logout{cursor:pointer}.head-actions{gap:12px;display:flex}.add-trip,.sort-button{cursor:pointer;align-items:center;display:flex}.add-trip{color:#fff;background:#0878ff;border:0;border-radius:5px;gap:9px;padding:13px 18px;font-weight:700}.add-trip .icon{color:#fff;width:18px}.sort-button{color:inherit;font:inherit;background:0 0;border:0;gap:7px;padding:0;font-weight:700}.sort-button .icon{margin-left:2px}.edit-feedback{color:#a92a35;background:#fff0f2;border-radius:7px;margin:16px 0 0;padding:10px;font-size:14px}.save-button:disabled{opacity:.65}.company-workspace{background:#fbfcff}.company-page{padding:27px 36px}.company-page h1{color:#10182f;margin:0;font-size:30px}.breadcrumbs{color:#4e6081;gap:14px;margin:14px 0 40px;font-size:14px;display:flex}.breadcrumbs a{color:#4e6081;text-decoration:none}.company-card{background:#fff;border:1px solid #e0e6ef;border-radius:9px;padding:38px 36px 40px;box-shadow:0 4px 13px #1a37650a}.company-card h2{color:#10182f;margin:0 0 42px;font-size:22px}.company-field{margin-top:28px;display:block}.company-field>span,.entity-type legend{color:#344362;margin-bottom:12px;font-size:14px;font-weight:700;display:block}.company-field b,.entity-type b{color:#ff4051}.company-field input{color:#152342;width:100%;height:54px;font:inherit;border:1px solid #d5deeb;border-radius:6px;outline:0;padding:0 15px;font-size:16px}.company-field input:focus{border-color:#0878ff;box-shadow:0 0 0 3px #0878ff12}.entity-type{border:0;margin:28px 0 0;padding:0}.entity-type div{gap:34px;display:flex}.company-radio{color:#273754;cursor:pointer;align-items:center;gap:10px;font-size:15px;display:flex}.company-radio input{opacity:0;position:absolute}.company-radio i{border:1px solid #9bacbf;border-radius:50%;place-items:center;width:19px;height:19px;display:grid}.company-radio input:checked+i{border-color:#0878ff}.company-radio input:checked+i:after{content:"";background:#0878ff;border-radius:50%;width:9px;height:9px}.company-save{color:#fff;cursor:pointer;background:#0878ff;border:0;border-radius:6px;margin-top:38px;padding:14px 30px;font-size:15px}.company-feedback{border-radius:7px;margin:20px 0 -16px;padding:10px;font-size:14px}.company-feedback.err{color:#a92a35;background:#fff0f2}.company-feedback.ok{color:#117044;background:#eafaf2}@media (width<=760px){.company-page{padding:22px 18px}.company-card{padding:28px 20px}.company-page h1{font-size:25px}}.company-save:disabled{opacity:.65}
