@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.block{display:block}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.table-row{display:table-row}.w-full{width:100%}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.no-underline{text-decoration-line:none}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(../media/layers.78ca0acf.png);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(../media/layers-2x.793209de.png);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(../media/marker-icon.b9f7ac13.png)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107,M12=.707107,M21=-.707107,M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{background:var(--background);color:var(--foreground);font-family:Noto Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
.login-page{background:#7ed6ea;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";filter:blur(100px);z-index:0;background:#7ed6ea;position:absolute;inset:0}.login-page .login-bg-ellipse{filter:blur(80px);z-index:0;background:#fcdce8;border-radius:50%;position:absolute}@keyframes float-1{0%{transform:translate(0)}25%{transform:translate(300px,-200px)}50%{transform:translate(-200px,300px)}75%{transform:translate(250px,150px)}to{transform:translate(0)}}@keyframes float-2{0%{transform:translate(0)}20%{transform:translate(-350px,200px)}40%{transform:translate(200px,-250px)}60%{transform:translate(-150px,-300px)}80%{transform:translate(300px,100px)}to{transform:translate(0)}}@keyframes float-3{0%{transform:translate(0)}33%{transform:translate(400px,250px)}66%{transform:translate(-300px,-200px)}to{transform:translate(0)}}@keyframes float-4{0%{transform:translate(0)scale(1)}25%{transform:translate(-250px,300px)scale(1.1)}50%{transform:translate(350px,-150px)scale(.9)}75%{transform:translate(-200px,-250px)scale(1.05)}to{transform:translate(0)scale(1)}}@keyframes float-5{0%{transform:translate(0)}20%{transform:translate(200px,350px)}40%{transform:translate(-300px,100px)}60%{transform:translate(150px,-300px)}80%{transform:translate(-200px,200px)}to{transform:translate(0)}}.login-ellipse-1{width:500px;height:490px;animation:12s ease-in-out infinite float-1;position:absolute;top:-150px;left:-50px}.login-ellipse-2{width:470px;height:475px;animation:15s ease-in-out infinite float-2;position:absolute;top:-140px;right:-100px}.login-ellipse-3{width:580px;height:520px;animation:10s ease-in-out infinite float-3;position:absolute;bottom:-100px;left:-90px}.login-ellipse-4{width:600px;height:540px;animation:14s ease-in-out infinite float-4;position:absolute;bottom:-100px;right:-150px}.login-ellipse-5{width:290px;height:290px;animation:11s ease-in-out infinite float-5;position:absolute;top:30%;left:40%}.login-ellipse-6{width:380px;height:380px;animation:13s ease-in-out infinite float-3;position:absolute;top:20%;right:10%}.login-card{z-index:1;background:linear-gradient(#fff 0%,#fff0 100%);border-radius:30px;width:100%;max-width:100%;animation:.5s ease-out slideUp;position:relative;box-shadow:0 4px 4px #00000040;background:#fff!important;border-radius:24px!important;box-shadow:0 20px 60px #0000001f,0 8px 24px #00000014!important}@media (min-width:640px){.login-card{max-width:420px}}@media (min-width:768px){.login-card{max-width:440px}}.login-card-content{padding:2rem}@media (min-width:640px){.login-card-content{padding:2.5rem}}@media (min-width:768px){.login-card-content{padding:3rem 4rem}}.login-brand{flex-direction:column;align-items:center;margin-bottom:1.5rem;display:flex}.login-logo{margin-bottom:.75rem}.login-logo svg{filter:drop-shadow(0 4px 8px #0095ff4d);transition:transform .2s}.login-logo svg:hover{transform:scale(1.05)}.login-brand-name{color:#1f2937;letter-spacing:-.5px;font-size:1.5rem;font-weight:700}.login-header{text-align:center;margin-bottom:1.5rem}.login-title{color:#1f2937;letter-spacing:-.5px;margin-bottom:.5rem;font-size:1.75rem!important;font-weight:700!important}.login-subtitle{color:#6b7280;font-size:.875rem;line-height:1.5}.login-form{flex-direction:column;gap:1.25rem;padding:1rem 0;display:flex}.login-input-group{flex-direction:column;gap:.5rem;display:flex}.login-input-label{color:#374151;font-size:.875rem;font-weight:500}.login-input .MuiOutlinedInput-root{background:#f9fafb;border-radius:12px;height:52px;padding-left:.75rem;padding-right:.5rem;transition:all .15s}.login-input .MuiOutlinedInput-root:hover{background:#fff}.login-input .MuiOutlinedInput-root:hover fieldset{border-color:#60a5fa}.login-input .MuiOutlinedInput-root.Mui-focused{background:#fff}.login-input .MuiOutlinedInput-root.Mui-focused fieldset{border-width:2px;border-color:#3b82f6}.login-input .MuiOutlinedInput-root fieldset{border-color:#e5e7eb;transition:all .15s}.login-input .MuiOutlinedInput-root input{padding:.75rem;font-size:1rem}.login-input .MuiOutlinedInput-root input::placeholder{color:#9ca3af;opacity:1}.login-input.has-value .MuiOutlinedInput-root fieldset{border-color:#3b82f6}.login-input.has-value .MuiOutlinedInput-root{background:#fff}.login-input .MuiInputAdornment-positionStart{margin-right:.5rem}.login-input .MuiInputAdornment-positionEnd{margin-left:.5rem}.login-input-icon{color:#9ca3af;font-size:20px!important}.login-visibility-btn{color:#9ca3af!important}.login-visibility-btn:hover{color:#4b5563!important;background:0 0!important}.login-options{justify-content:flex-end;align-items:center;margin-top:-.25rem;display:flex}.login-remember{margin-left:-.5rem}.login-remember .MuiFormControlLabel-label{color:#4b5563;font-size:.875rem}.login-checkbox{color:#d1d5db!important}.login-checkbox.Mui-checked{color:#3b82f6!important}.login-forgot-link{color:#3b82f6;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s}.login-forgot-link:hover{color:#2563eb;text-decoration:underline}.login-button{width:100%;height:52px;margin-top:.5rem;box-shadow:0 4px 16px #0095ff59;color:#fff!important;text-transform:none!important;background:linear-gradient(135deg,#0095ff 0%,#07c 100%)!important;border-radius:12px!important;font-size:1rem!important;font-weight:600!important;transition:all .2s!important}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #0095ff73;background:linear-gradient(135deg,#0080e6 0%,#0066b3 100%)!important}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{box-shadow:none;cursor:not-allowed;background:#d1d5db!important}.login-footer{text-align:center;border-top:1px solid #f3f4f6;margin-top:1.5rem;padding-top:1.5rem}.login-footer-text{color:#6b7280;font-size:.875rem}.login-signup-link{color:#3b82f6;font-weight:600;text-decoration:none;transition:color .15s}.login-signup-link:hover{color:#2563eb;text-decoration:underline}.login-error{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:none;border-radius:12px;justify-content:center;margin-bottom:1rem;padding:.75rem 1rem;box-shadow:0 2px 8px #ef444426}.login-error .MuiAlert-icon{color:#dc2626;margin-right:.75rem}.login-error .MuiAlert-icon svg{font-size:22px}.login-error .MuiAlert-message{color:#991b1b;flex-grow:0;font-size:.875rem;font-weight:500}.login-success,.forgot-success-alert{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border:none;border-radius:12px;justify-content:center;margin-bottom:1rem;padding:.75rem 1rem;box-shadow:0 2px 8px #10b98126}.login-success .MuiAlert-icon,.forgot-success-alert .MuiAlert-icon{color:#059669;margin-right:.75rem}.login-success .MuiAlert-icon svg,.forgot-success-alert .MuiAlert-icon svg{font-size:22px}.login-success .MuiAlert-message,.forgot-success-alert .MuiAlert-message{color:#065f46;flex-grow:0;font-size:.875rem;font-weight:500}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.forgot-back-link{color:#6b7280;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;text-decoration:none;transition:color .15s;display:inline-flex}.forgot-back-link:hover{color:#3b82f6}.forgot-back-link svg{font-size:18px}.forgot-success{text-align:center}.forgot-success-text{color:#4b5563;margin-bottom:1.5rem;font-size:.875rem;line-height:1.6}.forgot-login-link{text-decoration:none}.forgot-back-button{width:100%;height:52px;color:#3b82f6!important;text-transform:none!important;border-color:#3b82f6!important;border-radius:12px!important;font-size:1rem!important;font-weight:500!important;transition:all .2s!important}.forgot-back-button:hover{background:#3b82f614!important;border-color:#2563eb!important}.otp-section{flex-direction:column;gap:1.5rem;display:flex}.otp-inputs{justify-content:center;gap:.75rem;display:flex}.otp-input{width:64px}.otp-input .MuiOutlinedInput-root{background:#f9fafb;border-radius:12px;height:64px;transition:all .15s}.otp-input .MuiOutlinedInput-root:hover{background:#fff}.otp-input .MuiOutlinedInput-root:hover fieldset{border-color:#60a5fa}.otp-input .MuiOutlinedInput-root.Mui-focused{background:#fff}.otp-input .MuiOutlinedInput-root.Mui-focused fieldset{border-width:2px;border-color:#3b82f6}.otp-input .MuiOutlinedInput-root fieldset{border-color:#e5e7eb;transition:all .15s}.otp-input .MuiOutlinedInput-root input{text-align:center;padding:0;font-size:1.5rem;font-weight:700}.otp-input.has-value .MuiOutlinedInput-root{background:#fff}.otp-input.has-value .MuiOutlinedInput-root fieldset{border-color:#3b82f6}.otp-resend{justify-content:flex-end;align-items:center;gap:.25rem;margin-top:.5rem;display:flex}.otp-resend-text{color:#6b7280;font-size:.875rem}.otp-resend-btn{color:#3b82f6!important;text-transform:none!important;min-width:auto!important;padding:.25rem .5rem!important;font-size:.875rem!important}.otp-resend-btn:hover{text-decoration:underline;background:0 0!important}.otp-resend-btn:disabled{color:#9ca3af!important}.dashboard-layout{background-color:#f3f4f6;height:100vh;display:flex;overflow:hidden}@media (max-width:768px){.dashboard-layout{overflow:auto}}.dashboard-main-area{flex-direction:column;flex-grow:1;height:100vh;margin-left:5px;display:flex;overflow:hidden}@media (max-width:768px){.dashboard-main-area{height:auto;min-height:100vh;overflow:visible}}.dashboard-main{background-color:#f3f4f6;flex:1;height:calc(100vh - 72px);padding:1rem;overflow:hidden}@media (max-width:768px){.dashboard-main{height:auto;padding:.5rem;overflow:visible}}.page-container{background:#fff;border-radius:16px;height:100%;padding:1rem;box-shadow:0 4px 12px #00000014}@media (max-width:768px){.page-container{padding:.75rem}}.page-title{color:#1f2937;margin:0;font-size:1.5rem;font-weight:600}.dashboard-navbar{background-color:#f3f4f6;justify-content:space-between;align-items:center;gap:1rem;height:72px;padding:0 1rem;display:flex}@media (max-width:768px){.dashboard-navbar{gap:.5rem;padding:0 .5rem}}.navbar-menu-btn{box-shadow:0 2px 8px #0000000f;color:#4b5563!important;background-color:#fff!important;border-radius:8px!important;width:40px!important;height:40px!important;display:none!important}.navbar-menu-btn:hover{background-color:#f3f4f6!important}@media (max-width:768px){.navbar-menu-btn{display:flex!important}}.navbar-left{align-items:center;gap:.5rem;display:flex}.navbar-nav-btn{color:#6b7280!important;background-color:#fff!important;border:1px solid #e5e7eb!important;border-radius:50%!important;width:36px!important;height:36px!important}.navbar-nav-btn:hover{color:#374151!important;background-color:#f9fafb!important}.navbar-nav-btn.active{box-shadow:0 2px 8px #3b82f64d;color:#fff!important;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)!important;border:none!important}.navbar-nav-btn.active:hover{background:linear-gradient(135deg,#0080e6 0%,#0066b3 100%)!important}.navbar-center{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;flex:1;height:48px;box-shadow:0 2px 8px #0000000f}@media (max-width:768px){.navbar-center{display:none}}.navbar-search{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;flex:1;align-items:center;height:48px;padding:.5rem 1.25rem;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000f}.navbar-search:focus-within{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.navbar-search-input{color:#1f2937;background:0 0;border:none;outline:none;width:100%;font-size:.875rem}.navbar-search-input::placeholder{color:#9ca3af}.navbar-right{align-items:center;gap:.75rem;display:flex}.navbar-user{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:.75rem;min-width:220px;height:48px;padding:.5rem 1.25rem;display:flex;box-shadow:0 2px 8px #0000000f}@media (max-width:768px){.navbar-user{gap:.5rem;min-width:auto;padding:.5rem .75rem}}.navbar-avatar{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)!important;width:32px!important;height:32px!important;font-size:.875rem!important;font-weight:600!important}.navbar-user-name{white-space:nowrap;color:#374151!important;font-size:.875rem!important;font-weight:500!important}@media (max-width:768px){.navbar-user-name{display:none}}.navbar-logout-btn{box-shadow:0 2px 8px #ee5a5a4d;color:#fff!important;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a5a 100%)!important;width:36px!important;height:36px!important}.navbar-logout-btn:hover{background:linear-gradient(135deg,#ff5252 0%,#e53935 100%)!important}.navbar-logout-btn .MuiSvgIcon-root{font-size:20px}.MuiTooltip-tooltip{color:#fff!important;background:linear-gradient(135deg,#1f2937 0%,#111827 100%)!important;border-radius:8px!important;padding:.5rem .75rem!important;font-size:.75rem!important;font-weight:500!important;box-shadow:0 4px 12px #00000026!important}.MuiTooltip-arrow{color:#1f2937!important}.sidebar{background-color:#fff;border-right:1px solid #e5e7eb;width:260px}.sidebar::-webkit-scrollbar{width:6px;height:6px}.sidebar::-webkit-scrollbar-track{background:#f3f4f6;border-radius:9999px}.sidebar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:9999px}.sidebar::-webkit-scrollbar-thumb:hover{background:#9ca3af}.sidebar-header{border-bottom:1px solid #f3f4f6;align-items:center;height:72px;padding:0 1.25rem;display:flex}.sidebar-logo{align-items:center;gap:.75rem;display:flex}.sidebar-logo-icon{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 12px #3b82f64d}.sidebar-logo-text{color:#fff;font-size:1rem;font-weight:700}.sidebar-brand-name{color:#1f2937;letter-spacing:-.5px;font-size:1.25rem;font-weight:700}.sidebar-content{flex-direction:column;height:calc(100% - 72px);display:flex}.sidebar-menu{flex-grow:1;padding:1rem .75rem;overflow:auto}.sidebar-menu-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;padding:.5rem .75rem;font-size:.75rem;font-weight:600}.sidebar-menu-item{margin-bottom:.25rem}.sidebar-menu-button{cursor:pointer;border:none;align-items:center;width:100%;font-weight:500;text-decoration:none;transition:all .2s;display:flex;color:#4b5563!important;background:0 0!important;border-radius:12px!important;padding:.75rem 1rem!important}.sidebar-menu-button:hover{color:#1f2937!important;background-color:#f3f4f6!important}.sidebar-menu-button:hover .sidebar-menu-icon{color:#374151!important}.sidebar-menu-button.active{font-weight:600;box-shadow:0 4px 12px #0095ff4d;color:#fff!important;background:linear-gradient(135deg,#0095ff 0%,#07c 100%)!important}.sidebar-menu-button.active .sidebar-menu-icon{color:#fff!important}.sidebar-menu-button.active:hover{color:#fff!important;background:linear-gradient(135deg,#0080e6 0%,#0066b3 100%)!important}.sidebar-menu-button.active:hover .sidebar-menu-icon{color:#fff!important}.sidebar-menu-icon{color:#9ca3af;margin-right:.75rem;font-size:20px;transition:color .2s}.sidebar-menu-text{font-size:.875rem}.sidebar-divider{border-color:#f3f4f6;margin:.75rem}.sidebar-bottom{background-color:#f9fafb;border-top:1px solid #f3f4f6;padding:.75rem}.sidebar-drawer .MuiDrawer-paper{background-color:#fff;border-right:1px solid #e5e7eb;width:260px;box-shadow:4px 0 24px #0000000a}.dashboard-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;padding:1.5rem;box-shadow:0 1px 3px #0000000a}.dashboard-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.dashboard-card-title{color:#1f2937;font-size:1.5rem;font-weight:600;line-height:1.4}.stats-grid{grid-template-columns:repeat(1,1fr);gap:1.5rem;display:grid}@media (min-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;padding:1.5rem;transition:all .2s;box-shadow:0 1px 3px #0000000a}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.stat-value{color:#111827;margin-bottom:.25rem;font-size:2rem;font-weight:700;line-height:1.2}.stat-label{color:#6b7280;font-size:.875rem;font-weight:400;line-height:1.5}.stat-change{margin-top:.5rem;font-size:.875rem;font-weight:400;line-height:1.5}.stat-change.positive{color:#22c55e}.stat-change.negative{color:#ef4444}.page-header{margin-bottom:1.5rem}.page-title{color:#1f2937;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.page-subtitle{color:#6b7280;font-size:.875rem}.dashboard-content{flex-direction:column;gap:.75rem;height:100%;display:flex}@media (max-width:768px){.dashboard-content{gap:.5rem;height:auto}}.dashboard-stats-row{flex:none;grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (max-width:1200px){.dashboard-stats-row{grid-template-columns:1fr}}.stats-cards-grid{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:.5rem;display:grid}@media (max-width:1400px){.stats-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.stats-cards-grid{grid-template-columns:repeat(2,1fr);gap:.25rem}}.stat-card-item{border-radius:12px;flex-direction:column;justify-content:center;min-height:70px;padding:.5rem .75rem;display:flex;box-shadow:0 4px 12px #00000014}@media (max-width:768px){.stat-card-item{min-height:60px;padding:.5rem}}.stat-card-title{margin-bottom:2px!important;font-size:1rem!important;font-weight:700!important;line-height:1.2!important}@media (max-width:768px){.stat-card-title{font-size:.875rem!important}}.stat-card-subtitle{color:#4b5563!important;margin-bottom:2px!important;font-size:.75rem!important;line-height:1.2!important}@media (max-width:768px){.stat-card-subtitle{font-size:10px!important}}.stat-card-change{font-size:10px!important;line-height:1.2!important}@media (max-width:768px){.stat-card-change{font-size:9px!important}}.map-card{background:#fff;border-radius:16px;width:100%;min-height:100px;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014}@media (max-width:768px){.map-card{min-height:200px}}.map-expand-btn{z-index:1000;top:.5rem;right:.5rem;background-color:#fff!important;width:32px!important;height:32px!important;position:absolute!important;box-shadow:0 2px 8px #00000026!important}.map-expand-btn:hover{background-color:#f3f4f6!important}.map-expand-btn .MuiSvgIcon-root{color:#4b5563;font-size:18px}.map-modal{justify-content:center;align-items:center;display:flex}.map-modal-content{background:#fff;border-radius:16px;outline:none;width:90vw;height:80vh;position:relative;overflow:hidden;box-shadow:0 24px 48px #0003}.map-modal-content .leaflet-container{border-radius:16px;width:100%;height:100%}.map-modal-close-btn{z-index:1000;top:.75rem;right:.75rem;background-color:#fff!important;width:40px!important;height:40px!important;position:absolute!important;box-shadow:0 2px 8px #00000026!important}.map-modal-close-btn:hover{background-color:#f3f4f6!important}.map-modal-close-btn .MuiSvgIcon-root{color:#4b5563;font-size:24px}.map-placeholder{background:linear-gradient(135deg,#e0f2fe 0%,#dbeafe 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.map-card .leaflet-container{border-radius:16px;width:100%;height:100%}.dashboard-charts-row{flex:1;grid-template-columns:repeat(3,1fr);gap:.75rem;min-height:0;display:grid}@media (max-width:1200px){.dashboard-charts-row{grid-template-columns:1fr 1fr}}@media (max-width:768px){.dashboard-charts-row{flex:none;grid-template-columns:1fr;gap:.5rem}}.chart-card{background:#fff;border-radius:16px;flex-direction:column;min-height:0;padding:.75rem;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000014}@media (max-width:768px){.chart-card{min-height:300px;padding:.5rem}}.chart-title{color:#1f2937!important;margin-bottom:.5rem!important;font-size:.875rem!important;font-weight:600!important}.chart-placeholder{flex-direction:column;flex:1;min-height:100px;display:flex}.chart-with-axis{flex:1;min-height:80px;display:flex}.y-axis{flex-direction:column;justify-content:space-between;padding-top:1rem;padding-bottom:20px;padding-right:.5rem;display:flex}.y-axis-label{text-align:right;color:#9ca3af!important;font-size:9px!important;line-height:1!important}.bar-chart-demo{flex:1;justify-content:space-around;align-items:flex-end;gap:.25rem;min-height:80px;padding-top:1rem;padding-bottom:.5rem;display:flex}.bar-chart-demo.peak-time{gap:2px}.bar-group{flex-direction:row;align-items:flex-end;gap:4px;height:100%;padding-bottom:18px;display:flex;position:relative}.bar{border-radius:3px 3px 0 0;width:12px;min-height:10px;transition:height .3s}.bar.company{background:#0095ff}.bar.landlord{background:#00e096}.bar.monthly-company{background:#ff74c4}.bar.monthly-landlord{background:#ffa412}.bar-label{text-align:center;position:absolute;bottom:0;left:50%;transform:translate(-50%);color:#6b7280!important;font-size:8px!important}.bar-group-multi{align-items:flex-end;gap:2px;height:100%;padding-bottom:18px;display:flex;position:relative}.bar-thin{border-radius:2px 2px 0 0;width:4px;min-height:8px}.bar-label-small{white-space:nowrap;position:absolute;bottom:0;left:50%;transform:translate(-50%);color:#6b7280!important;font-size:8px!important}.chart-legend{border-top:1px solid #f3f4f6;justify-content:center;gap:.75rem;margin-top:.5rem;padding-top:.5rem;display:flex}.chart-legend.peak-legend{flex-wrap:wrap;gap:.5rem}.legend-item{align-items:center;gap:.5rem;display:flex}.legend-item p{color:#4b5563!important;font-size:.75rem!important}.legend-dot{border-radius:50%;width:10px;height:10px}.legend-dot.company{background-color:#0095ff}.legend-dot.landlord{background-color:#00e096}.legend-dot.monthly-company{background-color:#ff74c4}.legend-dot.monthly-landlord{background-color:#ffa412}.chart-legend-wrapper{border-top:1px solid #f3f4f6;margin-top:.5rem;padding-top:.5rem;position:relative}.chart-legend-wrapper .chart-legend{border-top:none;margin-top:0;padding-top:0}.chart-expand-btn-absolute{bottom:-5px;right:0;color:#6b7280!important;background-color:#f3f4f6!important;width:28px!important;height:28px!important;position:absolute!important}.chart-expand-btn-absolute:hover{background-color:#e5e7eb!important}.chart-expand-btn-absolute svg{font-size:18px}.dashboard-bottom-row{flex:1;grid-template-columns:1fr 1fr;gap:.75rem;min-height:0;display:grid}@media (max-width:992px){.dashboard-bottom-row{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-bottom-row{flex:none;gap:.5rem}}.table-card{background:#fff;border-radius:16px;flex-direction:column;min-height:0;padding:.75rem;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000014}@media (max-width:768px){.table-card{min-height:200px;padding:.5rem}}.machines-table{flex-direction:column;flex:1;justify-content:space-between;display:flex;overflow:auto}.table-header{border-bottom:1px solid #f3f4f6;margin-bottom:.25rem;padding:.25rem 0;display:flex}.table-header .col-rank{width:30px;color:#9ca3af!important;font-size:10px!important;font-weight:500!important}.table-header .col-name{flex:2;color:#9ca3af!important;font-size:10px!important;font-weight:500!important}.table-header .col-play{text-align:right;flex:3;color:#9ca3af!important;font-size:10px!important;font-weight:500!important}.table-row{border-bottom:1px solid #f9fafb;flex:1;align-items:center;padding:.5rem 0;display:flex}.table-row:last-child{border-bottom:none}.table-row .col-rank{width:30px;color:#9ca3af!important;font-size:.75rem!important}.table-row .col-name{flex:2;color:#3b82f6!important;font-size:.75rem!important;font-weight:500!important}.col-progress{flex:3;align-items:center;gap:5rem;display:flex}.col-progress .MuiLinearProgress-root{flex:1}.progress-value{text-align:right;min-width:30px;font-size:.75rem!important;font-weight:600!important}.insights-card{flex-direction:column;display:flex}.insights-card .chart-placeholder{flex:1;min-height:80px}.line-chart{flex-direction:column;height:100%;display:flex;position:relative}.line-chart-svg{flex:1;width:100%;min-height:60px}.insights-legend{border-top:none;padding-top:0}.settings-page{flex-direction:column;gap:1rem;height:100%;display:flex}.settings-header{justify-content:space-between;align-items:center;display:flex}.settings-title{color:#374151!important;font-size:1.75rem!important;font-weight:400!important}.save-button{text-transform:uppercase!important;background-color:#3b82f6!important;border-radius:8px!important;padding:10px 24px!important;font-weight:600!important;box-shadow:0 2px 8px #3b82f64d!important}.save-button:hover{background-color:#2563eb!important}.settings-card{background:#fff;border-radius:16px;flex:1;padding:1.25rem;overflow:auto;box-shadow:0 4px 12px #00000014}.settings-section-title{border-bottom:1px solid #f3f4f6;padding-bottom:.75rem;color:#1f2937!important;margin-bottom:1rem!important;font-size:1.125rem!important;font-weight:600!important}.settings-form{flex-direction:column;gap:1rem;display:flex}.device-page{flex-direction:column;gap:1rem;height:100%;display:flex}.device-status-cards{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}@media (max-width:768px){.device-status-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.device-status-cards{grid-template-columns:1fr}}.device-status-card{border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:140px;padding:1rem;display:flex;box-shadow:0 2px 8px #00000014}.device-card-value{color:#1f2937!important;margin-top:.25rem!important;font-size:1.75rem!important;font-weight:700!important}.device-card-title{text-align:center;color:#374151!important;margin-top:.5rem!important;font-size:.875rem!important;font-weight:600!important}.device-card-subtitle{text-align:center;color:#6b7280!important;font-size:.75rem!important}.device-card-subtext{text-align:center;color:#9ca3af!important;font-size:.75rem!important}.device-table-wrapper{background:#fff;border-radius:16px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000f}.device-search-section{align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.device-search-input{flex:1;max-width:400px}.device-search-input .MuiOutlinedInput-root{background-color:#fff;box-shadow:0 2px 8px #00000014;border-radius:9999px!important}.device-search-input .MuiOutlinedInput-root fieldset{border-color:#e5e7eb}.device-search-input .MuiOutlinedInput-root:hover fieldset{border-color:#d1d5db}.device-search-input .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#3b82f6}.device-filter-btn{color:#6b7280!important}.device-filter-btn:hover{background-color:#f3f4f6!important}.device-action-buttons{gap:.5rem;margin-left:auto;display:flex}.device-transfer-btn{color:#fff!important;background-color:#06b6d4!important;border-radius:50%!important;width:40px!important;height:40px!important;box-shadow:0 4px 12px #06b6d466!important}.device-transfer-btn:hover{background-color:#0891b2!important;box-shadow:0 6px 16px #06b6d480!important}.device-add-btn{color:#fff!important;background-color:#ec4899!important;border-radius:50%!important;width:40px!important;height:40px!important;box-shadow:0 4px 12px #ec489966!important}.device-add-btn:hover{background-color:#db2777!important;box-shadow:0 6px 16px #ec489980!important}.device-table-container{flex:1;overflow:auto}.device-table-container .MuiTableHead-root .MuiTableCell-root{background-color:#0000;border-bottom:1px solid #e5e7eb;color:#4b5563!important;font-weight:600!important}.device-table-container .MuiTableBody-root .MuiTableRow-root:hover{background-color:#f9fafb}.device-table-container .MuiTableBody-root .MuiTableCell-root{color:#374151;border-bottom:1px solid #f3f4f6}.company-page{flex-direction:column;height:100%;display:flex}.company-table-wrapper{background:#fff;border-radius:16px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000f}.company-search-section{align-items:center;gap:.5rem;padding:1rem;display:flex}.company-search-input{flex:1;max-width:500px}.company-search-input .MuiOutlinedInput-root{background-color:#fff;box-shadow:0 2px 8px #00000014;border-radius:9999px!important}.company-search-input .MuiOutlinedInput-root fieldset{border-color:#e5e7eb}.company-search-input .MuiOutlinedInput-root:hover fieldset{border-color:#d1d5db}.company-search-input .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#3b82f6}.company-filter-btn{color:#6b7280!important}.company-filter-btn:hover{background-color:#f3f4f6!important}.company-add-fab{background-color:#3b82f6!important;box-shadow:0 4px 12px #3b82f666!important}.company-add-fab:hover{background-color:#2563eb!important}.company-table-container{flex:1;overflow:auto}.company-table-container .MuiTableHead-root .MuiTableCell-root{background-color:#0000;border-bottom:1px solid #e5e7eb;color:#2563eb!important;font-weight:600!important}.company-table-container .MuiTableBody-root .MuiTableRow-root:hover{background-color:#f9fafb}.company-table-container .MuiTableBody-root .MuiTableCell-root{color:#374151;vertical-align:top;border-bottom:1px solid #f3f4f6;padding-top:.75rem;padding-bottom:.75rem}.company-contact-phone{color:#374151!important;margin-bottom:2px!important;font-size:.875rem!important}.company-contact-email{color:#3b82f6!important;font-size:.875rem!important;text-decoration:none!important}.company-contact-email:hover{text-decoration:underline!important}.company-manager-info{color:#374151!important;margin-bottom:2px!important;font-size:.875rem!important}.company-action-buttons{gap:.5rem;margin-left:auto;display:flex}.company-add-btn{color:#fff!important;background-color:#3b82f6!important;border-radius:50%!important;width:40px!important;height:40px!important;box-shadow:0 4px 12px #3b82f666!important}.company-add-btn:hover{background-color:#2563eb!important;box-shadow:0 6px 16px #3b82f680!important}.company-form-dialog .MuiDialog-paper{border-radius:16px!important;box-shadow:0 24px 48px #0003!important}.company-form-dialog-title{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;display:flex;color:#1f2937!important;padding:1rem 1.25rem!important;font-size:1.25rem!important;font-weight:600!important}.company-form-close-btn{color:#9ca3af!important}.company-form-close-btn:hover{color:#4b5563!important;background-color:#f3f4f6!important}.company-form-dialog-content{max-height:70vh;overflow-y:auto;padding:1.25rem!important}.company-form-fields{flex-direction:column;gap:.75rem;display:flex}.company-form-fields .MuiTextField-root .MuiOutlinedInput-root{border-radius:12px}.company-form-fields .MuiTextField-root .MuiOutlinedInput-root fieldset{border-color:#e5e7eb}.company-form-fields .MuiTextField-root .MuiOutlinedInput-root:hover fieldset{border-color:#d1d5db}.company-form-fields .MuiTextField-root .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#3b82f6}.company-form-fields .MuiTextField-root .MuiInputLabel-root{color:#6b7280}.company-form-fields .MuiTextField-root .MuiInputLabel-root.Mui-focused{color:#3b82f6}.company-form-section-title{color:#374151!important;margin-bottom:.25rem!important;font-size:.875rem!important;font-weight:600!important}.company-form-section-subtitle{color:#6b7280!important;margin-top:.5rem!important;font-size:.8rem!important;font-weight:500!important}.company-form-row{gap:.75rem;display:flex}.company-form-row .MuiTextField-root{flex:1}.company-form-add-sub-btn{color:#3b82f6!important;text-transform:none!important;justify-content:flex-start!important;padding:.25rem .5rem!important;font-weight:500!important}.company-form-add-sub-btn:hover{background-color:#3b82f614!important}.company-form-dialog-actions{gap:.5rem;padding:.75rem 1.25rem 1rem!important}.company-form-cancel-btn{color:#4b5563!important;border-radius:12px!important;padding:.5rem 1rem!important}.company-form-cancel-btn:hover{background-color:#f3f4f6!important}.company-form-submit-btn{color:#fff!important;background-color:#3b82f6!important;border-radius:12px!important;padding:.5rem 1.25rem!important;box-shadow:0 4px 12px #3b82f64d!important}.company-form-submit-btn:hover{background-color:#2563eb!important}.company-form-submit-btn:disabled{box-shadow:none!important;background-color:#d1d5db!important}.company-admin-page{flex-direction:column;height:100%;display:flex}.company-admin-table-wrapper{background:#fff;border-radius:16px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000f}.company-admin-search-section{align-items:center;gap:.5rem;padding:1rem;display:flex}.company-admin-search-input{flex:1;max-width:500px}.company-admin-search-input .MuiOutlinedInput-root{background-color:#fff;box-shadow:0 2px 8px #00000014;border-radius:9999px!important}.company-admin-search-input .MuiOutlinedInput-root fieldset{border-color:#e5e7eb}.company-admin-search-input .MuiOutlinedInput-root:hover fieldset{border-color:#d1d5db}.company-admin-search-input .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#3b82f6}.company-admin-filter-btn{color:#6b7280!important}.company-admin-filter-btn:hover{background-color:#f3f4f6!important}.company-admin-add-fab{background-color:#3b82f6!important;box-shadow:0 4px 12px #3b82f666!important}.company-admin-add-fab:hover{background-color:#2563eb!important}.company-admin-table-container{flex:1;overflow:auto}.company-admin-table-container .MuiTableHead-root .MuiTableCell-root{background-color:#0000;border-bottom:1px solid #e5e7eb;color:#374151!important;font-weight:600!important}.company-admin-table-container .MuiTableBody-root .MuiTableRow-root:hover{background-color:#f9fafb}.company-admin-table-container .MuiTableBody-root .MuiTableCell-root{color:#374151;border-bottom:1px solid #f3f4f6}.company-admin-no-rows{border-bottom:none!important;padding:4rem!important}.no-rows-text{color:#6b7280!important;font-size:.875rem!important}.company-admin-action-buttons{gap:.5rem;margin-left:auto;display:flex}.company-admin-add-btn{color:#fff!important;background-color:#8b5cf6!important;border-radius:50%!important;width:40px!important;height:40px!important;box-shadow:0 4px 12px #8b5cf666!important}.company-admin-add-btn:hover{background-color:#7c3aed!important;box-shadow:0 6px 16px #8b5cf680!important}.admin-status-chip{font-size:.75rem!important;font-weight:500!important}.admin-status-chip.active{color:#16a34a!important;background-color:#dcfce7!important}.admin-status-chip.inactive{color:#dc2626!important;background-color:#fee2e2!important}.admin-form-dialog .MuiDialog-paper{border-radius:16px!important;box-shadow:0 24px 48px #0003!important}.admin-form-dialog-title{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;display:flex;color:#1f2937!important;padding:1rem 1.25rem!important;font-size:1.25rem!important;font-weight:600!important}.admin-form-close-btn{color:#9ca3af!important}.admin-form-close-btn:hover{color:#4b5563!important;background-color:#f3f4f6!important}.admin-form-dialog-content{padding:1.25rem!important}.admin-form-fields{flex-direction:column;gap:.75rem;display:flex}.admin-form-fields .MuiTextField-root .MuiOutlinedInput-root{border-radius:12px}.admin-form-fields .MuiTextField-root .MuiOutlinedInput-root fieldset{border-color:#e5e7eb}.admin-form-fields .MuiTextField-root .MuiOutlinedInput-root:hover fieldset{border-color:#d1d5db}.admin-form-fields .MuiTextField-root .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#8b5cf6}.admin-form-fields .MuiTextField-root .MuiInputLabel-root{color:#6b7280}.admin-form-fields .MuiTextField-root .MuiInputLabel-root.Mui-focused{color:#8b5cf6}.admin-form-section-title{color:#374151!important;margin-bottom:.25rem!important;font-size:.875rem!important;font-weight:600!important}.admin-form-row{gap:.75rem;display:flex}.admin-form-row .MuiTextField-root{flex:1}.admin-form-switch{margin-top:.25rem!important}.admin-form-switch .MuiSwitch-switchBase.Mui-checked{color:#8b5cf6!important}.admin-form-switch .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:#8b5cf6!important}.admin-form-dialog-actions{gap:.5rem;padding:.75rem 1.25rem 1rem!important}.admin-form-cancel-btn{color:#4b5563!important;border-radius:12px!important;padding:.5rem 1rem!important}.admin-form-cancel-btn:hover{background-color:#f3f4f6!important}.admin-form-submit-btn{color:#fff!important;background-color:#8b5cf6!important;border-radius:12px!important;padding:.5rem 1.25rem!important;box-shadow:0 4px 12px #8b5cf64d!important}.admin-form-submit-btn:hover{background-color:#7c3aed!important}.admin-form-submit-btn:disabled{box-shadow:none!important;background-color:#d1d5db!important}.map-page{flex-direction:column;gap:1rem;height:100%;display:flex}.map-container{border-radius:16px;height:280px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000f}.map-container .leaflet-container{border-radius:16px;width:100%;height:100%}.map-container .map-expand-btn{z-index:1000;position:absolute;top:.5rem;right:.5rem;box-shadow:0 2px 8px #00000026;background:#fff!important}.map-container .map-expand-btn:hover{background:#f3f4f6!important}.map-table-wrapper{background:#fff;border-radius:16px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000f}.map-search-section{align-items:center;gap:.5rem;padding:1rem 1rem .5rem;display:flex}.map-search-input{flex:1;max-width:500px}.map-search-input .MuiOutlinedInput-root{background-color:#fff;box-shadow:0 2px 8px #00000014;border-radius:9999px!important}.map-search-input .MuiOutlinedInput-root fieldset{border-color:#e5e7eb}.map-search-input .MuiOutlinedInput-root:hover fieldset{border-color:#d1d5db}.map-search-input .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#3b82f6}.map-filter-btn{color:#6b7280!important}.map-filter-btn:hover{background-color:#f3f4f6!important}.map-location-count{padding:.5rem 1rem}.map-location-count p{color:#4b5563;font-size:.875rem}.map-location-count .count-number{color:#3b82f6;font-weight:600}.map-table-container{flex:1;overflow:auto}.map-table-container .MuiTableHead-root .MuiTableCell-root{white-space:nowrap;background-color:#0000;border-bottom:1px solid #e5e7eb;color:#374151!important;font-weight:600!important}.map-table-container .MuiTableBody-root .MuiTableRow-root:hover{background-color:#f9fafb}.map-table-container .MuiTableBody-root .MuiTableCell-root{color:#374151;border-bottom:1px solid #f3f4f6}.report-page{flex-direction:column;gap:.75rem;height:100%;display:flex}.report-date-range{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.report-date-label{color:#374151!important;font-size:.875rem!important;font-weight:500!important}.report-date-input{width:140px}.report-date-input .MuiInputBase-root,.report-date-input .MuiOutlinedInput-root,.report-date-input .MuiInputBase-root input,.report-date-input .MuiOutlinedInput-root input{background:#fff!important}.report-date-input .MuiInputBase-root fieldset,.report-date-input .MuiOutlinedInput-root fieldset{border-color:#e5e7eb;background-color:#0000!important}.report-date-input .MuiInputBase-root:hover fieldset,.report-date-input .MuiOutlinedInput-root:hover fieldset{border-color:#d1d5db}.report-date-input .MuiInputBase-root.Mui-focused fieldset,.report-date-input .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#3b82f6}.report-date-input-white{background-color:#fff;border-radius:8px;width:140px}.report-date-input-white .MuiOutlinedInput-root fieldset{border-color:#e5e7eb}.report-date-input-white .MuiOutlinedInput-root:hover fieldset{border-color:#d1d5db}.report-date-input-white .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#3b82f6}.report-date-separator{color:#4b5563!important;font-size:.875rem!important}.report-search-section{align-items:center;gap:.5rem;display:flex}.report-search-input{flex:1;max-width:500px}.report-search-input .MuiInputBase-root,.report-search-input .MuiOutlinedInput-root{overflow:hidden;box-shadow:0 2px 8px #00000014;background-color:#fff!important;border-radius:9999px!important}.report-search-input .MuiInputBase-root fieldset,.report-search-input .MuiOutlinedInput-root fieldset{border-color:#e5e7eb;background-color:#0000!important}.report-search-input .MuiInputBase-root:hover fieldset,.report-search-input .MuiOutlinedInput-root:hover fieldset{border-color:#d1d5db}.report-search-input .MuiInputBase-root.Mui-focused fieldset,.report-search-input .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#3b82f6}.report-filter-btn{color:#6b7280!important}.report-filter-btn:hover{background-color:#f3f4f6!important}.report-data-info{color:#6b7280!important;font-size:.875rem!important}.report-card{background:#fff;border-radius:16px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000f}.report-count{border-bottom:1px solid #f3f4f6;padding:1rem}.report-count p{color:#4b5563;font-size:.875rem}.report-count .count-number{color:#3b82f6;font-weight:600}.report-empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:4rem;display:flex}.report-empty-icon{background-color:#f59e0b;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1rem;display:flex}.report-empty-title{color:#374151!important;margin-bottom:.25rem!important;font-size:1rem!important;font-weight:500!important}.report-empty-subtitle{color:#9ca3af!important;font-size:.875rem!important}.device-form-dialog .MuiDialog-paper{border-radius:16px!important;box-shadow:0 24px 48px #0003!important}.device-form-dialog-title{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;display:flex;color:#1f2937!important;padding:1rem 1.25rem!important;font-size:1.25rem!important;font-weight:600!important}.device-form-close-btn{color:#9ca3af!important}.device-form-close-btn:hover{color:#4b5563!important;background-color:#f3f4f6!important}.device-form-dialog-content{padding:1.25rem!important}.device-form-fields{flex-direction:column;gap:1rem;display:flex}.device-form-fields .MuiTextField-root .MuiOutlinedInput-root{border-radius:12px}.device-form-fields .MuiTextField-root .MuiOutlinedInput-root fieldset{border-color:#e5e7eb}.device-form-fields .MuiTextField-root .MuiOutlinedInput-root:hover fieldset{border-color:#d1d5db}.device-form-fields .MuiTextField-root .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#3b82f6}.device-form-fields .MuiTextField-root .MuiInputLabel-root{color:#6b7280}.device-form-fields .MuiTextField-root .MuiInputLabel-root.Mui-focused{color:#3b82f6}.device-form-dialog-actions{gap:.5rem;padding:.75rem 1.25rem 1rem!important}.device-form-cancel-btn{color:#4b5563!important;border-radius:12px!important;padding:.5rem 1rem!important}.device-form-cancel-btn:hover{background-color:#f3f4f6!important}.device-form-submit-btn{color:#fff!important;background-color:#3b82f6!important;border-radius:12px!important;padding:.5rem 1.25rem!important;box-shadow:0 4px 12px #3b82f64d!important}.device-form-submit-btn:hover{background-color:#2563eb!important}.device-form-submit-btn:disabled{box-shadow:none!important;background-color:#d1d5db!important}.confirm-dialog .MuiDialog-paper{border-radius:16px!important;box-shadow:0 24px 48px #0003!important}.confirm-dialog-title{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;display:flex;color:#1f2937!important;padding:1rem 1.25rem!important;font-size:1.125rem!important;font-weight:600!important}.confirm-dialog-close-btn{color:#9ca3af!important}.confirm-dialog-close-btn:hover{color:#4b5563!important;background-color:#f3f4f6!important}.confirm-dialog-content{text-align:center;flex-direction:column;align-items:center;display:flex;padding:1.25rem!important}.confirm-dialog-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1rem;display:flex}.confirm-dialog-icon.delete{background-color:#ef4444}.confirm-dialog-icon.success{background-color:#22c55e}.confirm-dialog-icon.transfer{background-color:#06b6d4}.confirm-dialog-summary{width:100%}.confirm-dialog-label{text-align:left;color:#4b5563!important;margin-bottom:.75rem!important;font-size:.875rem!important}.confirm-dialog-data{background-color:#f9fafb;border-radius:12px;padding:.75rem}.confirm-data-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;padding:.5rem 0;display:flex}.confirm-data-row:last-child{border-bottom:none}.data-label{color:#6b7280!important;font-size:.875rem!important}.data-value{color:#1f2937!important;font-size:.875rem!important;font-weight:500!important}.confirm-dialog-actions{gap:.5rem;padding:.75rem 1.25rem 1rem!important}.confirm-cancel-btn{color:#4b5563!important;border-radius:12px!important;padding:.5rem 1rem!important}.confirm-cancel-btn:hover{background-color:#f3f4f6!important}.confirm-submit-btn{color:#fff!important;background-color:#22c55e!important;border-radius:12px!important;padding:.5rem 1.25rem!important;box-shadow:0 4px 12px #22c55e4d!important}.confirm-submit-btn:hover{background-color:#16a34a!important}.confirm-submit-btn.delete{background-color:#ef4444!important;box-shadow:0 4px 12px #ef44444d!important}.confirm-submit-btn.delete:hover{background-color:#dc2626!important}.confirm-submit-btn.transfer{background-color:#06b6d4!important;box-shadow:0 4px 12px #06b6d44d!important}.confirm-submit-btn.transfer:hover{background-color:#0891b2!important}.transfer-device-dialog .MuiDialog-paper{border-radius:16px!important;box-shadow:0 24px 48px #0003!important}.transfer-dialog-title{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;display:flex;color:#1f2937!important;padding:1rem 1.25rem!important;font-size:1.25rem!important;font-weight:600!important}.transfer-dialog-close-btn{color:#9ca3af!important}.transfer-dialog-close-btn:hover{color:#4b5563!important;background-color:#f3f4f6!important}.transfer-dialog-content{padding:1.25rem!important}.transfer-form-fields{flex-direction:column;gap:1rem;display:flex}.transfer-form-fields .MuiTextField-root .MuiOutlinedInput-root{border-radius:12px}.transfer-form-fields .MuiTextField-root .MuiOutlinedInput-root fieldset{border-color:#e5e7eb}.transfer-form-fields .MuiTextField-root .MuiOutlinedInput-root:hover fieldset{border-color:#d1d5db}.transfer-form-fields .MuiTextField-root .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#06b6d4}.transfer-form-fields .MuiTextField-root .MuiInputLabel-root{color:#6b7280}.transfer-form-fields .MuiTextField-root .MuiInputLabel-root.Mui-focused{color:#06b6d4}.transfer-info-box{background-color:#f9fafb;border-radius:12px;padding:1rem}.transfer-direction{align-items:center;gap:.75rem;display:flex}.transfer-company{flex:1}.transfer-company.from .transfer-company-name{color:#dc2626;background-color:#fef2f2;border-radius:8px;padding:.5rem .75rem;font-weight:500}.transfer-company.to .MuiTextField-root{margin-top:.25rem}.transfer-label{text-transform:uppercase;letter-spacing:.5px;color:#6b7280!important;margin-bottom:.25rem!important;font-size:.75rem!important}.transfer-arrow{justify-content:center;align-items:center;padding-top:20px;display:flex}.transfer-dialog-actions{gap:.5rem;padding:.75rem 1.25rem 1rem!important}.transfer-cancel-btn{color:#4b5563!important;border-radius:12px!important;padding:.5rem 1rem!important}.transfer-cancel-btn:hover{background-color:#f3f4f6!important}.transfer-submit-btn{color:#fff!important;background-color:#06b6d4!important;border-radius:12px!important;padding:.5rem 1.25rem!important;box-shadow:0 4px 12px #06b6d44d!important}.transfer-submit-btn:hover{background-color:#0891b2!important}.transfer-submit-btn:disabled{box-shadow:none!important;background-color:#d1d5db!important}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:"Noto Sans Thai",var(--font-geist-sans),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#1f2937;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;line-height:1.5}.text-primary{color:#2563eb}.text-secondary{color:#7c3aed}.text-success{color:#22c55e}.text-warning{color:#f59e0b}.text-error{color:#ef4444}.text-muted{color:#6b7280}.bg-primary{background-color:#2563eb}.bg-secondary{background-color:#7c3aed}.bg-light{background-color:#f0f9ff}.bg-white{background-color:#fff}.bg-gradient-primary{background:linear-gradient(135deg,#3b82f6 0%,#7c3aed 100%)}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.rounded-sm{border-radius:4px}.rounded-md{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:16px}.rounded-2xl{border-radius:24px}.rounded-3xl{border-radius:30px}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 4px #00000040}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a}.transition{transition:all .2s}.transition-fast{transition:all .15s}.transition-slow{transition:all .3s}.MuiButton-root{text-transform:none!important;font-weight:500!important}.MuiCard-root{border-radius:16px;box-shadow:0 4px 4px #00000040}.MuiDrawer-paper{border-right:1px solid #e5e7eb!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:.2s forwards fadeIn}.animate-slide-up{animation:.3s forwards slideUp}.animate-slide-in{animation:.3s forwards slideIn}