.portal{background:#f3f5f9;color:#172336}.portal,.portal .sidebar{display:flex;min-height:100vh}.portal .sidebar{width:254px;flex-shrink:0;background:#13263e;color:#fff;padding:25px 17px;flex-direction:column;gap:0}.sidebar-brand{display:flex;gap:12px;align-items:center;padding:8px 9px 23px;border-bottom:1px solid #ffffff24}.brand-mark{background:#f4c432;color:#17283b;width:45px;height:45px;display:grid;place-items:center;border-radius:10px;font-size:25px;font-weight:900}.sidebar-brand small,.sidebar-brand strong{display:block;letter-spacing:1px}.sidebar-brand small{font-size:10px;color:#c6d1df}.sidebar-brand strong{font-size:21px;color:#f6cb40}.nav-label{font-size:10px;font-weight:800;letter-spacing:1.4px;color:#91a3b8;margin:29px 12px 11px}.portal .nav{display:grid;gap:7px}.portal .nav button{width:100%;padding:13px 15px;border:0;border-radius:9px;background:transparent;color:#d8e3ef;text-align:left;display:flex;align-items:center;gap:12px;font-weight:600}.portal .nav button:hover{background:#ffffff15}.portal .nav button.selected{background:#f5c736;color:#17283b}.side-bottom{margin-top:auto;border-top:1px solid #ffffff26;padding-top:20px}.side-user,.top-actions,.top-profile{display:flex;align-items:center;gap:12px}.side-user{margin-bottom:18px}.side-user small,.side-user strong{display:block}.side-user strong{font-size:13px}.side-user small{font-size:11px;color:#b3c1d0;margin-top:4px}.avatar{width:39px;height:39px;flex-shrink:0;background:#f4c736;color:#16263b;border-radius:50%;display:grid;place-items:center;font-weight:800}.logout{background:transparent;border:1px solid #ffffff36;border-radius:8px;color:#fff;width:100%;display:flex;align-items:center;gap:12px;padding:11px 13px}.portal .main{flex:1;min-width:0;display:flex;flex-direction:column}.portal .top{height:80px;padding:15px 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e9ef}.portal .top small,.portal .top strong{display:block}.portal .top strong{font-size:18px;letter-spacing:.4px}.portal .top small{font-size:12px;color:#778395;margin-top:4px}.top-actions button{border:0;background:transparent;color:#273a50;cursor:pointer}.top-actions>button:first-child{padding:10px;border-radius:50%;background:#f3f5f9}.top-profile{font-size:13px;font-weight:700}.portal .content{padding:30px 35px;max-width:1500px;width:100%;margin:0 auto;flex:1}.portal .hero{border-radius:18px;min-height:225px;display:flex;align-items:center;padding:38px 42px;background:linear-gradient(90deg,#13263eea,#13263e75),url(https://images.unsplash.com/photo-1504307651254-35680f356dfd?w=1500) 50%/cover;color:#fff;box-shadow:0 9px 25px #1a355a18}.hero-copy span{font-size:11px;letter-spacing:2px;color:#f4c736;font-weight:800}.hero-copy h1{font-size:34px;margin:14px 0 10px}.hero-copy p{font-size:15px;color:#e0e7ef;margin:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:33px 0 19px}.section-heading h2{font-size:23px;margin:0 0 6px}.section-heading p{font-size:13px;color:#6e7d90;margin:0}.count{font-size:12px;border:1px solid #e2e6ec;background:white;padding:9px 12px;border-radius:20px;color:#586b7f}.portal .cards{display:grid}.module-card,.panel{background:white;border-radius:15px;overflow:hidden;border:1px solid #e0e6ed;box-shadow:0 6px 22px #142a4610}.module-photo{height:150px;display:grid;place-items:center;color:#f6ce4a;background:linear-gradient(115deg,#162c44c9,#203b5580),url(https://images.unsplash.com/photo-1504307651254-35680f356dfd?w=700) 50%/cover}.module-photo.epp{background:linear-gradient(115deg,#172d45c9,#172d4555),url(https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?w=700) 50%/cover}.module-photo.diesel{background:linear-gradient(115deg,#172d45c9,#172d4555),url(https://images.unsplash.com/photo-1581092160562-40aa08e78837?w=700) 50%/cover}.module-photo.gps{background:linear-gradient(115deg,#172d45c9,#172d4555),url(https://images.unsplash.com/photo-1473448912268-2022ce9509d8?w=700) 50%/cover}.module-body{padding:21px}.detail,.module-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.module-title h3{font-size:19px;margin:0}.role{font-size:10px;background:#f2f5f9;color:#50627b;padding:5px 9px;border-radius:20px}.module-body p{color:#6d7a8c;font-size:13px;min-height:34px;margin:12px 0 17px}.module-body a{display:inline-flex;align-items:center;gap:8px;background:#f4c736;color:#14263c;padding:11px 14px;text-decoration:none;border-radius:8px;font-size:13px;font-weight:800}.module-body a:hover{background:#eab928}.panel{padding:28px;max-width:850px}.panel h1{margin:0 0 8px;font-size:26px}.panel>p{color:#6d7a8c;font-size:14px}.detail{border-top:1px solid #edf0f4;padding:16px 0;font-size:13px}.detail span{color:#728095}.setting{display:flex;align-items:flex-start;gap:17px;border-top:1px solid #edf0f4;padding:20px 0}.setting>svg{flex-shrink:0;color:#54677d}.setting>div{flex:1}.setting strong{font-size:14px}.setting p,.setting small{font-size:12px;color:#738093}.theme-actions{display:flex;gap:9px;margin-top:12px}.theme-actions button{display:flex;align-items:center;gap:6px;border:1px solid #dce2e9;border-radius:8px;padding:9px 13px;background:white}.theme-actions button.active{background:#f4c736;border-color:#f4c736;font-weight:800}.empty{padding:28px;text-align:center;color:#708095;background:#fff;border:1px dashed #d7dee8;border-radius:12px}.notice{font-size:12px;color:#7a8798;margin-top:20px}.alert{padding:12px;background:#fff1ee;color:#9c2931;border-radius:9px;margin-bottom:14px}.portal footer{text-align:center;padding:20px;font-size:11px;color:#8a95a3}.portal.dark{background:#101b2b;color:#edf3fa}.dark .count,.dark .empty,.dark .module-card,.dark .panel,.dark .top{background:#1d3047;color:#edf3fa;border-color:#354961}.dark .module-body p,.dark .panel>p,.dark .section-heading p{color:#b4c1d1}.dark .top-actions button{color:#edf3fa}.dark .theme-actions button{color:#172336}@media(max-width:1050px){.portal .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.portal .sidebar{width:220px}.portal .content{padding:25px}}@media(max-width:680px){.portal{display:block}.portal .sidebar{width:100%;min-height:0;padding:13px 16px}.sidebar-brand{padding-bottom:10px}.nav-label,.side-bottom{display:none}.portal .nav{display:flex;overflow:auto;padding-top:12px}.portal .nav button{white-space:nowrap;padding:10px}.portal .top{height:65px;padding:12px 18px}.top-profile>span:last-child{display:none}.portal .content{padding:18px}.portal .hero{padding:28px;min-height:185px}.hero-copy h1{font-size:25px}.portal .cards{grid-template-columns:1fr}.section-heading{align-items:flex-start}.panel{padding:20px}}.portal{background:#091e30}.portal .sidebar{width:268px;background:#071e30;padding:30px 11px}.sidebar-brand{flex-direction:column;justify-content:center;text-align:center;gap:2px;padding:15px 10px 35px;border:0}.sidebar-brand small{font-size:13px;color:#fff;font-weight:900;letter-spacing:.4px}.sidebar-brand strong{font-size:31px;color:#fff;letter-spacing:-.5px}.portal .nav{gap:12px}.portal .nav button{font-size:16px;font-weight:500;padding:15px 18px}.portal .nav button.selected{background:#ffcb00;color:#0d2134}.portal .nav-label{display:none}.portal .side-bottom{padding:22px 12px}.portal .side-user{display:none}.portal .logout{border:0;font-size:16px}.portal .main{background:#0a2032}.portal .top{height:70px;padding:12px 26px;background:#fff}.menu-toggle{border:0;background:transparent;color:#0b2139;padding:8px;display:grid;place-items:center}.portal .content{max-width:none;margin:0;padding:0 20px 35px}.portal .hero{border-radius:0;min-height:255px;margin:0 -20px;padding:65px 50px;background:linear-gradient(90deg,#10243a66,#10243a12),url(https://images.unsplash.com/photo-1504307651254-35680f356dfd?w=1800) center 48%/cover;box-shadow:none}.hero-copy h1{font-size:42px;margin:0 0 8px;color:#fff}.hero-copy p{font-size:21px;color:#fff}.portal .cards{margin-top:-18px;position:relative;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.module-card{border:2px solid #e0e5ed;border-radius:12px;box-shadow:none}.module-photo{height:166px;background:linear-gradient(90deg,#162c4433,#162c4408),url(https://images.unsplash.com/photo-1504307651254-35680f356dfd?w=800) 50%/cover}.module-photo.epp{background:url(https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?w=800) 50%/cover}.module-photo.diesel{background:url(https://images.unsplash.com/photo-1545262810-77515befe149?w=800) 50%/cover}.module-photo.gps{background:url(https://images.unsplash.com/photo-1500534623283-312aade485b7?w=800) 50%/cover}.module-photo.plantas{background:url(https://images.unsplash.com/photo-1581094794329-c8112a89af12?w=800) 50%/cover}.module-photo.contabilidad{background:url(https://images.unsplash.com/photo-1554224155-6726b3ff858f?w=800) 50%/cover}.module-photo.rh{background:url(https://images.unsplash.com/photo-1521737711867-e3b97375f902?w=800) 50%/cover}.module-body{padding:17px 20px}.module-details{display:flex;align-items:center;gap:17px}.module-details>svg{color:#ffc900;flex-shrink:0}.module-details>div{flex:1;min-width:0}.module-details h3{font-size:19px;margin:0 0 5px}.module-details p{margin:0;color:#61728a;font-size:14px;min-height:0;line-height:1.35}.module-details a{width:47px;height:47px;flex-shrink:0;border:2px solid #e2e8f0;border-radius:50%;display:grid;place-items:center;background:#fff;color:#12263b;padding:0}.module-details a:hover{background:#ffcb00}.portal footer{background:#0a2032;color:#a9b4c2}.portal.sidebar-collapsed .sidebar{display:none}.portal .panel{margin:30px auto}.portal .notice{color:#a9b9cb}@media(max-width:1100px){.portal .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.portal .sidebar{width:225px}.portal .content{padding:0 16px 30px}.portal .hero{margin:0 -16px}}@media(max-width:680px){.portal .sidebar{width:100%;min-height:auto;padding:10px}.sidebar-brand{padding:5px}.sidebar-brand svg{display:none}.portal .nav-label,.portal .side-bottom{display:block}.portal .nav{display:flex;gap:3px}.portal .nav button{font-size:12px;padding:9px}.portal .hero{min-height:180px;padding:35px 24px}.hero-copy h1{font-size:29px}.hero-copy p{font-size:15px}.portal .cards{grid-template-columns:1fr;margin-top:14px}.module-photo{height:145px}.portal .top{height:65px}.portal .sidebar{display:block}.portal.sidebar-collapsed .sidebar{display:none}}.portal,.portal.dark{background:#101416;color:#f7f8fa}.portal .sidebar{background:linear-gradient(180deg,#101416,#0a0e10);border-right:1px solid #292f31}.portal .sidebar-brand{padding-top:12px;padding-bottom:30px}.portal .sidebar-brand strong{color:#fff}.portal .nav button{color:#f5f6f6;border-radius:10px}.portal .nav button:hover{background:#242a2c}.portal .nav button.selected{background:#ffcb05;color:#111416;font-weight:800}.portal .logout{color:#fff}.portal .main{background:radial-gradient(ellipse at 80% 80%,#24292b 0,#111618 44%,#0b1012 100%);position:relative;isolation:isolate}.portal .main:before{content:"";position:absolute;z-index:-1;right:0;bottom:4%;width:min(29vw,400px);height:50%;pointer-events:none;opacity:.5;background:repeating-linear-gradient(133deg,transparent 0 38px,#f8bc00 38px 78px,transparent 78px 117px,#2a3031 117px 160px);clip-path:polygon(65% 0,100% 0,100% 100%,0 100%)}.portal .top,.portal.dark .top{background:#fff;color:#101416;border-bottom:1px solid #d9d9d9}.portal .menu-toggle,.portal .top-actions button,.portal.dark .top-actions button{color:#101416}.portal .top-actions>button:first-child{background:#f2f3f4}.portal .avatar{background:#ffcb05;color:#111416}.portal .hero{background-image:linear-gradient(90deg,rgba(8,11,12,.78),rgba(8,11,12,.24) 65%,rgba(8,11,12,.06)),url(https://images.unsplash.com/photo-1504307651254-35680f356dfd?w=1800);background-position:50%,center 48%}.portal .hero-copy h1{color:#fff;font-weight:800}.portal .hero-copy p{color:#fff}.portal .cards{grid-template-columns:repeat(3,minmax(0,370px));align-items:start;gap:24px;margin-top:-12px}.portal .module-card,.portal.dark .module-card{display:flex;flex-direction:column;width:100%;min-height:350px;background:#0c1113;color:#fff;text-decoration:none;border:2px solid #ffcb05;border-radius:15px;overflow:hidden;cursor:pointer;box-shadow:0 10px 24px #0005;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.portal .module-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #0009;border-color:#ffe05c}.portal .module-card:focus-visible{outline:3px solid #fff;outline-offset:4px}.portal .module-photo{height:215px;flex-shrink:0;border-bottom:2px solid #ffcb05}.portal .module-body{padding:24px 19px;flex:1;display:flex;align-items:center}.portal .module-details{gap:18px;width:100%}.portal .module-details>svg{color:#ffcb05;flex-shrink:0}.portal .module-details h3{font-size:25px;color:#fff;font-weight:800;margin:0 0 4px}.portal .module-details p,.portal.dark .module-details p{color:#e2e5e5;font-size:15px;line-height:1.35;margin:0}.portal .notice{color:#b8c0c1}.portal footer{background:transparent;color:#c5c9ca}.portal .panel,.portal.dark .panel{background:#151c1f;color:#fff;border:1px solid #394144}.portal .detail span,.portal .panel>p,.portal .setting p,.portal .setting small,.portal.dark .panel>p{color:#c4cbce}.portal .detail,.portal .setting{border-color:#343b3e}.portal .setting>svg{color:#ffcb05}.portal .theme-actions button{color:#14191b}.portal .theme-actions button.active{background:#ffcb05;border-color:#ffcb05;color:#111416}.portal .empty,.portal.dark .empty{background:#151c1f;color:#d5dbde;border-color:#4a5355}@media(max-width:1100px){.portal .cards{grid-template-columns:repeat(2,minmax(0,370px))}}@media(max-width:680px){.portal .cards{grid-template-columns:minmax(0,370px);margin-top:16px;justify-content:center}.portal .module-card{min-height:330px}.portal .module-photo{height:195px}.portal .main:before{opacity:.25}.portal .sidebar{border-right:0}}.portal:not(.dark){background:#f4f5f6;color:#172025}.portal:not(.dark) .sidebar{background:linear-gradient(180deg,#fff,#f1f3f4);color:#172025;border-right:1px solid #d5dade}.portal:not(.dark) .sidebar-brand small,.portal:not(.dark) .sidebar-brand strong{color:#172025}.portal:not(.dark) .sidebar-brand{border-bottom:1px solid #e0e3e5}.portal:not(.dark) .nav button{color:#263238}.portal:not(.dark) .nav button:hover{background:#e6e9ea}.portal:not(.dark) .nav button.selected{background:#ffcb05;color:#151a1c}.portal:not(.dark) .side-bottom{border-top-color:#d9dfe1}.portal:not(.dark) .side-user strong{color:#172025}.portal:not(.dark) .side-user small{color:#5c686c}.portal:not(.dark) .logout{color:#172025}.portal:not(.dark) .logout:hover{background:#e7eaeb}.portal:not(.dark) .main{background:radial-gradient(ellipse at 85% 80%,#e6e9ea 0,#f4f5f6 52%,#fff 100%)}.portal:not(.dark) .main:before{opacity:.18}.portal:not(.dark) .top{background:#fff;color:#172025;border-bottom:1px solid #e1e5e7}.portal:not(.dark) .menu-toggle,.portal:not(.dark) .top-actions button{color:#172025}.portal:not(.dark) .top-actions>button:first-child{background:#f1f3f4}.portal:not(.dark) .hero{background-image:linear-gradient(90deg,rgba(14,22,25,.74),rgba(14,22,25,.26) 65%,rgba(14,22,25,.04)),url(https://images.unsplash.com/photo-1504307651254-35680f356dfd?w=1800)}.portal:not(.dark) .module-card{background:#fff;color:#172025;border-color:#f1bb00;box-shadow:0 8px 22px #28323918}.portal:not(.dark) .module-card:hover{box-shadow:0 12px 28px #28323932;border-color:#e5a900}.portal:not(.dark) .module-card:focus-visible{outline-color:#172025}.portal:not(.dark) .module-photo{border-bottom-color:#f1bb00}.portal:not(.dark) .module-details>svg{color:#e5ad00}.portal:not(.dark) .module-details h3{color:#172025}.portal:not(.dark) .module-details p{color:#526169}.portal:not(.dark) .notice,.portal:not(.dark) footer{color:#55636b}.portal:not(.dark) .panel{background:#fff;color:#172025;border-color:#dfe4e6;box-shadow:0 8px 24px #1720250d}.portal:not(.dark) .detail span,.portal:not(.dark) .panel>p,.portal:not(.dark) .setting p,.portal:not(.dark) .setting small{color:#57666e}.portal:not(.dark) .detail,.portal:not(.dark) .setting{border-color:#e3e7e9}.portal:not(.dark) .setting>svg{color:#c69500}.portal:not(.dark) .theme-actions button{background:#fff;color:#172025;border-color:#cdd4d7}.portal:not(.dark) .theme-actions button.active{background:#ffcb05;border-color:#e8b900;color:#151a1c}.portal:not(.dark) .empty{background:#fff;color:#55636b;border-color:#cbd3d6}.portal .cards{margin-top:32px}@media(max-width:680px){.portal .cards{margin-top:24px}}.portal .sidebar-brand{padding:12px 10px 24px;align-items:center}.portal .rotter-logo-official{display:block;width:100%;max-width:225px;height:auto;object-fit:contain;background:#fff;border-radius:10px;padding:8px;box-sizing:border-box}@media(max-width:680px){.portal .rotter-logo-official{max-width:165px}}.portal .hero,.portal:not(.dark) .hero{background-image:linear-gradient(90deg,rgba(8,11,12,.73),rgba(8,11,12,.25) 65%,rgba(8,11,12,.04)),url(/banner-portal.jpg),url(/banner-portal.webp);background-position:50%,center 53%;background-size:cover;background-size:100% 100%,100% 100%,100% 100%;background-position:50%,50%,50%;background-repeat:no-repeat}@media(max-width:680px){.portal .hero,.portal:not(.dark) .hero{background-size:100% 100%,auto 100%,auto 100%;background-position:50%,100%,100%}}