html{background:#0b0b66;min-height:100%}:root{--night:#070b67;--ink:#fff;--violet:#6224ff;--blue:#0867ff;--edge:#ffffff29;--soft:#c6c3f2;--panel:#0a074b77;color-scheme:dark;font-family:'Arial Narrow','Bahnschrift','Segoe UI',Tahoma,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 102% 96%,#7000b767,transparent 50%),radial-gradient(ellipse at 45% 55%,#3423c366,transparent 58%),linear-gradient(120deg,#061298,#110b67 50%,#210b43);min-height:100svh}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.45}button{color:inherit;border:1px solid var(--edge);background:#ffffff08}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6ce2ff;outline-offset:4px}button,[role=button],a{transition:border-color .15s,box-shadow .15s,filter .15s}button:hover:not(:disabled),a:hover{filter:brightness(1.12)}small{display:block;font-weight:400}h1,h2,h3,p{margin:0}.ki{width:1.5em;height:1.5em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.kiosk-symbols{position:absolute;width:0;height:0;overflow:hidden}.kiosk-shell{max-width:1536px;margin:auto;padding:0 28px 28px}.kiosk-header{display:flex;align-items:center;gap:26px;min-height:112px}.kiosk-brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.kiosk-brand>.ki{width:48px;height:61px;stroke-width:3.3}.kiosk-brand span{font-size:25px;line-height:1;font-weight:800;letter-spacing:-.6px}.kiosk-brand small{font:500 16px/1.6 'Segoe UI',sans-serif;letter-spacing:3px}.kiosk-header h1{font-size:34px;line-height:1.25;flex:1;font-weight:750;letter-spacing:-.6px}.kiosk-header h1 span{font:400 27px Tahoma,sans-serif;margin-left:13px;white-space:nowrap}.kiosk-branch{display:flex;gap:15px;align-items:center;font-size:17px;white-space:nowrap;border-left:1px solid #ffffff20;padding-left:20px}.kiosk-branch small{font:16px/1.6 Tahoma;color:#8b81c1}.kiosk-clock{font-size:21px;white-space:nowrap;text-align:center;line-height:1.4}.kiosk-clock small{font-size:13px}.kiosk-header .header-settings{margin-left:auto}.kiosk-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:2px solid #aba0ff73;border-radius:22px;min-height:72px;padding:12px 25px;font-size:21px;font-weight:700;background:linear-gradient(115deg,#27238b44,#06004a66);box-shadow:inset 0 1px 3px #ffffff14}.kiosk-button small{font:16px/1.4 Tahoma}.kiosk-button .ki{width:36px;height:36px}.kiosk-button.primary{background:linear-gradient(120deg,#8234ff,#7223ff);border-color:#a36dff;min-width:245px}.kiosk-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:30px}.selection-title{justify-content:space-between}.selection-title h1{text-align:center}.selection-title .header-settings{min-height:58px;font-size:16px;border-radius:18px;padding:10px 20px;gap:12px}.selection-title .header-settings small{font-size:12px}.selection-title .header-settings .ki{width:26px;height:26px}.selection-page{display:flex;flex-direction:column;min-height:100svh;padding-top:8px;padding-bottom:32px}.selection-page .kiosk-header{min-height:118px}.branch-grid{display:grid;grid-template-columns:repeat(var(--branch-count,4),minmax(0,1fr));gap:25px;padding:20px 0 0}.branch-card{display:flex;flex-direction:column;align-items:stretch;border:2px solid #9a97d94d;border-radius:25px;padding:4px 4px 12px;background:#09035588;position:relative;min-width:0;text-align:center;overflow:hidden;min-height:332px}.branch-card.selected{border:4px solid #fff;padding:2px 2px 10px;background:linear-gradient(#1483ff,#4520ff);box-shadow:0 0 0 2px #8b7aff,0 0 20px #8a67ffad}.branch-photo{display:block;aspect-ratio:198/148;border-radius:18px;background-image:url('/assets/kiosk/reference-art.png');background-repeat:no-repeat;background-size:461.616% 1162.162%;background-position:var(--photo-x,35.05%) 53.31%}.branch-card h2{font-size:26px;margin:15px 4px 4px}.branch-card p{font-size:17px;line-height:1.5}.branch-card [lang=ar]{font-family:Tahoma;font-size:18px}.branch-card>.ki{margin:9px auto 0;width:24px;height:24px}.branch-check{display:none;position:absolute;right:16px;bottom:23px;align-items:center;justify-content:center;border-radius:50%;width:38px;height:38px;background:white;color:#4b2aff}.branch-card.selected .branch-check{display:flex}.branch-page .kiosk-actions{margin-top:auto;padding-top:34px}.station-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:18px}.station-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:234px;border:2px solid #ffffff12;border-radius:26px;background:linear-gradient(130deg,var(--tile-from),var(--tile-to));box-shadow:inset 0 1px 3px #fff2;text-align:center}.station-tile .ki{width:78px;height:78px;stroke-width:2.3}.station-tile h2{font-size:30px;font-weight:750;line-height:1.1}.station-tile p{font:20px Tahoma;margin-top:2px}.station-tile.selected,.station-tile:focus-visible{border:5px solid white;box-shadow:0 0 0 3px #4190ff,0 0 24px #5595ff}.station-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:auto;padding-top:36px}.logout-button{display:flex;align-items:center;gap:14px;border:0;background:none;text-align:left;font-size:20px;padding:0}.logout-button small{font:16px Tahoma;margin-top:7px}.logout-button>.ki{border:2px solid #9e94ff66;width:66px;height:66px;border-radius:50%;padding:12px}.station-back{font-size:16px;color:var(--soft)}.selection-page form{margin:0}.kiosk-more{display:flex;gap:18px;color:var(--soft);font-size:14px}.selection-page .kiosk-brand{padding-right:10px}.selection-page .kiosk-header .kiosk-brand{flex:0 0 180px}@media(min-width:1100px){.selection-page{justify-content:center;gap:10px;max-width:1380px}.branch-page .kiosk-actions,.station-footer{margin-top:16px}.branch-card{min-height:365px}.branch-grid{gap:28px}}@media(max-width:1100px){.kiosk-shell{padding:0 22px 24px}.kiosk-header{gap:20px;min-height:90px}.kiosk-brand>.ki{width:38px;height:49px}.kiosk-brand span{font-size:22px}.kiosk-brand small{font-size:13px}.kiosk-header h1{font-size:28px}.kiosk-header h1 span{font-size:24px}.kiosk-branch{font-size:14px;gap:10px;padding-left:16px}.kiosk-branch small{font-size:14px}.kiosk-clock{font-size:18px}.branch-card{min-height:300px}.station-tile{min-height:190px}.station-tile h2{font-size:24px}.station-tile .ki{width:66px;height:66px}.station-tile p{font-size:18px}}@media(max-width:760px){.kiosk-shell{padding:0 16px 20px}.kiosk-header{flex-wrap:wrap;gap:14px;min-height:110px;padding:14px 0}.kiosk-header h1{font-size:25px;text-align:right}.kiosk-header h1 span{display:block;font-size:20px;margin:5px 0 0}.kiosk-brand span{font-size:19px}.kiosk-branch{margin-left:auto;border:0;padding:0}.kiosk-clock{font-size:16px}.selection-page .kiosk-header .kiosk-brand{flex:0 0 auto}.selection-title h1{flex:1;text-align:center}.selection-title .header-settings{font-size:0;min-height:48px;padding:8px}.selection-title .header-settings span{display:none}.branch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:8px}.branch-card{min-height:260px;border-radius:20px}.branch-card h2{font-size:23px}.branch-card p,.branch-card [lang=ar]{font-size:16px}.station-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:4px}.station-tile{min-height:180px;padding:14px 7px;border-radius:22px;gap:10px}.station-tile .ki{width:58px;height:58px}.station-tile h2{font-size:22px}.station-tile p{font-size:16px}.kiosk-button{min-height:64px;border-radius:19px;padding:10px 18px;font-size:19px}.kiosk-button.primary{min-width:170px}.station-footer{padding-top:30px}.kiosk-more{flex-direction:column;gap:8px}}@media(max-width:420px){.kiosk-header .kiosk-brand>.ki{width:32px;height:42px}.kiosk-header .kiosk-brand span{font-size:17px}.kiosk-header .kiosk-brand small{font-size:10px}.kiosk-header h1{font-size:22px}.kiosk-header h1 span{font-size:18px}.kiosk-branch{font-size:12px}.kiosk-branch small{font-size:12px}.kiosk-clock{font-size:15px}.branch-card{min-height:230px}.branch-card h2{font-size:21px}.branch-card p,.branch-card [lang=ar]{font-size:14px}.branch-check{width:29px;height:29px;right:10px;bottom:16px}.branch-card>.ki{width:19px;height:19px}.kiosk-button.primary{min-width:145px}.station-tile h2{font-size:20px}.station-tile p{font-size:14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.station-page .kiosk-header h1{text-align:center}