:root{--md-sys-color-primary: #A8C7FA;--md-sys-color-on-primary: #062E6F;--md-sys-color-primary-container: #1A4587;--md-sys-color-on-primary-container: #D3E3FD;--md-sys-color-secondary: #BEC6DC;--md-sys-color-on-secondary: #283041;--md-sys-color-secondary-container: #3E4758;--md-sys-color-on-secondary-container: #DAE2F9;--md-sys-color-error: #FFB4AB;--md-sys-color-on-error: #690005;--md-sys-color-error-container: #93000A;--md-sys-color-on-error-container: #FFDAD6;--md-sys-color-success: #A8DAB5;--md-sys-color-on-success: #003919;--md-sys-color-success-container: #005227;--md-sys-color-on-success-container: #C4F7D0;--md-sys-color-surface: #111318;--md-sys-color-on-surface: #E2E2E9;--md-sys-color-surface-variant: #44474E;--md-sys-color-on-surface-variant: #C4C6CF;--md-sys-color-surface-container-lowest: #0C0E13;--md-sys-color-surface-container-low: #191C20;--md-sys-color-surface-container: #1D2024;--md-sys-color-surface-container-high: #282A2F;--md-sys-color-surface-container-highest: #33353A;--md-sys-color-outline: #8E9099;--md-sys-color-outline-variant: #44474E;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-full: 9999px;--md-sys-elevation-1: 0 1px 3px 1px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.3);--md-sys-elevation-2: 0 2px 6px 2px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.3);--md-sys-elevation-3: 0 4px 8px 3px rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.3);--md-sys-motion-duration-short: .1s;--md-sys-motion-duration-medium: .2s;--md-sys-motion-duration-long: .4s;--md-sys-motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-emphasized: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-emphasized-decelerate: cubic-bezier(.05, .7, .1, 1);--md-sys-motion-easing-emphasized-accelerate: cubic-bezier(.3, 0, .8, .15);--md-sys-state-hover: .08;--md-sys-state-focus: .12;--md-sys-state-pressed: .12;--md-sys-state-dragged: .16}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:Roboto,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}body{min-height:100vh;min-height:100dvh;background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);overflow-x:hidden}.md-surface{background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface)}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-bottom:max(0px,env(safe-area-inset-bottom))}}.app-main{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);overflow:hidden}@media (max-height: 700px){.app-main{padding:12px;justify-content:flex-start;padding-top:max(12px,env(safe-area-inset-top))}}@media (max-height: 550px){.app-main{padding:8px;padding-top:max(8px,env(safe-area-inset-top))}}@media (max-width: 360px){.app-main{padding:8px}}.min-h-screen{min-height:100vh;min-height:100dvh}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.my-2{margin-top:8px;margin-bottom:8px}.my-4{margin-top:16px;margin-bottom:16px}.h-px{height:1px}.bg-outline-variant{background-color:var(--md-sys-color-outline-variant)}.grid{display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.p-4{padding:16px}.p-6{padding:24px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.py-2{padding-top:8px;padding-bottom:8px}.py-3{padding-top:12px;padding-bottom:12px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.max-w-sm{max-width:384px}.max-w-md{max-width:448px}.max-w-4xl{max-width:896px}.max-h-96{max-height:384px}.overflow-y-auto{overflow-y:auto}.text-center{text-align:center}.text-xs{font-size:12px;line-height:16px}.text-sm{font-size:14px;line-height:20px}.text-lg{font-size:18px;line-height:28px}.text-xl{font-size:20px;line-height:28px}.text-2xl{font-size:24px;line-height:32px}.font-medium{font-weight:500}.text-primary{color:var(--md-sys-color-primary)}.text-secondary{color:var(--md-sys-color-on-surface-variant)}.text-error{color:var(--md-sys-color-error)}.text-success{color:var(--md-sys-color-success)}.no-underline{text-decoration:none}.md-card{background-color:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-extra-large);padding:24px;box-shadow:var(--md-sys-elevation-1);display:flex;flex-direction:column}@media (max-width: 400px){.md-card{padding:16px;border-radius:var(--md-sys-shape-corner-large);max-width:calc(100% - 16px)}}@media (max-height: 700px){.md-card{padding:16px}}@media (max-height: 600px){.md-card{padding:12px}}.md-segmented-container{display:flex;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-full);overflow:hidden}.md-segmented-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;font-size:14px;font-weight:500;background:transparent;color:var(--md-sys-color-on-surface);border:none;border-right:1px solid var(--md-sys-color-outline);cursor:pointer;transition:all var(--md-sys-motion-duration) var(--md-sys-motion-easing)}.md-segmented-btn:last-child{border-right:none}.md-segmented-btn:hover{background:#ffffff14}.md-segmented-btn.selected{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.md-btn-filled{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 24px;font-size:14px;font-weight:500;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:none;border-radius:var(--md-sys-shape-corner-full);cursor:pointer;transition:all var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);text-decoration:none;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.md-btn-filled:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;opacity:0;transition:opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);pointer-events:none}.md-btn-filled:hover:before{opacity:var(--md-sys-state-hover)}.md-btn-filled:active:before{opacity:var(--md-sys-state-pressed)}.md-btn-filled:active{transform:scale(.98)}.md-btn-filled:hover{box-shadow:var(--md-sys-elevation-1)}.md-btn-filled:disabled{opacity:.38;cursor:not-allowed;transform:none}.md-btn-filled:disabled:before{display:none}.md-btn-text{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 12px;font-size:14px;font-weight:500;background:transparent;color:var(--md-sys-color-primary);border:none;border-radius:var(--md-sys-shape-corner-full);cursor:pointer;transition:all var(--md-sys-motion-duration) var(--md-sys-motion-easing)}.md-btn-text:hover{background:#a8c7fa14}.md-btn-outlined{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 24px;font-size:14px;font-weight:500;background:transparent;color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-full);cursor:pointer;transition:all var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);text-decoration:none;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.md-btn-outlined:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--md-sys-color-primary);opacity:0;transition:opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);pointer-events:none}.md-btn-outlined:hover:before{opacity:var(--md-sys-state-hover)}.md-btn-outlined:active:before{opacity:var(--md-sys-state-pressed)}.md-btn-outlined:active{transform:scale(.98)}.md-btn-outlined:hover{border-color:var(--md-sys-color-primary)}.md-btn-primary{position:relative;width:100%;display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:14px 24px;font-size:16px;font-weight:500;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:none;border-radius:var(--md-sys-shape-corner-large);box-shadow:var(--md-sys-elevation-1);cursor:pointer;transition:all var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;flex-shrink:0;margin-top:auto}@media (max-height: 700px){.md-btn-primary{min-height:48px;padding:12px 20px}}@media (max-height: 600px){.md-btn-primary{min-height:44px;padding:10px 16px;font-size:15px}}.md-btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;opacity:0;transition:opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);pointer-events:none}.md-btn-primary:hover:before{opacity:var(--md-sys-state-hover)}.md-btn-primary:focus-visible:before{opacity:var(--md-sys-state-focus)}.md-btn-primary:active:before{opacity:var(--md-sys-state-pressed)}.md-btn-primary:hover{box-shadow:var(--md-sys-elevation-2)}.md-btn-primary:active{box-shadow:var(--md-sys-elevation-1);transform:scale(.98)}.md-btn-primary:disabled{background:var(--md-sys-color-on-surface);opacity:.12;box-shadow:none;cursor:not-allowed;transform:none}.md-btn-primary:disabled:before{display:none}.md-ripple{position:absolute;border-radius:50%;background:currentColor;opacity:.24;transform:scale(0);animation:ripple-animation .6s var(--md-sys-motion-easing-emphasized-decelerate);pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}@keyframes button-press{0%{transform:scale(1)}50%{transform:scale(.96)}to{transform:scale(1)}}.md-btn-primary.pressing{animation:button-press .15s var(--md-sys-motion-easing-emphasized)}.md-btn-primary.success{background:var(--md-sys-color-success);animation:success-pulse .6s var(--md-sys-motion-easing-emphasized)}@keyframes success-pulse{0%{transform:scale(1);box-shadow:0 0 #a8dab580}50%{transform:scale(1.02);box-shadow:0 0 0 12px #a8dab500}to{transform:scale(1);box-shadow:var(--md-sys-elevation-1)}}.md-pin-display{width:100%;height:56px;min-height:48px;padding:12px 16px;font-family:Roboto Mono,monospace;font-size:24px;font-weight:500;letter-spacing:.4em;text-align:center;background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);border:none;border-radius:var(--md-sys-shape-corner-medium);flex-shrink:0}@media (max-height: 700px){.md-pin-display{height:48px;min-height:40px;padding:8px 12px;font-size:22px}}@media (max-height: 600px){.md-pin-display{height:40px;min-height:36px;padding:6px 10px;font-size:20px}}.md-pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;flex-shrink:1;min-height:0}@media (max-width: 360px){.md-pin-pad{gap:8px}}@media (max-height: 700px){.md-pin-pad{gap:8px}}@media (max-height: 600px){.md-pin-pad{gap:6px}}.md-pin-btn{position:relative;aspect-ratio:1;width:100%;max-width:80px;max-height:80px;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:500;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border:none;border-radius:var(--md-sys-shape-corner-medium);cursor:pointer;transition:all var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);-webkit-tap-highlight-color:transparent;overflow:hidden;-webkit-user-select:none;user-select:none}@media (max-height: 700px){.md-pin-btn{max-width:68px;max-height:68px;font-size:22px}}@media (max-height: 600px){.md-pin-btn{max-width:56px;max-height:56px;font-size:20px}}@media (max-height: 520px){.md-pin-btn{max-width:48px;max-height:48px;font-size:18px;border-radius:var(--md-sys-shape-corner-small)}}@media (max-width: 320px){.md-pin-btn{max-width:60px;max-height:60px;font-size:20px}}.md-pin-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;opacity:0;transition:opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);pointer-events:none}.md-pin-btn:hover:before{opacity:var(--md-sys-state-hover)}.md-pin-btn:active:before{opacity:var(--md-sys-state-pressed)}.md-pin-btn:active{transform:scale(.95)}.md-pin-btn:hover{background:var(--md-sys-color-surface-container-highest)}.md-pin-btn-secondary{background:transparent;color:var(--md-sys-color-on-surface-variant)}.md-pin-btn-secondary:hover{background:#ffffff14}.md-alert{display:flex;align-items:center;gap:12px;padding:16px;border-radius:var(--md-sys-shape-corner-medium)}.md-alert-success{background:var(--md-sys-color-success-container);color:var(--md-sys-color-on-success-container)}.md-alert-error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.md-icon{width:24px;height:24px;flex-shrink:0}.md-icon-sm{width:20px;height:20px}.md-icon-lg{width:32px;height:32px}.md-user-greeting{font-size:14px;color:var(--md-sys-color-on-surface-variant)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}.md\:grid-cols-2,.md\:grid-cols-3{grid-template-columns:repeat(1,1fr)}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}.card{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-extra-large);padding:24px;box-shadow:var(--md-sys-elevation-1)}.pin-input{width:100%;height:64px;padding:16px;font-family:Roboto Mono,monospace;font-size:28px;font-weight:500;letter-spacing:.4em;text-align:center;background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);border:none;border-radius:var(--md-sys-shape-corner-medium)}.pin-btn{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:500;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border:none;border-radius:var(--md-sys-shape-corner-medium);cursor:pointer;transition:all var(--md-sys-motion-duration) var(--md-sys-motion-easing)}.pin-btn:hover{background:var(--md-sys-color-surface-container-highest)}.pin-btn:active{background:var(--md-sys-color-surface-variant)}.action-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:16px 24px;font-size:16px;font-weight:500;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:none;border-radius:var(--md-sys-shape-corner-large);box-shadow:var(--md-sys-elevation-1);cursor:pointer;transition:all var(--md-sys-motion-duration) var(--md-sys-motion-easing)}.action-btn:hover{box-shadow:var(--md-sys-elevation-2)}.action-btn:disabled{background:var(--md-sys-color-on-surface);opacity:.12;box-shadow:none;cursor:not-allowed}.alert{display:flex;align-items:center;gap:12px;padding:16px;border-radius:var(--md-sys-shape-corner-medium);text-align:left}.alert-success{background:var(--md-sys-color-success-container);color:var(--md-sys-color-on-success-container)}.alert-error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.text-gray-300{color:var(--md-sys-color-on-surface)}.text-gray-400{color:var(--md-sys-color-on-surface-variant)}.text-gray-500{color:var(--md-sys-color-outline)}.text-green-400{color:var(--md-sys-color-success)}.text-red-400{color:var(--md-sys-color-error)}.bg-gray-700{background:var(--md-sys-color-surface-container-high)}.bg-gray-800{background:var(--md-sys-color-surface-container)}.bg-gray-900{background:var(--md-sys-color-surface)}.bg-blue-600{background:var(--md-sys-color-primary)}.text-white{color:var(--md-sys-color-on-primary)}.rounded-lg{border-radius:var(--md-sys-shape-corner-medium)}.font-bold{font-weight:700}.space-y-2>*+*{margin-top:8px}input[type=text],input[type=password],select{border:1px solid var(--md-sys-color-outline);outline:none}input[type=text]:focus,input[type=password]:focus,select:focus{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px #a8c7fa4d}.md-btn-tonal{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 24px;font-size:14px;font-weight:500;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border:none;border-radius:var(--md-sys-shape-corner-full);cursor:pointer;transition:all var(--md-sys-motion-duration) var(--md-sys-motion-easing);text-decoration:none}.md-btn-tonal:hover{box-shadow:var(--md-sys-elevation-1)}.md-surface-high{background:var(--md-sys-color-surface-container-high)}.md-surface-primary{background:#a8c7fa26}.md-text-field-input{width:100%;height:48px;padding:12px 16px;font-size:14px;color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface-container-highest);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);outline:none;transition:all var(--md-sys-motion-duration) var(--md-sys-motion-easing)}.md-text-field-input:hover{border-color:var(--md-sys-color-on-surface)}.md-text-field-input:focus{border-color:var(--md-sys-color-primary);border-width:2px}.md-text-field-input::placeholder{color:var(--md-sys-color-on-surface-variant)}.md-list-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-medium)}.md-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:none;border-radius:var(--md-sys-shape-corner-full);cursor:pointer;transition:all var(--md-sys-motion-duration) var(--md-sys-motion-easing)}.md-icon-btn:hover{background:#ffffff14}.hidden{display:none}@media (min-width: 768px){.md\:inline{display:inline}}.garage-card{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:hidden}.garage-header{margin-bottom:20px;flex-shrink:0}.garage-title{font-size:24px;line-height:32px;font-weight:500}.pin-mode-container{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.pin-form{display:flex;flex-direction:column;flex:1;min-height:0}.pin-hint,.divider-section,.admin-link{flex-shrink:0}@media (max-height: 700px){.garage-card{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}.garage-header{margin-bottom:12px}.garage-title{font-size:20px;line-height:28px}.md-pin-pad{margin-bottom:16px}}@media (max-height: 600px){.garage-card{max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px)}.garage-header{margin-bottom:8px}.garage-title{font-size:18px;line-height:24px}.md-pin-pad{margin-bottom:12px}.pin-hint{font-size:11px;margin-top:8px!important}.divider-section{margin-top:8px!important;margin-bottom:8px!important}.admin-link{margin-top:8px!important}}@media (max-height: 520px){.garage-header{margin-bottom:6px}.md-pin-pad{margin-bottom:8px}.pin-hint{display:none}.divider-section{margin-top:6px!important;margin-bottom:6px!important}.admin-link{margin-top:6px!important}}@media (max-width: 340px){.garage-title{font-size:18px;line-height:24px}.garage-header{gap:8px}}@media (max-height: 700px){.md-alert{padding:12px;margin-top:12px!important}}@media (max-height: 600px){.md-alert{padding:10px;margin-top:8px!important;font-size:13px}}.status-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:13px}.status-chip .status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.status-chip-online{background:var(--md-sys-color-success-container);color:var(--md-sys-color-on-success-container)}.status-chip-offline{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}