#tl-new{padding:16px 8px;font:15px/1.45 'Segoe UI',sans-serif;color:#f6f6f7}#tl-new *{box-sizing:border-box}#tl-new .phone{max-width:460px;margin:auto;background:#15171b;border:1px solid #373a40;border-radius:28px;overflow:hidden;box-shadow:0 18px 50px #0003}#tl-new .top{padding:22px 22px 16px;display:flex;align-items:center;gap:12px}#tl-new .logo{font-size:34px;line-height:1;font-weight:900;font-style:italic;letter-spacing:-4px;color:#ffc328;padding-right:6px}#tl-new .wordmark{font-size:12px;letter-spacing:1.3px;font-weight:700;line-height:1.3}#tl-new .wordmark span{color:#ffc328}#tl-new .preview{margin-left:auto;font-size:10px;letter-spacing:1.4px;color:#c0c4cd;border:1px solid #494d55;padding:5px 7px;border-radius:4px}#tl-new .switch{padding:0 22px 18px}#tl-new .switch label{display:flex;align-items:center;gap:10px;font-size:12px;color:#bec3cc}#tl-new select,#tl-new input,#tl-new textarea{font:inherit;color:#f6f6f7;background:#25282e;border:1px solid #4a4f58;border-radius:10px;padding:12px;min-width:0;width:100%;font-size:16px;color-scheme:dark}#tl-new .switch select{font-size:13px;padding:9px;flex:1}#tl-new button{font:inherit;cursor:pointer;min-height:44px;color:inherit}#tl-new button:focus-visible{outline:3px solid #f7cf64;outline-offset:3px}#tl-new .hero{height:190px;position:relative;background:#292c31;overflow:hidden}#tl-new .hero img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:right center;transform:scale(1.8);transform-origin:right center}#tl-new .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101216ed,#10121688 55%,#10121615),linear-gradient(0deg,#15171b,transparent 60%)}#tl-new .herotext{position:relative;z-index:1;padding:28px 22px;width:75%}#tl-new .eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#ffc328}#tl-new h1{font-size:28px;line-height:1.1;letter-spacing:-.8px;margin:12px 0 8px;font-weight:700}#tl-new .herotext p{font-size:12px;color:#e0e1e4;margin:0}#tl-new main{padding:8px 22px 22px}#tl-new .hello{display:flex;justify-content:space-between;align-items:center;margin:9px 0 22px}#tl-new .hello strong{display:block;font-size:19px}#tl-new .muted{font-size:12px;color:#b1b6c0}#tl-new .avatar{display:grid;place-items:center;background:#303138;color:#ffc328;border:1px solid #4e4a36;border-radius:50%;width:42px;height:42px;font-weight:700}#tl-new h2{font-size:16px;font-weight:600;margin:0 0 12px}#tl-new .actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}#tl-new .action{display:flex;align-items:flex-start;flex-direction:column;gap:12px;text-align:left;padding:18px 16px;background:#24272d;border:1px solid #383c44;border-radius:14px;font-weight:600}#tl-new .action small{font-size:11px;font-weight:400;color:#bac0ca;display:block;margin-top:3px}#tl-new .action i{color:#ffc328}#tl-new .action.major{grid-column:1/-1;background:#ffc328;color:#17191d;flex-direction:row;align-items:center;justify-content:space-between;border:0}#tl-new .major small{color:#4f401e}#tl-new .major i{color:#17191d}#tl-new .action svg{width:23px;height:23px}#tl-new .recent{margin-top:27px}#tl-new .sectionhead{display:flex;justify-content:space-between;align-items:center}#tl-new .textbutton{border:0;background:none;color:#ffc328;font-size:12px;padding:0}#tl-new .row{display:flex;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #32353d}#tl-new .row .symbol{background:#292c32;border-radius:10px;padding:10px;display:grid;place-items:center;color:#ffc328}#tl-new .row strong{font-size:13px;display:block;font-weight:600}#tl-new .row .right{margin-left:auto;text-align:right;font-size:13px;white-space:nowrap}#tl-new .status{font-size:10px;color:#e0bd61;display:block;margin-top:3px}#tl-new footer{display:flex;justify-content:space-around;border-top:1px solid #34373f;padding:10px 10px 16px;background:#1c1e23}#tl-new footer button{display:flex;flex-direction:column;align-items:center;gap:4px;border:0;background:none;font-size:10px;color:#a5acb8;padding:4px 15px}#tl-new footer button.active{color:#ffc328}#tl-new footer svg{width:20px;height:20px}#tl-new .back{border:0;background:none;padding:4px 0;color:#ffc328;margin-bottom:8px;font-size:13px}#tl-new .formfields{display:grid;gap:14px}#tl-new .formfields label{display:grid;gap:6px;color:#bbc1cc;font-size:12px}#tl-new .pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}#tl-new .submit{width:100%;background:#ffc328;color:#17191d;border:0;border-radius:10px;padding:14px;font-weight:700;margin-top:18px}#tl-new .calculation{margin-top:18px;padding:16px;border:1px solid #655329;border-radius:12px;background:#2a261c}#tl-new .calculation strong{font-size:28px;display:block;color:#ffc328;margin-top:6px}#tl-new .notice{color:#b8bec8;font-size:11px;text-align:center;margin:12px 0 0}#tl-new .message{padding-top:12px;font-size:13px;color:#ffdc80}#tl-new .periods{display:flex;gap:8px;margin:15px 0}#tl-new .periods button{background:#282b32;border:1px solid #444a54;border-radius:8px;padding:8px 13px}#tl-new .periods button[aria-pressed=true]{color:#15171b;background:#ffc328;border-color:#ffc328}#tl-new [hidden]{display:none!important}@media(max-width:380px){#tl-new .top,#tl-new main{padding-left:16px;padding-right:16px}#tl-new .pair{grid-template-columns:1fr}#tl-new .wordmark{font-size:10px}#tl-new .preview{font-size:9px}#tl-new h1{font-size:25px}}
body{margin:0;background:#0e1013;color:#f6f6f7;font-family:'Segoe UI',sans-serif}#tl-new{padding:18px 10px;min-height:100dvh}#tl-new .phone{max-width:980px}#tl-new main{padding-bottom:28px}#tl-new .home-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}#tl-new .home-grid .recent{margin-top:0}#tl-new .hero{height:220px}#tl-new .hero img{transform:scale(1.8)}#tl-new .herotext{padding:32px}#tl-new .login-main{max-width:460px;margin:0 auto;padding-top:22px}#tl-new form{max-width:640px}#tl-new .formfields p{margin:0}#tl-new .record{width:100%;text-align:left;border-width:0 0 1px;border-style:solid;border-color:#32353d;background:transparent;color:#f6f6f7}#tl-new .record>span:nth-child(2){min-width:0}#tl-new .record strong,#tl-new .detail-line dd{overflow-wrap:anywhere}#tl-new .record .right{white-space:normal;min-width:84px}#tl-new .record:hover{background:#202329}#tl-new .summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}#tl-new .summary>div{padding:16px;border:1px solid #44402b;background:#24231e;border-radius:12px}#tl-new .summary span,#tl-new .summary small{display:block;font-size:12px;color:#bac0ca}#tl-new .summary strong{display:block;font-size:22px;color:#ffc328;margin:5px 0}#tl-new .detail-line{border-bottom:1px solid #343840;padding:12px 0;display:grid;grid-template-columns:160px 1fr;gap:15px}#tl-new dt{font-size:12px;color:#b1b6c0}#tl-new dd{margin:0;font-size:14px;white-space:pre-wrap}#tl-new .receipt-image{width:100%;height:auto;display:block;margin-top:16px;border-radius:10px}#tl-new .secondary{background:#2c3037;color:#f6f6f7;border:1px solid #444a53}#tl-new button:disabled{opacity:.55;cursor:wait}#tl-new nav{display:flex;justify-content:space-around;border-top:1px solid #34373f;padding:10px 10px calc(16px + env(safe-area-inset-bottom));background:#1c1e23}#tl-new nav button{display:flex;flex-direction:column;align-items:center;gap:4px;border:0;background:none;font-size:11px;color:#a5acb8;padding:4px 15px}#tl-new nav button.active{color:#ffc328}#toast,#update-banner{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:calc(100% - 28px);width:460px;padding:16px;background:#34302a;color:#ffe3a0;border:1px solid #a47e28;border-radius:12px;z-index:10;box-shadow:0 10px 30px #0008;font-size:14px}#update-banner{bottom:100px}#update-banner button{background:#ffc328;border:0;color:#15171b;padding:10px;border-radius:8px;margin-top:10px;width:100%}input:focus,textarea:focus,select:focus{outline:2px solid #ffc328;outline-offset:2px}#tl-new .message{white-space:pre-wrap}#tl-new input[type=file]{font-size:13px}#tl-new h2{margin-top:10px}@media(max-width:680px){#tl-new{padding:0}#tl-new .phone{border:0;border-radius:0;min-height:100dvh;box-shadow:none}#tl-new .home-grid{grid-template-columns:1fr;gap:26px}#tl-new .hero{height:190px}#tl-new .herotext{padding:28px 22px}#tl-new .summary{grid-template-columns:1fr}#tl-new .detail-line{grid-template-columns:1fr;gap:3px}#tl-new .top{padding-top:calc(22px + env(safe-area-inset-top))}#tl-new .pair{grid-template-columns:1fr}}
#tl-new .entry{position:relative}#tl-new .entry>svg{position:absolute;left:14px;top:16px;color:#b3bac5;width:19px;height:19px}#tl-new .entry input{padding:15px 45px;min-height:54px}#tl-new .entry input::placeholder{color:#9098a5}#tl-new .entry small{display:block;font-size:11px;color:#989fac;margin-top:7px}#tl-new .peek{position:absolute;right:7px;top:5px;width:42px;height:44px;display:grid;place-items:center;border:0;background:transparent;color:#bac0ca}#tl-new .support{border-top:1px solid #33363e;margin-top:25px;padding-top:20px;text-align:center;font-size:12px;color:#aeb5bf}#tl-new .support strong{display:block;color:#e7e9ed;font-size:12px;margin-top:5px;font-weight:500}#tl-new .safe{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#9098a5;margin-top:23px;letter-spacing:.3px}#tl-new .safe svg{width:13px;height:13px}#tl-new .staff-actions{margin-left:auto;display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}#tl-new .staff-actions button{min-height:44px}#tl-new .login-main h2{font-size:21px}#tl-new .intro{margin:0 0 24px}
#tl-new .receipt-capture{padding:17px;background:#202329;border:1px solid #414751;border-radius:12px}#tl-new .receipt-capture h3{font-size:14px;margin:0 0 12px}#tl-new .receipt-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}#tl-new .receipt-buttons button,#tl-new .receipt-remove{display:flex;align-items:center;justify-content:center;gap:8px;background:#2c3037;border:1px solid #535b68;border-radius:9px;padding:12px 15px;color:#f5f6f8}#tl-new .receipt-buttons .receipt-camera,#tl-new .receipt-snap{background:#ffc328;border-color:#ffc328;color:#17191d;font-weight:600}#tl-new .receipt-live video{display:block;width:100%;max-height:380px;background:#101216;border-radius:8px;margin-bottom:12px}#tl-new .receipt-selected img{max-width:100%;max-height:340px;object-fit:contain;display:block;border-radius:8px;margin:12px auto}#tl-new .receipt-filename{font-size:12px;color:#bbc2cc;overflow-wrap:anywhere;margin-bottom:10px}#tl-new .receipt-feedback{margin-top:10px}#tl-new .receipt-remove{font-size:12px;padding:9px 12px}

#tl-new .statement-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}#tl-new .statement-total{border:1px solid #414751;background:#202329;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;min-width:0}#tl-new .statement-total>span{font-size:12px;color:#bbc2cc}#tl-new .statement-total>strong{font-size:22px;overflow-wrap:anywhere}#tl-new .statement-total small{font-size:11px;color:#bbc2cc}#tl-new .statement-balance{grid-column:1/-1;border-color:#ffc328}#tl-new .money-in{color:#6ee7a0}#tl-new .money-out{color:#ff9595}#tl-new .statement-description{flex:1;min-width:0;overflow-wrap:anywhere}#tl-new .statement-row .right{flex-shrink:0}#tl-new .statement-row .status{white-space:normal}#tl-new .statement-row .right strong{font-size:14px}@media(max-width:420px){#tl-new .statement-row{flex-wrap:wrap}#tl-new .statement-row .right{margin-left:auto}#tl-new .statement-total>strong{font-size:19px}}

#tl-new .station-section{margin:26px 0}#tl-new .station-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#tl-new .station-card{display:flex;flex-direction:column;gap:9px;padding:16px;border:1px solid #414751;border-radius:12px;background:#202329;min-width:0}#tl-new .station-card h4{margin:0 0 3px;font-size:15px;color:#ffc328}#tl-new .station-card>strong{font-size:23px;overflow-wrap:anywhere}#tl-new .station-card small{font-size:11px;color:#bbc2cc}@media(max-width:480px){#tl-new .station-grid{grid-template-columns:1fr}}

#tl-new .salary-card{border:1px solid #414751;background:#202329;border-radius:12px;padding:18px;margin:18px 0}#tl-new .salary-card h3{margin:0;color:#ffc328}#tl-new .salary-rate{font-size:27px;font-weight:700;color:#6ee7a0;margin:18px 0}#tl-new .salary-rate span{font-size:13px;font-weight:400;color:#bbc2cc}

#tl-new .login-brand{background:#15171b;border-top:1px solid #34373f;border-bottom:1px solid #34373f}#tl-new .login-brand img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:contain}#tl-new .history-category{margin-top:30px}#tl-new .history-category h3{font-size:16px;border-bottom:1px solid #414751;padding-bottom:12px}#tl-new .history-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#tl-new .history-summary>div{min-width:0}#tl-new .history-summary strong{overflow-wrap:anywhere}@media(max-width:380px){#tl-new .history-summary{grid-template-columns:1fr}}

#tl-new.is-login{padding:0;background:linear-gradient(180deg,#090c0f5e 0%,#090c0f47 25%,#090c0fad 53%,#090c0fe8 100%),url('./assets/banner.jpg') 72% center/cover no-repeat;min-height:100dvh}#tl-new.is-login .phone{max-width:none;min-height:100dvh;background:transparent;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column}#tl-new.is-login .top{padding:28px 26px;flex-shrink:0}#tl-new.is-login #app-content{flex:1;display:flex;flex-direction:column}#tl-new.is-login .login-main{width:100%;max-width:482px;margin:auto auto 0;padding:0 26px 22px}#tl-new.is-login .login-intro{padding-top:65px;margin-bottom:26px}#tl-new.is-login .login-intro .eyebrow{color:#ffcf4d;font-size:11px;letter-spacing:2.1px;font-weight:700}#tl-new.is-login .login-intro h1{font-size:38px;line-height:1.1;margin:12px 0;text-shadow:0 2px 12px #0006}#tl-new.is-login .login-intro p{font-size:13px;color:#e0e2e5;margin:10px 0 0}#tl-new.is-login .login-panel{background:#181c22dc;border:1px solid #ffffff2d;border-radius:18px;padding:25px 24px;box-shadow:0 14px 50px #0005;backdrop-filter:blur(10px)}#tl-new.is-login .login-panel h2{font-size:22px;margin:0 0 7px}#tl-new.is-login .login-panel>.intro{font-size:12px;color:#bfc5cd;margin:0 0 25px}#tl-new.is-login .entry input{background:#30353de8;border-color:#737b8b7d;height:53px}#tl-new.is-login .login-panel label{font-size:12px;color:#e3e6eb}#tl-new.is-login .login-panel small{font-size:10px}#tl-new.is-login .submit{height:53px;border:1px solid #ffd463;box-shadow:0 6px 20px #ffc32819}#tl-new.is-login .support{font-size:11px;line-height:1.7;text-align:center;color:#bdc4ce;margin-top:21px;padding-top:0;border:0}#tl-new.is-login .support strong{font-size:11px}#tl-new.is-login .safe{margin:24px 0 0;color:#c3cbd5;font-size:9px;letter-spacing:1px}#tl-new.is-login .safe svg{color:#ffcc43}@media(min-width:760px){#tl-new.is-login{background:linear-gradient(90deg,#0d1013e0,#0d101366),url('./assets/banner.jpg') center/cover no-repeat}#tl-new.is-login .top{padding:35px 55px}#tl-new.is-login .login-main{margin:0 55px 0 auto;max-width:430px;padding:0 0 30px}#tl-new.is-login .login-intro{padding-top:15px}#tl-new.is-login .login-intro h1{font-size:42px}#tl-new.is-login .login-panel{padding:27px 30px}}

#tl-new .machine-options .action{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;justify-content:start;column-gap:16px;text-align:left;min-height:78px;padding:18px 20px}#tl-new .machine-options .action>span{min-width:0;width:100%;text-align:left}#tl-new .machine-options .action>svg{width:23px;height:23px;justify-self:start}#tl-new .machine-options .action small{line-height:1.5;margin-top:4px}
/* Administrative history and archive controls use the existing TL palette. */
.archive-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}.archive-tabs button{background:#202326;color:#fff;border:1px solid #454a4f;border-radius:10px;padding:12px 16px;cursor:pointer}.archive-tabs button.selected{background:#ffcb42;color:#131619;border-color:#ffcb42}.checkline{display:flex;align-items:center;gap:12px}.checkline input[type=checkbox]{width:22px;min-height:22px;height:22px;accent-color:#ffcb42}.submit:disabled{opacity:.5;cursor:not-allowed}.submit.danger{background:#962e2e;color:#fff}#archive-progress{overflow-wrap:anywhere}.salary-card h4{margin:0 0 12px}

#tl-new .archive-tabs button.selected{color:#131619;font-weight:600}#tl-new label.checkline{display:flex;flex-direction:row;align-items:center;gap:12px;color:#e8ebef}#tl-new .checkline input[type=checkbox]{width:22px;min-width:22px;height:22px;min-height:22px;padding:0;margin:0;flex:0 0 22px;accent-color:#ffcb42}#tl-new .submit.danger{background:#962e2e;border-color:#ba4141;color:#fff}#tl-new .submit:disabled{opacity:.5;cursor:not-allowed}

#tl-new .personal-authorization{width:100%;display:grid;gap:10px;text-align:left;background:#24282f;border:1px solid #434c59;border-radius:13px;padding:17px;margin:12px 0;color:#f3f5f8}#tl-new .personal-authorization strong{font-size:16px}#tl-new .personal-link{color:#ffca3b;font-size:12px}#tl-new .personal-ok{background:#17392a;color:#a2e6bb;border:1px solid #396c4c;padding:5px 8px;border-radius:6px;justify-self:start}#tl-new .salary-card>h2{font-size:25px;letter-spacing:2px}#tl-new .personal-record{text-align:left;width:100%}

#tl-new .action.major{display:flex;align-items:center;justify-content:space-between;gap:18px}#tl-new .action.major>svg,#tl-new .action.major>i{flex:0 0 24px;order:0}#tl-new .action.major>span:not(:first-child){margin-left:auto;text-align:right}#tl-new .action.major>span>small{display:block}

.notification-bell{position:relative;background:transparent;border:1px solid #3b4249;color:#ffca40;border-radius:12px;padding:10px;cursor:pointer;flex-shrink:0;-webkit-app-region:no-drag}.notice-count{position:absolute;top:-7px;right:-7px;background:#ffca40;color:#15171b;border-radius:12px;padding:1px 5px;font-size:11px;min-width:16px}.notice-card{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:#22262c;color:#fff;border:1px solid #3b4249;border-radius:16px;padding:18px;margin:12px 0;cursor:pointer}.notice-card.unread{border-left:4px solid #ffca40}.notice-card strong,.notice-card small,.notice-card .muted{display:block}.notice-card small{margin-top:8px;color:#aeb7c2}.notice-icon{color:#ffca40}.personal-authorization{text-align:left}.personal-authorization strong{display:block;font-size:20px;margin:10px 0}.personal-link{display:block;background:#ffca40;color:#15171b;padding:14px;border-radius:12px;margin-top:12px;text-align:right;font-weight:600}

.station-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:22px 0}.station-summary>div{border:1px solid #3b4249;border-radius:14px;padding:15px 9px;display:flex;flex-direction:column;gap:7px}.station-summary span{font-size:12px;color:#b9c2ce}.station-summary strong{font-size:clamp(15px,3vw,23px)}.vehicle-plate{display:inline-block;padding:5px 12px;border:1px solid #78818d;border-radius:8px;font-size:22px;letter-spacing:2px;font-weight:700;margin:0 0 12px}

#tl-new .personal-link{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#15171b;font-size:14px;line-height:1.4}#tl-new .authorization-vehicle{display:flex;gap:18px;align-items:center;justify-content:space-between}#tl-new .authorization-vehicle>svg{width:30px;height:30px;flex-shrink:0;color:#ffca40}#tl-new .authorization-vehicle>div{text-align:right}#tl-new .authorization-vehicle strong{font-size:18px;margin:4px 0 10px}#tl-new .authorization-vehicle .vehicle-plate{font-size:21px;margin:0}