:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202124;background:#f5f6f8;font-synthesis:none;text-rendering:optimizeLegibility;--red:#8d0f1b;--red2:#b61b2c;--dark:#25262b;--muted:#72757d;--line:#e5e7eb;--card:#fff;--green:#137a4b;--amber:#a45a00;--blue:#1f5fbf}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:#f5f6f8}body{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:.85rem}.mono{font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.grow{flex:1}.row{display:flex;gap:.75rem;align-items:center}.row.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:1rem}.center{text-align:center}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,#fff 0,#f5f6f8 45%,#edeff2)}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 18px 45px #23232d17}.brand{display:flex;gap:14px;align-items:center;margin-bottom:24px}.brand-mark{width:52px;height:52px;border-radius:16px;background:var(--red);display:grid;place-items:center;color:#fff;font-weight:800;letter-spacing:.04em}.brand h1{font-size:1.25rem;margin:0}.brand p{margin:3px 0 0;color:var(--muted);font-size:.9rem}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.88rem;font-weight:650}.field input,.field select,.field textarea{width:100%;border:1px solid #d6d9df;border-radius:12px;padding:11px 12px;background:#fff;outline:none;transition:.15s}.field textarea{min-height:92px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px #8d0f1b14}.btn{border:0;border-radius:12px;padding:10px 14px;font-weight:700;display:inline-flex;gap:8px;align-items:center;justify-content:center}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--red);color:#fff}.btn-primary:hover{background:#74101a}.btn-secondary{background:#eff1f4;color:#333}.btn-danger{background:#fce8ea;color:#9c1624}.btn-success{background:#e4f4ec;color:#0e6840}.btn-outline{background:#fff;border:1px solid var(--line);color:#333}.btn-block{width:100%}.btn-lg{padding:14px 18px;font-size:1rem}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{background:#24262b;color:#fff;min-height:100vh;position:sticky;top:0;height:100vh;padding:18px 14px;display:flex;flex-direction:column}.sidebar .brand{margin:0 6px 20px}.sidebar .brand-mark{width:42px;height:42px;border-radius:12px}.sidebar .brand p{color:#b5bac5}.nav{display:flex;flex-direction:column;gap:4px;overflow:auto}.nav button{border:0;background:transparent;color:#cfd3da;text-align:left;padding:10px 12px;border-radius:10px}.nav button:hover,.nav button.active{background:#34373e;color:#fff}.sidebar-footer{margin-top:auto;padding-top:12px;border-top:1px solid #3a3d44}.profile-mini{display:flex;gap:10px;align-items:center}.avatar{width:38px;height:38px;border-radius:50%;background:#eceff3;display:grid;place-items:center;color:#50545b;font-weight:800;flex:none}.sidebar .avatar{background:#3b3e45;color:#fff}.profile-mini strong{display:block;font-size:.9rem}.profile-mini span{display:block;font-size:.78rem;color:#aeb3bd;margin-top:2px}.main{min-width:0}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;position:sticky;top:0;z-index:10}.topbar h2{font-size:1.05rem;margin:0}.topbar .clock{margin-left:auto;text-align:right}.topbar .clock strong{display:block}.topbar .clock span{font-size:.78rem;color:var(--muted)}.mobile-menu{display:none;border:0;background:#f1f2f4;border-radius:10px;padding:9px 11px;margin-right:10px}.content{padding:24px;max-width:1450px;margin:auto}.page-title{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:18px}.page-title h1{font-size:1.55rem;margin:0}.page-title p{margin:5px 0 0;color:var(--muted)}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 3px 12px #1e233206}.card h3{margin:0 0 12px;font-size:1rem}.stat{display:flex;flex-direction:column;gap:5px}.stat .value{font-size:1.65rem;font-weight:800}.stat .label{font-size:.82rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.hero-attendance{background:linear-gradient(135deg,#76111a,#a81928);color:#fff;border:none}.hero-attendance .muted{color:#f2cfd3}.hero-attendance .hero-time{font-size:2.1rem;font-weight:800;letter-spacing:.03em}.hero-attendance .hero-date{font-size:.9rem;opacity:.9}.attendance-state{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.hero-attendance .badge{background:#ffffff29;color:#fff}.hero-attendance .btn-secondary{background:#fff;color:var(--red)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{padding:11px 12px;border-bottom:1px solid #edf0f3;text-align:left;font-size:.88rem;vertical-align:middle}.table th{font-size:.76rem;color:#62666e;text-transform:uppercase;letter-spacing:.035em;background:#fafafa;position:sticky;top:0}.table tr:last-child td{border-bottom:0}.actions{display:flex;gap:6px;flex-wrap:wrap}.actions .btn{padding:7px 9px;font-size:.8rem}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:.73rem;font-weight:800;background:#eceef1;color:#555}.badge-hadir,.badge-disetujui,.badge-success{background:#e4f4ec;color:#146a45}.badge-terlambat,.badge-menunggu{background:#fff1dc;color:#8b5300}.badge-izin,.badge-sakit,.badge-cuti,.badge-dinas{background:#e8f0ff;color:#245fa8}.badge-alpha,.badge-ditolak,.badge-rejected{background:#fce7ea;color:#9a1d29}.badge-belum{background:#eceef1;color:#60646b}.notice{padding:12px 14px;border-radius:12px;border:1px solid #dce3ef;background:#f6f9ff;color:#2c4e7e}.notice.warn{border-color:#f3d5a5;background:#fff9ee;color:#795117}.notice.danger{border-color:#f3c8cf;background:#fff5f6;color:#8f1d2b}.notice.success{border-color:#bfe2d2;background:#f3fcf7;color:#176a47}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.filters .field{min-width:160px;flex:1}.filters .field.compact{max-width:220px}.separator{height:1px;background:var(--line);margin:18px 0}.empty{padding:32px;text-align:center;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:#0f12168c;z-index:50;display:grid;place-items:center;padding:18px}.modal{background:#fff;border-radius:18px;width:min(620px,100%);max-height:92vh;overflow:auto;box-shadow:0 25px 70px #00000040}.modal-head{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-head h3{margin:0}.modal-body{padding:18px}.modal-foot{padding:14px 18px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.icon-btn{border:0;background:#f1f2f4;border-radius:10px;width:36px;height:36px}.camera-box{aspect-ratio:4/3;background:#17181b;border-radius:14px;overflow:hidden;position:relative}.camera-box video,.camera-box img{width:100%;height:100%;object-fit:cover}.camera-hint{position:absolute;left:12px;right:12px;bottom:12px;background:#0000008c;color:#fff;padding:8px 10px;border-radius:9px;font-size:.82rem}.gps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.gps-grid div{background:#f6f7f9;border-radius:10px;padding:10px}.gps-grid span{display:block;font-size:.7rem;color:var(--muted)}.gps-grid strong{font-size:.88rem}.countdown{font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums}.quick-actions{display:flex;gap:10px;flex-wrap:wrap}.quick-actions .btn{min-width:150px}.toast-root{position:fixed;right:18px;bottom:18px;z-index:100;display:flex;flex-direction:column;gap:8px}.toast{opacity:0;transform:translateY(10px);transition:.2s;background:#282a2f;color:#fff;padding:11px 14px;border-radius:11px;box-shadow:0 12px 30px #0000002e;max-width:360px}.toast.show{opacity:1;transform:none}.toast.success{background:#176b48}.toast.error{background:#991f2c}.toast.warn{background:#875800}.install-banner{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:40;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px;box-shadow:0 12px 30px #00000021;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 24px)}.offline-banner{background:#6c4712;color:#fff;text-align:center;padding:7px;font-size:.84rem}@media(max-width:1050px){.grid-6{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-270px;z-index:30;width:250px;transition:.22s;box-shadow:12px 0 30px #0003}.sidebar.open{left:0}.mobile-menu{display:block}.content{padding:16px}.topbar{padding:0 14px}.grid-3,.grid-2{grid-template-columns:1fr}.page-title{flex-direction:column}.topbar .clock span{display:none}}@media(max-width:560px){.grid-6,.grid-4{grid-template-columns:repeat(2,1fr)}.login-card{padding:22px 18px;border-radius:18px}.card{padding:15px}.gps-grid{grid-template-columns:1fr}.quick-actions .btn{width:100%}.topbar .clock strong{font-size:.9rem}.content{padding:12px}.modal-backdrop{padding:8px}.modal{border-radius:15px}.page-title h1{font-size:1.35rem}}@media print{.sidebar,.topbar,.no-print,.btn,.filters{display:none!important}.app-shell{display:block}.content{padding:0}.card{box-shadow:none;border-color:#bbb}.table-wrap{overflow:visible}.table{min-width:0}.main{background:#fff}}:root{--maroon:#74182a;--maroon-dark:#56101d;--maroon-soft:#f6e9ec;--cream:#fffaf6;--ink:#172235;--surface:#fff;--bg:#f5f7fa;--success:#1b9b62;--danger:#d64343;--warning:#bf7a13}.brand-logo{width:54px;height:60px;object-fit:contain;flex:none}.login-brand{display:flex;gap:16px;align-items:center;margin-bottom:24px}.login-brand .brand-logo{width:68px;height:76px}.login-brand h1{margin:3px 0;font-size:1.24rem;color:var(--ink)}.login-brand p{margin:3px 0;color:var(--muted)}.eyebrow{display:block;font-size:.69rem;font-weight:850;letter-spacing:.11em;color:var(--maroon);text-transform:uppercase}.employee-shell{min-height:100vh;background:linear-gradient(180deg,#f0f3f7 0,#f7f8fa);padding-bottom:92px}.employee-brandbar{min-height:132px;padding:24px 26px 38px;background:linear-gradient(135deg,var(--maroon-dark),#8d2539);color:#fff;display:flex;align-items:center;gap:14px}.employee-brandbar .brand-logo{width:72px;height:82px}.employee-brandbar strong{display:block;font-size:1.02rem;letter-spacing:.025em}.employee-brandbar span{display:block;margin-top:4px;opacity:.78}.round-refresh{margin-left:auto;width:50px;height:50px;border:0;border-radius:50%;background:#ffffff29;color:#fff;font-size:1.45rem}.employee-content{width:min(760px,100%);margin:-20px auto 0;padding:0 24px 28px;position:relative;z-index:2}.employee-profile-card{background:#fff;border-radius:30px;padding:28px;box-shadow:0 12px 34px #222b3a12;border:1px solid rgba(255,255,255,.8)}.profile-line{display:flex;gap:18px;align-items:center}.profile-avatar{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:#f2f5f8;border:4px solid #e8edf2;color:var(--maroon);font-size:1.6rem;font-weight:900}.profile-avatar.large{width:82px;height:82px}.profile-line span{color:#7c8490}.profile-line h1{margin:2px 0 3px;font-size:1.7rem;line-height:1.12;color:var(--ink)}.profile-line p{margin:4px 0;color:#7c8490}.role-chip{display:inline-block!important;margin-top:7px!important;padding:7px 12px;border-radius:999px;background:var(--maroon-soft);border:1px solid #e4c4cc;color:var(--maroon)!important;font-weight:800;font-size:.82rem}.date-strip{margin-top:22px;padding:13px 16px;background:#f7f3f4;border-radius:14px;display:flex;justify-content:space-between;gap:12px;color:#6b2635}.day-status-card,.location-card,.rank-card{margin-top:18px;background:#fff;border:1px solid #e8e9ed;border-radius:20px;padding:19px;display:flex;gap:16px;align-items:center;box-shadow:0 6px 20px #1c223009}.day-status-icon,.location-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#f0f3f4;color:var(--maroon);font-size:1.35rem}.day-status-card strong,.location-card strong{display:block;font-size:1.02rem;color:var(--ink)}.day-status-card span,.location-card span,.location-card small{display:block;color:#7a818b;margin-top:3px}.location-card.outside .location-icon{background:#fff0f1;color:#d43a43}.location-card.outside strong{color:#b9202e}.attendance-two-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.mini-att-card{background:#fff;border-radius:20px;padding:18px;border:1px solid #ececef;min-height:168px}.mini-att-card span{display:block;color:#7d8289;margin-top:14px}.mini-att-card strong{display:block;margin-top:8px;color:var(--ink);font-size:1.28rem}.mini-att-card small{display:block;margin-top:8px;color:#9499a0}.mini-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:1.2rem}.mini-icon.in{background:#eaf8ef;color:#269858}.mini-icon.out{background:#fff4df;color:#d28b12}.rank-card{justify-content:space-between;background:linear-gradient(135deg,#fff,#fbf2f4);border-color:#ead5da}.rank-card strong{display:block;font-size:1.25rem;color:var(--maroon);margin:4px 0}.rank-card small{color:#7b8088}.rank-number{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;background:var(--maroon);color:#fff;font-size:1.6rem;font-weight:900}.quick-section{margin-top:26px}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title h2{font-size:1.16rem}.section-title button{border:0;background:none;color:var(--maroon);font-weight:800}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick-grid button{border:0;background:#fff;border-radius:17px;padding:16px 8px;display:flex;flex-direction:column;gap:9px;align-items:center;font-weight:800;color:var(--ink);box-shadow:0 4px 14px #1c223009}.quick-grid span{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#f4e7ea;color:var(--maroon);font-size:1.3rem}.attendance-action-inline{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.attendance-action-inline #countdown-area{grid-column:1/-1}.empty-card{margin-top:18px;padding:28px;background:#fff;border:1px dashed #d8dadd;border-radius:20px;text-align:center}.empty-card strong,.empty-card span{display:block}.empty-card span{margin-top:5px;color:var(--muted)}.employee-bottom-nav{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(760px,100%);height:82px;background:#fffffff7;border-top:1px solid #e6e8eb;display:grid;grid-template-columns:repeat(5,1fr);z-index:30;padding:8px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));box-shadow:0 -7px 24px #20283412}.employee-bottom-nav button{border:0;background:transparent;color:#77808b;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;font-weight:800}.employee-bottom-nav button.active{color:var(--maroon)}.employee-bottom-nav .nav-icon{font-size:1.42rem}.employee-bottom-nav small{font-size:.72rem}.employee-bottom-nav .presensi-main{position:relative;top:-23px}.employee-bottom-nav .presensi-main .nav-icon{width:67px;height:67px;border-radius:50%;background:linear-gradient(135deg,var(--maroon),#a33d52);color:#fff;border:6px solid #fff;display:grid;place-items:center;box-shadow:0 9px 23px #74182a47;font-size:2rem}.employee-bottom-nav .presensi-main small{margin-top:2px}.employee-page-head{display:flex;justify-content:space-between;align-items:center;margin:8px 0 18px}.employee-page-head h1{margin:2px 0;color:var(--ink)}.pdf-chip{border:0;background:var(--maroon);color:#fff;border-radius:11px;padding:9px 11px;font-weight:900}.history-filters{display:flex;gap:9px;overflow:auto;padding-bottom:8px;margin-bottom:10px}.history-filters input,.history-filters button{flex:none;border:1px solid #d9dce1;background:#fff;border-radius:999px;padding:10px 15px}.history-filters button.active{background:var(--maroon);color:#fff;border-color:var(--maroon)}.history-list{display:flex;flex-direction:column;gap:14px}.history-card{background:#fff;border:1px solid #eceef1;border-radius:21px;padding:20px;box-shadow:0 5px 16px #1c223008}.history-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid #e8eaed}.status-pill{padding:7px 10px;border-radius:999px;font-size:.75rem;font-weight:900}.status-pill.ok{background:#e7f7ef;color:#20935d}.status-pill.warn{background:#fff3dd;color:#9b6815}.history-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;padding-top:16px}.history-grid span{display:block;color:#89909a;font-size:.84rem}.history-grid strong{display:block;margin-top:5px;color:var(--ink)}.notification-list{display:flex;flex-direction:column;gap:10px}.notification-card{background:#fff;border:1px solid #eceef1;border-radius:18px;padding:16px;display:flex;gap:13px}.notification-card.unread{border-color:#e4c3cb;background:#fffafb}.notif-dot{width:10px;height:10px;border-radius:50%;background:#c8ccd2;margin-top:7px}.unread .notif-dot{background:var(--maroon)}.notification-card p{margin:6px 0;color:#626873}.notification-card small{color:#9499a0}.profile-page-head{background:linear-gradient(135deg,var(--maroon-dark),#92324a);color:#fff;padding:28px;margin:0 -24px 18px}.profile-page-head h1{margin:0}.profile-page-head p{opacity:.76}.account-card{background:#fff;border-radius:22px;padding:22px}.account-card h2{margin:0 0 4px}.account-meta{margin-top:20px;padding-top:18px;border-top:1px solid #eceef1;display:grid;grid-template-columns:1fr 1fr;gap:18px}.account-meta span,.account-meta strong{display:block}.account-meta span{font-size:.8rem;color:#90959d}.account-meta strong{margin-top:4px}.account-menu{margin-top:15px;background:#fff;border-radius:22px;padding:0 20px}.account-menu button{width:100%;border:0;background:transparent;padding:18px 2px;border-bottom:1px solid #eff0f2;display:grid;grid-template-columns:30px 1fr 20px;gap:8px;text-align:left;align-items:center;font-weight:850;color:var(--ink)}.account-menu button:last-child{border-bottom:0}.account-menu .approver-menu{color:var(--maroon)}.success-modal{width:min(480px,100%);text-align:center;padding:28px}.success-check{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;background:#e4f7ed;color:#1b9b62;font-size:2.2rem;font-weight:900}.success-modal h2{color:var(--ink);margin:0}.success-modal>p{color:#747b85}.leader-board{text-align:left;background:#f7f8fa;border-radius:16px;padding:14px;margin:18px 0}.leader-board>strong{display:block;margin-bottom:8px}.leader-row{display:grid;grid-template-columns:42px 1fr auto;gap:8px;align-items:center;padding:9px;border-radius:10px}.leader-row.me{background:#f4e5e9;color:var(--maroon)}.leader-row small{color:#828891}.correction-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.correction-compare>div{background:#f7f8fa;border-radius:12px;padding:13px}.correction-compare span,.correction-compare small{display:block;color:#848a93}.correction-compare strong{display:block;margin:5px 0}.card.stat.accent{border-color:#e3bcc6;background:#fff8fa}.card.stat.accent .value{color:var(--maroon)}.official-report{background:#fff;padding:18px;border-radius:14px}.report-heading{text-align:center;display:flex;flex-direction:column;gap:2px;margin-bottom:15px}.matrix-table{border-collapse:collapse;white-space:nowrap;font-size:.72rem}.matrix-table th,.matrix-table td{border:1px solid #737373;padding:5px;text-align:center;min-width:24px}.matrix-table th:nth-child(2),.matrix-table td:nth-child(2){min-width:190px}.matrix-table th:nth-child(3),.matrix-table td:nth-child(3){min-width:210px}.matrix-table .left{text-align:left}.matrix-table .nonwork{background:#c94b4f;color:#fff}.tukin-table{min-width:1650px}.tukin-table th,.tukin-table td{text-align:center}.tukin-table td:nth-child(2),.tukin-table td:nth-child(18){text-align:left}.admin-brand .brand-logo{width:45px;height:52px}.admin-brand h1{font-size:1rem}.admin-brand p{font-size:.78rem}@media(max-width:700px){.employee-brandbar{min-height:120px;padding:18px 18px 34px}.employee-brandbar .brand-logo{width:58px;height:68px}.employee-brandbar strong{font-size:.9rem}.employee-brandbar span{font-size:.77rem}.employee-content{padding:0 15px 24px}.employee-profile-card{padding:20px;border-radius:24px}.profile-line h1{font-size:1.35rem}.profile-avatar{width:58px;height:58px}.date-strip{font-size:.83rem}.quick-grid{gap:7px}.quick-grid button{font-size:.76rem;padding:14px 4px}.attendance-action-inline{grid-template-columns:1fr}.attendance-action-inline #countdown-area{grid-column:auto}.profile-page-head{margin:0 -15px 18px;padding:24px 18px}.correction-compare{grid-template-columns:1fr}.account-meta{grid-template-columns:1fr 1fr}}@media(max-width:390px){.attendance-two-cards{grid-template-columns:1fr 1fr}.mini-att-card{padding:14px;min-height:150px}.mini-att-card strong{font-size:1.08rem}.quick-grid span{width:40px;height:40px}.employee-bottom-nav small{font-size:.65rem}}@media print{.employee-brandbar,.employee-bottom-nav,.attendance-action-inline,.quick-section,.history-filters,.profile-page-head,.account-menu{display:none!important}.employee-shell{padding:0;background:#fff}.employee-content{width:100%;padding:0;margin:0}.official-report{padding:0}.matrix-table{font-size:8px}}.journey-card{margin-top:18px;background:#fff;border:1px solid #eadfe2;border-radius:22px;padding:20px;box-shadow:0 7px 22px #231b1e0b}.journey-card .section-title{align-items:flex-start}.journey-card .section-title h2{margin:3px 0 0;font-size:1.13rem}.journey-card .section-title button{padding:4px 0;cursor:pointer}.journey-status{display:flex;align-items:center;gap:13px;margin-top:15px}.journey-status strong,.journey-status span{display:block}.journey-status span{font-size:.82rem;color:#7e858f;margin-top:3px;line-height:1.35}.journey-pin{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#edf4f2;color:var(--maroon);font-size:1.3rem}.journey-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}.journey-metrics>div{border:1px solid #e7e9ec;border-radius:15px;padding:11px;background:#fff}.journey-metrics span,.journey-metrics strong{display:block}.journey-metrics span{font-size:.72rem;color:#8a9098}.journey-metrics strong{font-size:1rem;margin-top:4px;color:var(--ink)}.journey-button{margin-top:14px}.journey-card>small{display:block;margin-top:9px;color:#92979f;line-height:1.4}.route-sheet-backdrop,.info-sheet-backdrop{align-items:flex-end}.route-sheet,.info-sheet{width:min(520px,100%);max-height:94vh;border-radius:26px 26px 0 0;margin:0;overflow:auto}.route-sheet-handle{width:48px;height:5px;border-radius:999px;background:#d9dadd;margin:0 auto 12px}.route-map{height:310px;border-radius:20px;overflow:hidden;border:1px solid #dfe3e4;background:#e9edec;position:relative}.route-loading{height:100%;display:grid;place-items:center;text-align:center;padding:24px;color:#707781}.route-error{color:#ae2735}.route-fallback-svg{width:100%;height:100%;display:block}.route-map-fallback{width:100%;height:100%;position:relative;background:linear-gradient(145deg,#e7ecea,#f2f4f3)}.fallback-road{position:absolute;left:12%;top:48%;width:76%;height:7px;background:var(--maroon);border-radius:999px;transform:rotate(-28deg)}.fallback-pin{position:absolute;font-size:1.5rem}.fallback-pin.start{left:12%;bottom:16%;color:#2e79d0}.fallback-pin.end{right:12%;top:13%;color:var(--maroon)}.fallback-label{position:absolute;font-size:.75rem;font-weight:800}.start-label{left:18%;bottom:16%}.end-label{right:17%;top:10%;color:var(--maroon)}.route-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.route-info-grid>div{background:#faf6f7;border:1px solid #eadadd;border-radius:15px;padding:12px}.route-info-grid span,.route-info-grid strong{display:block}.route-info-grid span{font-size:.72rem;color:#8a9098}.route-info-grid strong{margin-top:4px;font-size:1rem}.route-arrival-note{margin-top:2px;border-radius:15px;background:#edf8f2;border:1px solid #d2eadb;color:#286748;padding:12px 13px;font-size:.82rem;line-height:1.45}.leaflet-container{font-family:inherit}.schedule-list{display:flex;flex-direction:column;gap:8px}.schedule-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #e8eaed;border-radius:14px;padding:12px 14px}.schedule-row strong,.schedule-row span{display:block}.schedule-row span{font-size:.76rem;color:#8b9199;margin-top:2px}.schedule-row b{font-size:.9rem;color:var(--maroon)}.schedule-row.off{background:#f6f7f8}.schedule-row.off b{color:#a1a5ab}.guide-list{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.guide-list>div{display:grid;grid-template-columns:36px 1fr;gap:11px;align-items:start;border:1px solid #eceef0;border-radius:15px;padding:12px}.guide-list>div>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#f3e5e8;color:var(--maroon);font-weight:900}.guide-list p{margin:0;color:#737a84;font-size:.82rem;line-height:1.45}.guide-list p strong{display:block;color:var(--ink);font-size:.92rem;margin-bottom:2px}@media(max-width:390px){.journey-metrics{grid-template-columns:1fr 1fr 1fr}.journey-metrics>div{padding:9px 7px}.journey-metrics strong{font-size:.9rem}.route-map{height:270px}}