:root{--orange:#ef7d12;--orange-2:#ff9f2f;--navy:#12385f;--ink:#172b42;--muted:#6c7b8d;--line:#dde6ef;--bg:#f3f6fa;--white:#fff;--green:#11865b;--shadow:0 12px 35px #12385f1f;--button-height:40px;--button-radius:12px;--button-font-size:11px;--button-shadow:0 5px 13px #12385f14}*{box-sizing:border-box}html{color:var(--ink);background:#dfe7ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(circle at 12% 0,#ef7d121f,#0000 30rem),#dfe7ef;min-height:100vh;margin:0}button,input,select,textarea{color:inherit;font:inherit}button{appearance:none;cursor:pointer;line-height:1.1;transition:border-color .16s,background-color .16s,box-shadow .16s,color .16s,transform .12s}button:focus-visible{outline-offset:2px;outline:3px solid #ef7d1247}button:disabled{cursor:not-allowed;opacity:.55}button:not(:disabled):active{transform:translateY(1px)}button,input,select,textarea{-webkit-tap-highlight-color:transparent}.icon{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex:none}.app-frame{background:var(--bg);width:min(100%,520px);min-height:100svh;margin:0 auto;position:relative;overflow-x:hidden;box-shadow:0 0 45px #12385f2e}.login-screen{width:min(100%,520px);min-height:100svh;padding:max(42px, env(safe-area-inset-top)) 24px 34px;background:radial-gradient(circle at 50% 14%,#ff9f2f2e,#0000 17rem),linear-gradient(#fff 0%,#f6f8fb 72%,#edf2f7 100%);flex-direction:column;justify-content:center;align-items:center;margin:0 auto;display:flex;box-shadow:0 0 45px #12385f2e}.login-brand{text-align:center;flex-direction:column;align-items:center;margin-bottom:28px;display:flex}.login-brand img{border-radius:24px;width:92px;height:92px;margin-bottom:13px;box-shadow:0 14px 27px #ef7d1247}.login-brand strong{color:var(--navy);letter-spacing:-.7px;font-size:29px}.login-brand span{color:var(--muted);margin-top:5px;font-size:14px}.login-card{width:100%;box-shadow:var(--shadow);background:#fffffff5;border:1px solid #dde6efd9;border-radius:27px;padding:28px 22px 23px}.login-card h1{color:var(--navy);letter-spacing:-.45px;margin:0;font-size:25px}.login-card>p{color:var(--muted);margin:7px 0 24px;font-size:14px}.login-card label{color:var(--ink);gap:8px;margin-top:16px;font-size:13px;font-weight:750;display:grid}.login-input{border:1px solid var(--line);color:#6e7e90;background:#f9fbfd;border-radius:15px;align-items:center;gap:10px;height:56px;padding:0 15px;transition:border-color .2s,box-shadow .2s;display:flex}.login-input:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px #ef7d121f}.login-input input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:16px}.password-toggle{width:38px;height:38px;color:var(--muted);background:0 0;border:0;border-radius:11px;place-items:center;padding:0;display:grid}.login-submit,.full-primary,.logout-button{border:0;border-radius:15px;width:100%;font-weight:800}.login-submit{color:#fff;background:linear-gradient(135deg, var(--navy), #215986);height:57px;margin-top:23px;box-shadow:0 10px 20px #12385f33}.login-submit:active,.full-primary:active{transform:translateY(1px)}.demo-access{color:#825013;background:#fff5e8;border-radius:12px;flex-direction:column;gap:3px;margin-top:17px;padding:12px 13px;font-size:12px;display:flex}.secure-note{color:var(--muted);align-items:center;gap:8px;margin-top:24px;font-size:12px;display:flex}.topbar{z-index:20;padding:max(13px, env(safe-area-inset-top)) 14px 17px;color:#fff;background:linear-gradient(135deg, #e66e08 0%, var(--orange) 56%, var(--orange-2) 100%);position:sticky;top:0;box-shadow:0 7px 20px #b656072e}.topline{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.white-circle{width:42px;height:42px;color:var(--navy);background:#fff;border:0;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:0 5px 13px #602e051f}.white-circle.active-profile{color:#fff;background:var(--navy)}.brand-copy{min-width:0;color:var(--navy);background:#fffffff2;border:0;border-radius:13px;flex-direction:column;align-items:flex-start;padding:6px 11px;display:flex}.brand-copy b{letter-spacing:-.1px;font-size:14px;line-height:1.05}.brand-copy small{color:#65768a;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:3px;font-size:10px;overflow:hidden}.top-actions{gap:8px;display:flex}.bottom-nav{z-index:18;width:min(100%,520px);height:calc(72px + env(safe-area-inset-bottom));padding:7px 34px max(7px, env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff7;grid-template-columns:1fr 1fr;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #12385f14}.bottom-nav button{color:#8190a0;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.bottom-nav button.active{color:var(--orange)}.drawer{z-index:60;pointer-events:none;background:#091d3200;transition:background .25s;position:fixed;inset:0}.drawer.open{pointer-events:auto;background:#091d3287}.drawer-sheet{width:min(86vw,390px);height:100%;padding-bottom:max(20px, env(safe-area-inset-bottom));background:#fff;flex-direction:column;transition:transform .27s;display:flex;overflow-y:auto;transform:translate(-102%);box-shadow:18px 0 45px #03132238}.drawer.open .drawer-sheet{transform:translate(0)}.drawer-head{padding:max(21px, env(safe-area-inset-top)) 18px 19px;color:#fff;background:linear-gradient(145deg, #dc6808, var(--orange-2))}.drawer-head>button{width:37px;height:37px;color:var(--navy);background:#fff;border:0;border-radius:50%;place-items:center;margin-left:auto;padding:0;display:grid}.drawer-brand{align-items:center;gap:12px;margin-top:12px;display:flex}.drawer-brand img{border:3px solid #ffffffbf;border-radius:17px;width:57px;height:57px}.drawer-brand div{flex-direction:column;gap:2px;display:flex}.drawer-brand b{font-size:19px}.drawer-brand small{color:#ffffffd1}.menu-list{gap:3px;padding:13px 11px;display:grid}.menu-list button{min-height:52px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:13px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:7px 10px;font-size:14px;font-weight:720;display:grid}.menu-list button:hover{background:#f5f8fb}.menu-list button.active{color:var(--navy);background:#fff0df}.menu-list button>.icon:last-child{color:#9aa7b5}.menu-icon{width:36px;height:36px;color:var(--orange);background:#fff2e4;border-radius:11px;place-items:center;display:grid}.drawer-footer{color:var(--navy);background:#edf3f8;border-radius:15px;align-items:center;gap:10px;margin:auto 17px 0;padding:14px;font-size:12px;font-weight:700;display:flex}.home-content,.module-content{padding:22px 16px 102px}.hello{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.hello p{color:var(--muted);margin:0;font-size:12px;font-weight:700}.hello small{color:var(--muted);font-size:13px;font-weight:700;display:block}.hello h1{color:var(--navy);letter-spacing:-.55px;margin:2px 0 0;font-size:27px}.hello span{color:#a2590d;background:#fff0dd;border-radius:999px;align-items:center;margin-top:9px;padding:6px 10px;font-size:11px;font-weight:800;display:inline-flex}.punch-card,.daily-card,.attention-card,.mobility-card,.data-card,.route-hero,.profile-card,.schedule-day{background:#fff;border:1px solid #dde6efe6;border-radius:19px;box-shadow:0 8px 23px #12385f12}.punch-card{grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:12px;padding:17px;display:grid}.punch-logo{border:1px solid var(--line);background:#fff;border-radius:14px;place-items:center;width:45px;height:45px;padding:3px;display:grid;overflow:hidden}.punch-card div:nth-child(2){flex-direction:column;min-width:0;display:flex}.punch-card small{color:var(--muted);font-size:11px}.punch-card strong{color:var(--navy);text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.punch-card p{color:var(--muted);margin:3px 0 0;font-size:10px}.punch-card button{min-height:var(--button-height);border-radius:var(--button-radius);color:#fff;background:var(--orange);box-shadow:var(--button-shadow);font-size:var(--button-font-size);border:1px solid #0000;justify-content:center;align-items:center;padding:0 14px;font-weight:800;display:inline-flex}.section{margin-top:25px}.section-head{justify-content:space-between;align-items:center;gap:12px;min-height:30px;margin-bottom:10px;display:flex}.section-head h2,.subheading{color:var(--navy);letter-spacing:-.2px;margin:0;font-size:17px}.section-head span{color:var(--muted);font-size:11px;font-weight:650}.section-head button{border-radius:var(--button-radius);min-height:36px;color:var(--navy);font-size:var(--button-font-size);background:#eaf1f7;border:1px solid #dbe5ee;justify-content:center;align-items:center;padding:0 12px;font-weight:800;display:inline-flex}.daily-card{gap:7px;padding:17px;display:grid;overflow:hidden}.daily-card>span{color:var(--orange);letter-spacing:.4px;font-size:10px;font-weight:900}.daily-card>strong{color:var(--navy);font-size:18px}.daily-card>button{width:max-content;min-height:var(--button-height);border-radius:var(--button-radius);color:#fff;background:var(--navy);box-shadow:var(--button-shadow);font-size:var(--button-font-size);border:1px solid #0000;margin-top:6px;padding:0 14px;font-weight:800}.daily-card>header{color:#fff;background:linear-gradient(135deg, var(--navy), #205981);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.daily-card>header small{color:#ffffffbf}.daily-card>div{padding:16px}.daily-card h3{color:var(--ink);margin:0 0 5px;font-size:16px}.daily-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.daily-chips{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.daily-chips span,.daily-chips b{color:#76501d;background:#fff2e2;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.app-button{border:1px solid var(--line);min-height:83px;color:var(--ink);text-align:left;background:#fff;border-radius:17px;grid-template-columns:43px 1fr;align-items:center;gap:11px;padding:13px;display:grid;box-shadow:0 6px 18px #12385f0e}.app-button>span:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.app-button strong{color:var(--navy);font-size:13px}.app-logo{background:#fff;border-radius:13px;place-items:center;width:43px;height:43px;padding:2px;display:grid;overflow:hidden}.external-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.external-grid button{border:1px solid var(--line);min-width:0;min-height:83px;color:var(--ink);background:#fff;border-radius:17px;flex-direction:column;align-items:center;gap:7px;padding:10px 4px;font-size:9px;font-weight:800;display:flex;box-shadow:0 6px 18px #12385f0e}.external-logo{background:#fff;border-radius:13px;place-items:center;width:40px;height:40px;padding:1px;display:grid;overflow:hidden}.apk-app-logo,.apk-gno-logo{object-fit:contain;width:100%;height:100%;display:block}.apk-gno-logo{color:#fff;letter-spacing:.03em;background:linear-gradient(135deg,#f39a2d 0,#ef7f13 100%);border-radius:10px;place-items:center;font-family:Inter,Arial,Helvetica,sans-serif;font-size:12px;font-weight:900;display:grid;overflow:hidden}.apk-gno-logo span{transform:translateY(1px)}.notice-counter{background:#d9584d;border-radius:999px;justify-content:center;align-items:center;min-width:25px;height:25px;padding:0 8px;display:inline-flex;color:#fff!important;font-size:11px!important}.attention-card{color:#fff;text-align:left;border:0;grid-template-columns:50px 1fr auto;align-items:center;gap:13px;width:100%;min-height:106px;padding:17px;display:grid}.attention-card.stock{background:linear-gradient(135deg,#d96b11,#f49a37)}.attention-card.maintenance{background:linear-gradient(135deg,#17466f,#2f739d)}.attention-card.month{background:linear-gradient(135deg,#7b4a0d,#b27528)}.attention-card>div{flex-direction:column;gap:3px;display:flex}.attention-card>span:nth-child(2){flex-direction:column;gap:4px;min-width:0;display:flex}.attention-card strong{font-size:15px}.attention-card small{color:#fffc;line-height:1.3}.attention-icon{color:#fff;background:#ffffff2e;border-radius:15px;place-items:center;width:50px;height:50px;display:grid}.mobility-card{padding:16px}.mobility-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.mobility-head>div{align-items:center;gap:9px;display:flex}.mobility-head>div:first-child{color:var(--navy)}.mobility-head>div:last-child{flex-direction:column;align-items:flex-end;gap:0}.mobility-head strong{font-size:14px}.mobility-head p{color:var(--muted);margin:3px 0 0;font-size:11px}.mobility-head small{color:var(--muted);font-size:10px}.route-search{border:1px solid var(--line);height:45px;color:var(--muted);background:#f7f9fb;border-radius:12px;align-items:center;gap:8px;margin-top:14px;padding:0 13px;display:flex}.route-search input{background:0 0;border:0;outline:0;width:100%;font-size:12px}.route-search button{border-radius:var(--button-radius);color:#fff;background:var(--navy);min-height:36px;font-size:var(--button-font-size);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;padding:0 12px;font-weight:800;display:inline-flex}.mobility-card>small{color:var(--muted);align-items:center;gap:6px;margin-top:10px;font-size:10px;display:flex}.mobility-card>small i{background:var(--green);border-radius:50%;width:7px;height:7px}.module-header{color:#fff;background:linear-gradient(135deg, #dd6808, var(--orange-2));grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;padding:18px 16px 14px;display:grid}.module-header button{width:42px;height:42px;color:var(--navy);background:#fff;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.module-header div{text-align:center;min-width:0}.module-header h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;overflow:hidden}.module-header strong{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:18px;display:block;overflow:hidden}.module-header img{border-radius:13px;width:42px;height:42px}.module-header small{color:#ffffffc7;font-size:10px}.module-content{padding-top:17px}.module-search{border:1px solid var(--line);height:50px;color:var(--muted);background:#fff;border-radius:14px;align-items:center;gap:9px;margin-bottom:13px;padding:0 14px;display:flex}.module-search input{background:0 0;border:0;outline:0;width:100%}.module-note{color:var(--muted);margin:0 0 14px;font-size:12px;line-height:1.45}.card-list,.agenda-list,.contact-list,.route-list{gap:10px;display:grid}.data-card{align-items:center;gap:12px;padding:15px;display:flex}.data-card>.icon{color:var(--orange)}.data-card>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.data-card small{color:var(--muted);font-size:10px}.data-card strong{color:var(--navy);font-size:14px}.data-card p{color:var(--muted);margin:0;font-size:11px;line-height:1.4}.data-card h2{color:var(--navy);margin:1px 0 0;font-size:15px}.data-title{flex:1;align-items:center;gap:11px;min-width:0;display:flex}.data-title>div{flex-direction:column;gap:3px;min-width:0;display:flex}.data-title strong,.data-title small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.data-title strong{color:var(--navy);font-size:14px}.data-title small{color:var(--muted);font-size:10px}.initials{color:#fff;background:var(--navy);border-radius:13px;place-items:center;width:42px;height:42px;font-size:12px;font-weight:900;display:grid}.data-actions{gap:6px;display:flex}.data-actions button,.protocol-row button,.contact-list article>button,.station-row>button,.generic-row>button{border-radius:var(--button-radius);width:38px;height:38px;color:var(--navy);background:#edf3f8;border:1px solid #dbe5ee;place-items:center;padding:0;display:grid}.data-card .data-actions button{width:auto;min-height:38px;font-size:var(--button-font-size);white-space:nowrap;justify-content:center;align-items:center;gap:5px;padding:0 12px;font-weight:800;display:flex}.fault-form{border:1px solid var(--line);background:#fff;border-radius:19px;gap:13px;padding:17px;display:grid;box-shadow:0 8px 23px #12385f0f}.fault-form label{color:var(--ink);gap:7px;font-size:12px;font-weight:750;display:grid}.fault-form input,.fault-form select,.fault-form textarea{border:1px solid var(--line);background:#f8fafc;border-radius:12px;outline:0;width:100%;min-height:48px;padding:11px 12px}.fault-form textarea{resize:vertical;min-height:88px}.full-primary{border-radius:var(--button-radius);color:#fff;background:var(--navy);min-height:50px;box-shadow:var(--button-shadow);border:1px solid #0000;padding:0 16px;font-size:12px}.fault-form>button{border-radius:var(--button-radius);color:#fff;background:var(--navy);min-height:50px;box-shadow:var(--button-shadow);border:1px solid #0000;justify-content:center;align-items:center;padding:0 16px;font-size:12px;font-weight:800;display:inline-flex}.fault-result{background:#f2fbf7;border-color:#11865b33;margin-top:12px}.result-badge{min-height:27px;color:var(--green);white-space:nowrap;background:#e7f7f0;border-radius:999px;align-items:center;padding:4px 9px;font-size:10px;font-weight:850;display:inline-flex}.result-badge.warn,.warn{color:#a7610c;background:#fff0dd}.kpi-grid,.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:13px;display:grid}.kpi-grid article,.profile-grid article{border:1px solid var(--line);background:#fff;border-radius:15px;flex-direction:column;justify-content:center;gap:4px;min-height:78px;padding:13px;display:flex}.kpi-grid span,.profile-grid span{color:var(--muted);font-size:10px}.kpi-grid strong,.profile-grid strong{color:var(--navy);font-size:16px}.stock-row,.station-row,.protocol-row,.generic-row,.agenda-list article{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:center;gap:11px;min-height:70px;padding:13px;display:flex}.stock-row>div,.station-row>div,.protocol-row>div,.generic-row>div,.agenda-list article>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.stock-row strong,.station-row strong,.protocol-row strong,.generic-row strong,.agenda-list strong{color:var(--navy);font-size:13px}.stock-row small,.station-row small,.protocol-row small,.generic-row small,.agenda-list small{color:var(--muted);font-size:10px}.stock-row>span:first-child,.generic-row>span:first-child,.protocol-row>span:first-child{width:36px;height:36px;color:var(--orange);background:#fff0df;border-radius:11px;place-items:center;font-size:11px;font-weight:900;display:grid}.stock-row>b{color:var(--green);font-size:13px}.stock-row.low{background:#fffaf4;border-color:#f3c491}.stock-row.low>b{color:#c4680a}.route-hero{color:#fff;background:linear-gradient(135deg, var(--navy), #25638f);border:0;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-bottom:12px;padding:17px;display:grid}.route-hero>div{flex-direction:column;gap:3px;display:flex}.route-hero small{color:#ffffffb8}.route-hero button{min-height:var(--button-height);border-radius:var(--button-radius);color:var(--navy);box-shadow:var(--button-shadow);font-size:var(--button-font-size);background:#fff;border:1px solid #0000;justify-content:center;align-items:center;padding:0 14px;font-weight:850;display:inline-flex}.route-hero button.started{color:#fff;background:var(--green)}.route-list{padding-left:7px;position:relative}.route-list article{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:29px 1fr auto;align-items:center;gap:10px;min-height:61px;padding:11px 12px;display:grid;position:relative}.route-list article>span:first-child{width:29px;height:29px;color:var(--navy);background:#edf3f8;border-radius:50%;place-items:center;font-size:10px;font-weight:900;display:grid}.route-list article strong{color:var(--navy);font-size:12px}.route-list article small{color:var(--muted);font-size:9px}.route-list article.done{background:#f3fbf7;border-color:#bfe5d6}.route-list article.current{background:#fff8ef;border-color:#f1bd81}.agenda-list{margin-top:14px}.agenda-list.new article:first-child{border-color:#efb873;box-shadow:0 0 0 3px #ef7d1217}.agenda-list time{min-width:47px;color:var(--navy);flex-direction:column;align-items:center;font-size:13px;font-weight:850;display:flex}.agenda-list time small{font-size:9px}.subheading{margin:22px 0 10px;font-size:15px}.contact-list a{border:1px solid var(--line);min-height:57px;color:var(--navy);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:11px 13px;font-size:12px;font-weight:720;text-decoration:none;display:flex}.contact-list article{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:36px 1fr 36px;align-items:center;gap:10px;min-height:58px;padding:11px 13px;display:grid}.contact-list article>span{color:#fff;background:var(--orange);border-radius:11px;place-items:center;width:36px;height:36px;font-size:10px;font-weight:900;display:grid}.contact-list article>strong{color:var(--navy);font-size:12px}.contact-list article>button{flex:none}.station-row>.icon{color:var(--orange)}.station-row>span:last-child{color:var(--muted);font-size:10px;font-weight:750}.protocol-row>span:first-child{flex:none}.schedule-filters{scrollbar-width:none;gap:7px;margin-bottom:13px;display:flex;overflow-x:auto}.schedule-filters button{border:1px solid var(--line);min-height:36px;color:var(--muted);font-size:var(--button-font-size);white-space:nowrap;background:#fff;border-radius:999px;padding:0 13px;font-weight:800}.schedule-filters button.active{border-color:var(--navy);color:#fff;background:var(--navy)}.schedule-day{overflow:hidden}.schedule-day>header{color:#fff;background:var(--navy);align-items:center;gap:10px;padding:14px;display:flex}.schedule-day>header>span{width:38px;height:38px;color:var(--navy);background:#fff;border-radius:12px;place-items:center;font-weight:900;display:grid}.schedule-day>header div,.schedule-day>div article{flex-direction:column;display:flex}.schedule-day>header small{color:#ffffffbf}.schedule-day>div{padding:4px 14px;display:grid}.schedule-day>div article{border-bottom:1px solid var(--line);gap:2px;padding:12px 0;position:relative}.schedule-day>div article:last-child{border:0}.schedule-day>div article b{color:var(--orange);font-size:11px;position:absolute;top:12px;right:0}.schedule-day p{color:var(--muted);margin:0;font-size:10px}.generic-row>.icon{color:var(--orange)}.generic-row>button{color:var(--muted)}.fleet-main{color:#fff;background:linear-gradient(135deg, var(--navy), #296b96);border:0;margin-bottom:12px}.fleet-main>.icon,.fleet-main strong,.fleet-main small,.fleet-main p{color:#fff}.fleet-main small,.fleet-main p{opacity:.73}.profile-card{text-align:center;padding:20px}.profile-avatar{color:#fff;background:linear-gradient(135deg, var(--orange), var(--orange-2));border:5px solid #fff0df;border-radius:50%;place-items:center;width:76px;height:76px;margin:0 auto 12px;font-size:23px;font-weight:900;display:grid;box-shadow:0 10px 22px #ef7d123d}.profile-card h1{color:var(--navy);margin:0;font-size:22px}.profile-card>p{color:var(--muted);margin:4px 0 18px;font-size:12px}.profile-card>b{color:var(--green);background:#e7f7f0;border-radius:999px;padding:6px 10px;font-size:10px;display:inline-flex}.profile-grid{text-align:left}.profile-action{border-radius:var(--button-radius);width:100%;height:52px;color:var(--navy);background:#edf3f8;border:1px solid #dbe5ee;justify-content:flex-start;align-items:center;gap:10px;margin-top:4px;padding:0 13px;font-size:12px;font-weight:800;display:flex}.profile-action .icon:last-child{margin-left:auto}.logout-button{color:#b54d42;border-radius:var(--button-radius);background:#fff5f3;border:1px solid #f1d0cc;min-height:50px;margin-top:14px;font-size:12px}@media (hover:hover) and (pointer:fine){.punch-card button:hover,.section-head button:hover,.daily-card>button:hover,.route-search button:hover,.data-actions button:hover,.fault-form>button:hover,.full-primary:hover,.route-hero button:hover,.schedule-filters button:hover,.profile-action:hover,.logout-button:hover,.white-circle:hover,.module-header button:hover,.drawer-head>button:hover,.contact-list article>button:hover,.station-row>button:hover,.protocol-row button:hover,.generic-row>button:hover{transform:translateY(-1px);box-shadow:0 7px 17px #12385f21}.app-button:hover,.external-grid button:hover,.attention-card:hover,.menu-list button:hover,.bottom-nav button:hover{border-color:#cbd9e5;transform:translateY(-1px);box-shadow:0 9px 22px #12385f1a}}.toast{z-index:80;color:#fff;opacity:0;pointer-events:none;text-align:center;background:#12385ff5;border-radius:13px;width:min(100% - 40px,430px);padding:12px 15px;font-size:12px;font-weight:700;transition:opacity .22s,transform .22s;position:fixed;bottom:92px;right:50%;transform:translate(50%,15px);box-shadow:0 12px 35px #12385f40}.toast.show{opacity:1;transform:translate(50%)}@media (width>=521px){.app-frame,.login-screen{border-left:1px solid #12385f14;border-right:1px solid #12385f14}}@media (width>=900px){html,body{background:#eef3f7}.app-frame{width:100%;max-width:none;box-shadow:none;border:0;margin:0;padding-left:270px;overflow:visible}.login-screen{width:100%;max-width:none;min-height:100svh;box-shadow:none;background:radial-gradient(circle at 22% 35%,#ff9f2f33,#0000 28rem),linear-gradient(135deg,#fff 0%,#f6f8fb 58%,#e9eff5 100%);border:0;grid-template-columns:minmax(320px,1fr) minmax(420px,520px);align-content:center;align-items:center;gap:clamp(55px,9vw,150px);margin:0;padding:7vh clamp(60px,9vw,150px);display:grid}.login-brand{text-align:left;align-items:flex-start;margin:0}.login-brand img{border-radius:30px;width:118px;height:118px}.login-brand strong{letter-spacing:-1.8px;font-size:clamp(40px,4vw,62px)}.login-brand span{max-width:480px;font-size:18px}.login-card{border-radius:28px;padding:36px}.secure-note{grid-column:2;margin:-30px auto 0}.topbar{min-height:76px;padding:14px 28px;position:sticky;top:0}.topline{grid-template-columns:minmax(0,1fr) auto;gap:18px;min-height:48px}.topline>.white-circle:first-child{display:none}.brand-copy{width:max-content;min-width:220px;padding:8px 14px}.brand-copy b{font-size:15px}.brand-copy small{font-size:11px}.bottom-nav{display:none}.drawer,.drawer.open{z-index:40;pointer-events:auto;background:0 0;width:270px;right:auto}.drawer-sheet{border-right:1px solid #dce6ef;width:270px;max-width:none;transform:none;box-shadow:8px 0 30px #12385f14}.drawer-head{z-index:2;padding:23px 19px 20px;position:sticky;top:0}.drawer-head>button{display:none}.drawer-brand{margin-top:0}.drawer-brand img{width:54px;height:54px}.menu-list{padding:14px 12px}.menu-list button{grid-template-columns:35px minmax(0,1fr) auto;min-height:48px;font-size:12px}.menu-list button.active{color:#9b5208;box-shadow:inset 3px 0 0 var(--orange);background:#fff0df}.menu-icon{width:34px;height:34px}.drawer-footer{margin:auto 13px 0}.home-content{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:18px;min-height:calc(100svh - 76px);padding:30px clamp(24px,3vw,46px) 46px;display:grid}.home-content>.hello{grid-column:1/-1}.home-content>.section{margin:0}.home-content>.before-leave{grid-column:1/-1}.hello{align-items:center;margin:0 0 4px}.hello h1{font-size:32px}.hello span{margin:0}.punch-card,.daily-card,.attention-card,.mobility-card{height:100%}.punch-card{min-height:155px;padding:22px}.punch-logo{width:54px;height:54px}.section{flex-direction:column;min-width:0;display:flex}.section>:last-child{flex:1}.section-head{min-height:31px}.daily-card{min-height:155px;padding:22px}.app-grid,.external-grid{height:100%}.app-button,.external-grid button{min-height:98px}.attention-card{min-height:122px}.mobility-card{grid-template-columns:minmax(250px,.75fr) minmax(360px,1.25fr);align-items:center;column-gap:28px;padding:22px;display:grid}.mobility-card .route-search{margin:0}.mobility-card>small{grid-column:1/-1}.module-header{z-index:20;grid-template-columns:44px minmax(0,1fr) 44px;min-height:76px;padding:13px 30px;position:sticky;top:0}.module-header div{text-align:left}.module-header strong{font-size:20px}.module-content{min-height:calc(100svh - 76px);padding:30px clamp(24px,3vw,46px) 50px}.module-search{max-width:760px;height:54px}.module-note{max-width:920px}.module-content>.card-list{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.module-content>.card-list .data-card{flex-wrap:wrap;min-height:155px;padding:21px}.data-card .data-actions{width:100%}.fault-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:24px}.fault-form>button{grid-column:1/-1;min-height:50px}.fault-result{margin-top:18px;padding:24px}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-grid article,.profile-grid article{min-height:98px;padding:18px}.kpi-grid strong,.profile-grid strong{font-size:21px}.route-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.route-list article{min-height:68px}.agenda-list{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.agenda-list article{min-height:92px}.contact-list{grid-template-columns:repeat(4,minmax(0,1fr))}.schedule-day>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.schedule-day>div article{border-right:1px solid var(--line);border-bottom:0}.schedule-day>div article:last-child{border-right:0}.profile-card{padding:30px}.profile-action{justify-content:flex-start;width:calc(50% - 6px);height:58px;margin-right:8px;display:inline-flex}.logout-button{width:min(100%,520px)}.toast{width:min(420px,100% - 64px);bottom:30px;right:32px;transform:translateY(15px)}.toast.show{transform:translateY(0)}}@media (width>=1180px){.home-content{grid-template-columns:repeat(12,minmax(0,1fr))}.home-content>.hello{grid-column:1/-1}.home-content>.punch-section{grid-column:1/7}.home-content>.journey-section{grid-column:7/-1}.home-content>.internal-apps-section{grid-column:1/5}.home-content>.external-apps-section{grid-column:5/-1}.home-content>.attention-section{grid-column:1/7}.home-content>.before-leave{grid-column:7/-1}}@media (width<=370px){.home-content,.module-content{padding-left:12px;padding-right:12px}.topbar{padding-left:10px;padding-right:10px}.top-actions{gap:5px}.top-actions .white-circle{width:37px;height:37px}.app-button{gap:8px;padding:10px}.external-grid{gap:6px}}.app-frame{background:radial-gradient(circle at 85% 10%,#d6e7f475,#0000 24rem),linear-gradient(#fbfcfe 0%,#edf3f8 100%)}.topbar{background:linear-gradient(135deg,#ef7609 0%,#ff9718 56%,#ffa52a 100%)}.white-circle{width:46px;height:46px}.brand-copy{padding:8px 13px}.brand-copy b{font-size:18px}.brand-copy small{font-size:11px}.top-actions .white-circle{width:44px;height:44px}.punch-card,.daily-card{border-radius:22px;position:relative;overflow:hidden;box-shadow:0 10px 26px #12385f14}.punch-card:before,.daily-card:before{content:"";background:var(--orange);width:6px;position:absolute;top:0;bottom:0;left:0}.punch-card{grid-template-columns:62px minmax(0,1fr) auto;gap:15px;min-height:118px;padding:20px 20px 20px 23px}.punch-logo{background:#fbfcfd;border-radius:18px;width:62px;height:62px;padding:8px}.punch-card small{color:var(--orange);letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:900}.punch-card strong{font-size:20px;line-height:1.2}.punch-card p{font-size:13px}.punch-card button{background:var(--navy);border-radius:14px;min-height:50px;padding:0 20px;font-size:15px}.section-head{margin-bottom:12px}.section-head h2{letter-spacing:-.45px;font-size:22px}.section-head button{min-height:32px;color:var(--orange);box-shadow:none;background:0 0;border:0;padding:0;font-size:13px}.daily-card{gap:8px;min-height:176px;padding:20px 22px 20px 24px}.daily-card>span{font-size:12px}.daily-card>strong{font-size:25px;line-height:1.1}.daily-chips{margin-top:3px;padding:0}.daily-chips b{color:var(--navy);background:#eaf1f7;font-size:11px}.daily-chips b:first-child{color:#764bc2;background:#efe5ff}.daily-card p{color:#445364;font-size:14px;line-height:1.42}.daily-card>button{border-radius:14px;width:100%;min-height:52px;margin-top:8px;font-size:15px}.app-grid{gap:12px}.app-button{border-radius:20px;grid-template-columns:58px minmax(0,1fr);gap:14px;min-height:94px;padding:14px 16px}.app-logo{background:#f4f7fa;border-radius:17px;width:58px;height:58px;padding:5px}.app-button strong{font-size:16px}.app-button small{color:#14865c;font-size:12px}.external-grid{gap:10px}.external-grid button{border-radius:20px;gap:6px;min-height:142px;padding:16px 6px 13px}.external-logo{background:#f4f7fa;border-radius:17px;width:60px;height:60px;padding:8px}.external-grid button strong{color:var(--navy);text-align:center;font-size:14px;line-height:1.15}.external-grid button small{color:var(--muted);text-align:center;font-size:10px;font-weight:500;line-height:1.15;display:block}.attention-section{min-width:0}.attention-track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:0;padding-bottom:4px;display:flex;overflow-x:auto}.attention-track::-webkit-scrollbar{display:none}.attention-card{border:1px solid var(--line);width:auto;height:auto;min-height:160px;color:var(--navy);scroll-snap-align:start;background:#fff;border-radius:22px;flex:0 0 88%;grid-template-columns:66px minmax(0,1fr);gap:16px;padding:26px 20px;position:relative;overflow:hidden;box-shadow:0 8px 23px #12385f12}.attention-card:before{content:"";background:var(--orange);height:7px;position:absolute;top:0;left:0;right:0}.attention-card.stock{color:var(--navy);background:#fff}.attention-card.maintenance{color:#fff;background:linear-gradient(135deg,#123b63,#236c9a)}.attention-card.month{color:#fff;background:linear-gradient(135deg,#7b4a0d,#b27528)}.attention-card strong{font-size:20px;line-height:1.12}.attention-card small{color:var(--muted);font-size:14px;line-height:1.45}.attention-card.maintenance small,.attention-card.month small{color:#ffffffc7}.attention-icon{width:66px;height:66px;color:var(--orange);background:linear-gradient(135deg,#f0f0ff,#fff5e8);border-radius:18px}.attention-card.maintenance .attention-icon,.attention-card.month .attention-icon{color:#fff;background:#ffffff21}.before-leave{margin-bottom:0}.punch-section{margin-top:0}.punch-section-head{display:none}.mobility-card{color:#fff;background:linear-gradient(135deg,#123f6a,#176092);border:0;border-radius:24px;padding:20px;box-shadow:0 12px 28px #12385f29}.mobility-head{justify-content:flex-start}.mobility-head>span{background:#ffffff1a;border:1px solid #ffffff29;border-radius:18px;flex:0 0 66px;place-items:center;width:66px;height:66px;font-size:34px;display:grid}.mobility-head>div:last-child{align-items:flex-start;gap:2px}.mobility-head strong{color:#fff;font-size:20px}.mobility-head p{color:#ffffffc7;font-size:13px}.route-search{background:#fff;border:0;border-radius:16px;height:60px;margin-top:18px;padding:0 7px 0 16px}.route-search input{color:var(--ink);font-size:18px}.route-search button{background:var(--orange);border-radius:13px;min-height:48px;padding:0 18px;font-size:15px}.mobility-card>small{color:#ffffffd1;font-size:11px}@media (width>=900px){.topbar{min-height:88px;padding:17px 28px}.brand-copy{border-radius:15px;min-width:270px;padding:10px 16px}.brand-copy b{font-size:20px}.brand-copy small{font-size:12px}.top-actions .white-circle{width:50px;height:50px}.home-content{grid-auto-rows:auto;align-items:start;max-width:1500px;min-height:calc(100svh - 88px);margin:0 auto}.home-content>.section{align-self:start}.home-content>.punch-section,.home-content>.journey-section{align-self:stretch}.punch-section-head{display:flex}.home-content>.punch-section>.punch-card,.home-content>.journey-section>.daily-card{flex:1;height:auto}.punch-section>.punch-card small{display:none}.section>:last-child{flex:initial}.punch-card,.daily-card,.attention-card,.mobility-card,.app-grid,.external-grid{height:auto}.app-button{min-height:112px}.attention-card{flex-basis:100%;min-height:174px}.mobility-card{grid-template-columns:minmax(320px,.8fr) minmax(420px,1.2fr);align-items:center;column-gap:28px}.mobility-card .route-search{margin:0}}@media (width<=520px){.home-content{padding-top:26px}.hello h1{font-size:29px}}@media (width<=370px){.white-circle,.top-actions .white-circle{width:39px;height:39px}.brand-copy{padding:7px 10px}.brand-copy b{font-size:16px}}@media (width>=1180px){.home-content>.punch-section,.home-content>.journey-section{align-self:stretch}.home-content>.punch-section>.punch-card{background:radial-gradient(circle at 12% 18%,#ff97181a,#0000 9rem),#fff;grid-template-columns:82px minmax(0,1fr) auto;gap:22px;min-height:0;padding:28px 30px 28px 34px}.home-content>.punch-section .punch-logo{border-radius:22px;width:82px;height:82px;padding:12px}.home-content>.punch-section .punch-card div:nth-child(2){justify-content:center;gap:5px}.home-content>.punch-section .punch-card strong{text-overflow:clip;white-space:normal;font-size:25px;line-height:1.15;overflow:visible}.home-content>.punch-section .punch-card p{font-size:14px;line-height:1.4}.home-content>.punch-section .punch-card button{min-width:104px;min-height:56px;padding:0 24px;font-size:16px}.app-button,.external-grid button{min-height:142px}.home-content>.attention-section,.home-content>.before-leave{align-self:stretch}.attention-section>.attention-track,.before-leave>.mobility-card{flex:1}.attention-card{min-height:220px}.before-leave .mobility-card{flex-direction:column;min-height:220px;display:flex}.before-leave .mobility-card .route-search{margin:18px 0 0}}