*,:after,:before{padding:0;margin:0;box-sizing:border-box}body{font-size:62.5%;font-family:"Kanit",sans-serif}h1,h2,h3,h4,h5,p{margin-bottom:0}.ml-small{margin-left:1rem}.grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(4,minmax(200px,1fr));grid-template-rows:repeat(auto,max-content)}@media only screen and (max-width:1200px){.grid{font-size:87%;grid-template-columns:repeat(2,minmax(300px,1fr))}}@media only screen and (max-width:900px){.grid{font-size:75%;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.grid__item-large{grid-row:span 3;order:0}@media only screen and (max-width:1200px){.grid__item-large{order:99}}@media only screen and (max-width:768px){.site-layout-background{padding:12px!important}}@media only screen and (max-width:768px){.ant-layout-content{margin:8px!important}.ant-table-wrapper{overflow-x:auto}}.ant-table-wrapper{overflow-y:scroll}.ant-layout{overflow:hidden}@media only screen and (max-width:700px){.ant-layout{flex-direction:column!important}.ant-layout>.ant-layout-content{margin:0!important}.ant-layout>.site-layout{width:unset!important}.ant-layout>.ant-layout-header{padding:0 16px}}@media only screen and (max-width:500px){.ant-layout>.ant-layout-header{font-size:12px}.ant-layout>.ant-layout-header h1{font-size:16px}.ant-layout>.ant-layout-header p{margin-bottom:0;line-height:1.2}}@media only screen and (max-width:700px){.ant-layout-sider{width:100%!important;flex:1 1!important;max-width:unset!important}}@media only screen and (max-width:700px){.ant-layout-sider-children{display:flex;justify-content:space-between;align-items:center;margin:0 16px;overflow:hidden}.ant-layout-sider-children>.logo{margin-left:0;margin-right:0;height:unset!important}.ant-layout-sider-children>.ant-menu-inline{width:unset}.ant-layout-sider-children>.ant-menu-item{display:flex!important;align-items:center!important}}@media only screen and (max-width:700px){.ant-layout-sider-children>ul,.ant-layout-sider-trigger{display:none!important}}@media only screen and (max-width:700px){.ant-layout-sider-has-trigger{padding:0}}.hamburger{display:none}@media only screen and (max-width:700px){.hamburger{display:block}.hamburger ul .ant-menu-inline{background:none!important}.hamburger .toggleHamburger{cursor:pointer;z-index:9999;background:#15499b;border-radius:50%;position:fixed;bottom:5vh;right:5vw;width:2.5rem;height:2.5rem}.hamburger__icon,.hamburger__icon:after,.hamburger__icon:before{background:#fff;position:absolute;display:block;height:1.2px;left:50%;transition:all .5s ease;transform:translate(-50%,-50%)}.hamburger__icon{width:50%;top:50%}.hamburger__icon:after,.hamburger__icon:before{content:"";width:100%}.hamburger__icon:before{top:-450%}.hamburger__icon:after{top:550%}.hamburger__bg{background:radial-gradient(circle at 100%,#000,#00f);position:fixed;z-index:99;width:45px;height:45px;border-radius:50%;bottom:5vh;right:5vw;opacity:0;transition:all .3s cubic-bezier(1,.01,.56,.68)}.hamburger__nav{position:fixed;top:50%;right:0;z-index:999999;opacity:0;width:0;transition:all .6s ease;transform:translate(-50%,-50%)}}.hamburger input:checked~.hamburger__bg{opacity:1;transform:scale(60)}.hamburger input:checked~.hamburger__nav{left:50%;width:66%;opacity:1;transform:translate(-50%,-50%)}.hamburger input:checked~.toggleHamburger>.hamburger__icon{background:transparent}.hamburger input:checked~.toggleHamburger>.hamburger__icon:before{transform:translate(-50%,500%) rotate(225deg)}.hamburger input:checked~.toggleHamburger>.hamburger__icon:after{transform:translate(-50%,-500%) rotate(-225deg)}.heading{margin-bottom:1rem}.heading__details{flex-wrap:wrap}.heading__details,.heading__progress{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.form{border:1px solid #15499b;border-radius:.8rem;overflow:hidden;flex:1 1}.form__content{padding:1rem}.form__content .ant-space-vertical{width:100%}.form__title{padding:.5rem 1rem;background:rgba(21,73,155,.8);color:#fff!important}.form__space{display:flex;flex:1 1;grid-gap:.5rem;gap:.5rem}.form__space .ant-space-item{flex:1 1;width:100%}@media only screen and (max-width:700px){.form__space{flex-direction:column}}.form__space--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.form__space--grid .ant-space-item{margin:0!important}.label-top>.ant-space-item:first-of-type{align-self:flex-start}.content{display:flex;flex:0 1}@media only screen and (max-width:959px){.content{flex-direction:column}}.content-right{width:0;position:relative;transition:all .5s ease;overflow:hidden}@media only screen and (max-width:959px){.content-right{width:100%}}.content-right__action{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;flex:1 1;padding:1rem;width:calc(50vw - 148px)}@media only screen and (max-width:959px){.content-right__action{padding:1rem 0;width:100%}}.button-group{margin:1rem 0;display:flex;grid-gap:2rem;gap:2rem;align-items:center}.button-group>button{min-width:100px;justify-content:center}.expanded{flex:1 1}.expanded__fixed{position:fixed;top:10rem}@media only screen and (max-width:959px){.expand-button{display:none!important}}.font-primary{color:rgba(21,73,155,.8)}h4.ant-typography.title-4{margin:1.5rem 0 .5rem;color:rgba(21,73,155,.8)}h5.ant-typography.title-5{color:rgba(21,73,155,.8)}.mb-0{margin-bottom:0}.ant-statistic-title{text-transform:capitalize}.admin-dashboard-table .ant-table .ant-table-tbody>tr:hover>td{background:rgba(54,162,235,.08)}.demo-editor{padding:6px 5px;border-radius:2px;border:1px solid #f1f1f1;height:15rem}.card{position:relative}.card:hover>.card__face--front{transform:rotateY(180deg);z-index:0}.card:hover>.card__face--back{transform:rotateY(0deg);z-index:1}.card__face{backface-visibility:hidden;height:100%;flex:1 1;inset:0 0 0 0;transition:all 1s ease;position:absolute}.card__face--front{z-index:1;background:red}.card__face--back{background:#00f;transform:rotateY(-180deg);z-index:0}.form__image{position:relative;overflow:hidden;transition:filter .5s ease}.form__image:hover>img{filter:brightness(.66)}.form__image:hover>span{top:50%}.form__image>span{color:#fff;text-align:center;position:absolute;cursor:pointer;left:50%;top:-50px;transform:translate(-50%);line-height:1;transition:top .5s ease-out;background:red;font-size:1rem;padding:.5rem;border-radius:50%}.ant-layout-sider-collapsed .sideMenu li{display:flex;align-items:center;justify-content:center}.ant-layout-sider-collapsed .sideMenu li>span[role=img]>span[role=img]>svg{font-size:1.5rem}.hamburger__nav li,.sideMenu li{display:flex;align-items:center}.hamburger__nav li>span[role=img]>span[role=img]>svg,.sideMenu li>span[role=img]>span[role=img]>svg{font-size:1.6rem}.hover-effect:hover{background:rgba(54,162,235,.08);cursor:pointer}div .snow{position:fixed;width:10px;height:10px;background:#fff;border-radius:50%;z-index:500}div .snow:first-child{opacity:.0385;transform:translate(77.5078vw,-10px) scale(.8152);animation:fall-1 15s linear -6s infinite}@keyframes fall-1{58.525%{transform:translate(68.2872vw,58.525vh) scale(.8152)}to{transform:translate(72.8975vw,100vh) scale(.8152)}}div .snow:nth-child(2){opacity:.5763;transform:translate(71.5387vw,-10px) scale(.5622);animation:fall-2 27s linear -30s infinite}@keyframes fall-2{53.833%{transform:translate(70.1282vw,53.833vh) scale(.5622)}to{transform:translate(70.83345vw,100vh) scale(.5622)}}div .snow:nth-child(3){opacity:.4465;transform:translate(74.5879vw,-10px) scale(.5422);animation:fall-3 28s linear -21s infinite}@keyframes fall-3{48.595%{transform:translate(80.7716vw,48.595vh) scale(.5422)}to{transform:translate(77.67975vw,100vh) scale(.5422)}}div .snow:nth-child(4){opacity:.3067;transform:translate(43.8511vw,-10px) scale(.581);animation:fall-4 22s linear -7s infinite}@keyframes fall-4{42.625%{transform:translate(37.7872vw,42.625vh) scale(.581)}to{transform:translate(40.81915vw,100vh) scale(.581)}}div .snow:nth-child(5){opacity:.0218;transform:translate(86.2167vw,-10px) scale(.1493);animation:fall-5 19s linear -23s infinite}@keyframes fall-5{32.206%{transform:translate(86.1823vw,32.206vh) scale(.1493)}to{transform:translate(86.1995vw,100vh) scale(.1493)}}div .snow:nth-child(6){opacity:.9014;transform:translate(6.1926vw,-10px) scale(.2955);animation:fall-6 20s linear -8s infinite}@keyframes fall-6{56.357%{transform:translate(4.9259vw,56.357vh) scale(.2955)}to{transform:translate(5.55925vw,100vh) scale(.2955)}}div .snow:nth-child(7){opacity:.6947;transform:translate(64.9988vw,-10px) scale(.0097);animation:fall-7 22s linear -16s infinite}@keyframes fall-7{53.47%{transform:translate(69.3139vw,53.47vh) scale(.0097)}to{transform:translate(67.15635vw,100vh) scale(.0097)}}div .snow:nth-child(8){opacity:.9821;transform:translate(59.8689vw,-10px) scale(.7137);animation:fall-8 21s linear -17s infinite}@keyframes fall-8{50.297%{transform:translate(53.3592vw,50.297vh) scale(.7137)}to{transform:translate(56.61405vw,100vh) scale(.7137)}}div .snow:nth-child(9){opacity:.5005;transform:translate(38.8144vw,-10px) scale(.8891);animation:fall-9 19s linear -18s infinite}@keyframes fall-9{57.157%{transform:translate(48.1321vw,57.157vh) scale(.8891)}to{transform:translate(43.47325vw,100vh) scale(.8891)}}div .snow:nth-child(10){opacity:.8165;transform:translate(75.3309vw,-10px) scale(.0988);animation:fall-10 27s linear -6s infinite}@keyframes fall-10{57.273%{transform:translate(67.8619vw,57.273vh) scale(.0988)}to{transform:translate(71.5964vw,100vh) scale(.0988)}}div .snow:nth-child(11){opacity:.682;transform:translate(96.9122vw,-10px) scale(.0178);animation:fall-11 26s linear -15s infinite}@keyframes fall-11{71.967%{transform:translate(90.371vw,71.967vh) scale(.0178)}to{transform:translate(93.6416vw,100vh) scale(.0178)}}div .snow:nth-child(12){opacity:.399;transform:translate(47.3665vw,-10px) scale(.6393);animation:fall-12 17s linear -20s infinite}@keyframes fall-12{71.304%{transform:translate(41.5097vw,71.304vh) scale(.6393)}to{transform:translate(44.4381vw,100vh) scale(.6393)}}div .snow:nth-child(13){opacity:.3335;transform:translate(63.8478vw,-10px) scale(.2245);animation:fall-13 11s linear -19s infinite}@keyframes fall-13{48.807%{transform:translate(61.2096vw,48.807vh) scale(.2245)}to{transform:translate(62.5287vw,100vh) scale(.2245)}}div .snow:nth-child(14){opacity:.5436;transform:translate(12.6816vw,-10px) scale(.529);animation:fall-14 14s linear -1s infinite}@keyframes fall-14{55.926%{transform:translate(14.8986vw,55.926vh) scale(.529)}to{transform:translate(13.7901vw,100vh) scale(.529)}}div .snow:nth-child(15){opacity:.2328;transform:translate(20.7778vw,-10px) scale(.5886);animation:fall-15 24s linear -17s infinite}@keyframes fall-15{43.673%{transform:translate(19.8616vw,43.673vh) scale(.5886)}to{transform:translate(20.3197vw,100vh) scale(.5886)}}div .snow:nth-child(16){opacity:.0592;transform:translate(33.8037vw,-10px) scale(.2721);animation:fall-16 15s linear -13s infinite}@keyframes fall-16{46.971%{transform:translate(35.6222vw,46.971vh) scale(.2721)}to{transform:translate(34.71295vw,100vh) scale(.2721)}}div .snow:nth-child(17){opacity:.7186;transform:translate(59.8045vw,-10px) scale(.5051);animation:fall-17 30s linear -28s infinite}@keyframes fall-17{63.35%{transform:translate(52.7861vw,63.35vh) scale(.5051)}to{transform:translate(56.2953vw,100vh) scale(.5051)}}div .snow:nth-child(18){opacity:.3389;transform:translate(74.9516vw,-10px) scale(.2597);animation:fall-18 11s linear -28s infinite}@keyframes fall-18{44.806%{transform:translate(78.1646vw,44.806vh) scale(.2597)}to{transform:translate(76.5581vw,100vh) scale(.2597)}}div .snow:nth-child(19){opacity:.8471;transform:translate(74.2758vw,-10px) scale(.7419);animation:fall-19 23s linear -5s infinite}@keyframes fall-19{59.038%{transform:translate(75.9584vw,59.038vh) scale(.7419)}to{transform:translate(75.1171vw,100vh) scale(.7419)}}div .snow:nth-child(20){opacity:.7653;transform:translate(88.5008vw,-10px) scale(.4956);animation:fall-20 14s linear -18s infinite}@keyframes fall-20{59.955%{transform:translate(85.9032vw,59.955vh) scale(.4956)}to{transform:translate(87.202vw,100vh) scale(.4956)}}div .snow:nth-child(21){opacity:.652;transform:translate(76.8131vw,-10px) scale(.7456);animation:fall-21 26s linear -19s infinite}@keyframes fall-21{62.882%{transform:translate(77.4928vw,62.882vh) scale(.7456)}to{transform:translate(77.15295vw,100vh) scale(.7456)}}div .snow:nth-child(22){opacity:.3396;transform:translate(4.5712vw,-10px) scale(.3397);animation:fall-22 23s linear -10s infinite}@keyframes fall-22{56.686%{transform:translate(11.6354vw,56.686vh) scale(.3397)}to{transform:translate(8.1033vw,100vh) scale(.3397)}}div .snow:nth-child(23){opacity:.4379;transform:translate(87.1381vw,-10px) scale(.513);animation:fall-23 27s linear -20s infinite}@keyframes fall-23{63.149%{transform:translate(88.8777vw,63.149vh) scale(.513)}to{transform:translate(88.0079vw,100vh) scale(.513)}}div .snow:nth-child(24){opacity:.5058;transform:translate(91.4014vw,-10px) scale(.2476);animation:fall-24 16s linear -6s infinite}@keyframes fall-24{61.724%{transform:translate(101.1959vw,61.724vh) scale(.2476)}to{transform:translate(96.29865vw,100vh) scale(.2476)}}div .snow:nth-child(25){opacity:.053;transform:translate(32.4356vw,-10px) scale(.8913);animation:fall-25 14s linear -9s infinite}@keyframes fall-25{32.881%{transform:translate(39.0643vw,32.881vh) scale(.8913)}to{transform:translate(35.74995vw,100vh) scale(.8913)}}div .snow:nth-child(26){opacity:.9463;transform:translate(93.47vw,-10px) scale(.2564);animation:fall-26 18s linear -29s infinite}@keyframes fall-26{34.462%{transform:translate(102.6555vw,34.462vh) scale(.2564)}to{transform:translate(98.06275vw,100vh) scale(.2564)}}div .snow:nth-child(27){opacity:.2154;transform:translate(36.6659vw,-10px) scale(.484);animation:fall-27 27s linear -22s infinite}@keyframes fall-27{59.264%{transform:translate(30.5097vw,59.264vh) scale(.484)}to{transform:translate(33.5878vw,100vh) scale(.484)}}div .snow:nth-child(28){opacity:.8861;transform:translate(49.4721vw,-10px) scale(.8151);animation:fall-28 28s linear -17s infinite}@keyframes fall-28{46.165%{transform:translate(43.7902vw,46.165vh) scale(.8151)}to{transform:translate(46.63115vw,100vh) scale(.8151)}}div .snow:nth-child(29){opacity:.7743;transform:translate(36.3911vw,-10px) scale(.9161);animation:fall-29 17s linear -21s infinite}@keyframes fall-29{62.622%{transform:translate(45.2415vw,62.622vh) scale(.9161)}to{transform:translate(40.8163vw,100vh) scale(.9161)}}div .snow:nth-child(30){opacity:.514;transform:translate(74.9798vw,-10px) scale(.2612);animation:fall-30 21s linear -5s infinite}@keyframes fall-30{74.635%{transform:translate(81.0785vw,74.635vh) scale(.2612)}to{transform:translate(78.02915vw,100vh) scale(.2612)}}div .snow:nth-child(31){opacity:.7874;transform:translate(92.3743vw,-10px) scale(.1649);animation:fall-31 19s linear -26s infinite}@keyframes fall-31{46.54%{transform:translate(92.9376vw,46.54vh) scale(.1649)}to{transform:translate(92.65595vw,100vh) scale(.1649)}}div .snow:nth-child(32){opacity:.0394;transform:translate(52.6998vw,-10px) scale(.7785);animation:fall-32 29s linear -17s infinite}@keyframes fall-32{77.742%{transform:translate(62.1434vw,77.742vh) scale(.7785)}to{transform:translate(57.4216vw,100vh) scale(.7785)}}div .snow:nth-child(33){opacity:.744;transform:translate(52.986vw,-10px) scale(.8051);animation:fall-33 28s linear -24s infinite}@keyframes fall-33{66.177%{transform:translate(57.6041vw,66.177vh) scale(.8051)}to{transform:translate(55.29505vw,100vh) scale(.8051)}}div .snow:nth-child(34){opacity:.7293;transform:translate(74.1676vw,-10px) scale(.4089);animation:fall-34 17s linear -28s infinite}@keyframes fall-34{30.842%{transform:translate(64.2327vw,30.842vh) scale(.4089)}to{transform:translate(69.20015vw,100vh) scale(.4089)}}div .snow:nth-child(35){opacity:.6747;transform:translate(69.7951vw,-10px) scale(.2931);animation:fall-35 22s linear -1s infinite}@keyframes fall-35{36.671%{transform:translate(66.7168vw,36.671vh) scale(.2931)}to{transform:translate(68.25595vw,100vh) scale(.2931)}}div .snow:nth-child(36){opacity:.0394;transform:translate(.0566vw,-10px) scale(.0664);animation:fall-36 18s linear -20s infinite}@keyframes fall-36{31.68%{transform:translate(-.7601vw,31.68vh) scale(.0664)}to{transform:translate(-.35175vw,100vh) scale(.0664)}}div .snow:nth-child(37){opacity:.4052;transform:translate(98.1104vw,-10px) scale(.9874);animation:fall-37 24s linear -20s infinite}@keyframes fall-37{64.383%{transform:translate(104.7327vw,64.383vh) scale(.9874)}to{transform:translate(101.42155vw,100vh) scale(.9874)}}div .snow:nth-child(38){opacity:.413;transform:translate(22.7241vw,-10px) scale(.0122);animation:fall-38 14s linear -22s infinite}@keyframes fall-38{75.476%{transform:translate(23.5251vw,75.476vh) scale(.0122)}to{transform:translate(23.1246vw,100vh) scale(.0122)}}div .snow:nth-child(39){opacity:.2304;transform:translate(79.9816vw,-10px) scale(.2297);animation:fall-39 13s linear -22s infinite}@keyframes fall-39{33.362%{transform:translate(84.7308vw,33.362vh) scale(.2297)}to{transform:translate(82.3562vw,100vh) scale(.2297)}}div .snow:nth-child(40){opacity:.654;transform:translate(6.9257vw,-10px) scale(.3834);animation:fall-40 28s linear -25s infinite}@keyframes fall-40{34.462%{transform:translate(-1.9068vw,34.462vh) scale(.3834)}to{transform:translate(2.50945vw,100vh) scale(.3834)}}div .snow:nth-child(41){opacity:.1426;transform:translate(1.1825vw,-10px) scale(.556);animation:fall-41 13s linear -8s infinite}@keyframes fall-41{30.857%{transform:translate(4.7373vw,30.857vh) scale(.556)}to{transform:translate(2.9599vw,100vh) scale(.556)}}div .snow:nth-child(42){opacity:.6593;transform:translate(2.7638vw,-10px) scale(.1203);animation:fall-42 25s linear -24s infinite}@keyframes fall-42{56.827%{transform:translate(-6.8074vw,56.827vh) scale(.1203)}to{transform:translate(-2.0218vw,100vh) scale(.1203)}}div .snow:nth-child(43){opacity:.0645;transform:translate(55.2862vw,-10px) scale(.3011);animation:fall-43 17s linear -11s infinite}@keyframes fall-43{50.524%{transform:translate(62.8698vw,50.524vh) scale(.3011)}to{transform:translate(59.078vw,100vh) scale(.3011)}}div .snow:nth-child(44){opacity:.678;transform:translate(12.24vw,-10px) scale(.1347);animation:fall-44 28s linear -16s infinite}@keyframes fall-44{36.544%{transform:translate(7.5891vw,36.544vh) scale(.1347)}to{transform:translate(9.91455vw,100vh) scale(.1347)}}div .snow:nth-child(45){opacity:.6633;transform:translate(18.7934vw,-10px) scale(.1806);animation:fall-45 20s linear -28s infinite}@keyframes fall-45{67.004%{transform:translate(16.8276vw,67.004vh) scale(.1806)}to{transform:translate(17.8105vw,100vh) scale(.1806)}}div .snow:nth-child(46){opacity:.301;transform:translate(80.7597vw,-10px) scale(.028);animation:fall-46 22s linear -16s infinite}@keyframes fall-46{74.966%{transform:translate(86.1236vw,74.966vh) scale(.028)}to{transform:translate(83.44165vw,100vh) scale(.028)}}div .snow:nth-child(47){opacity:.946;transform:translate(80.6573vw,-10px) scale(.5257);animation:fall-47 28s linear -5s infinite}@keyframes fall-47{75.615%{transform:translate(74.882vw,75.615vh) scale(.5257)}to{transform:translate(77.76965vw,100vh) scale(.5257)}}div .snow:nth-child(48){opacity:.8677;transform:translate(3.6223vw,-10px) scale(.4327);animation:fall-48 28s linear -20s infinite}@keyframes fall-48{31.631%{transform:translate(-2.5255vw,31.631vh) scale(.4327)}to{transform:translate(.5484vw,100vh) scale(.4327)}}div .snow:nth-child(49){opacity:.9982;transform:translate(44.9655vw,-10px) scale(.4094);animation:fall-49 22s linear -15s infinite}@keyframes fall-49{44.941%{transform:translate(45.1312vw,44.941vh) scale(.4094)}to{transform:translate(45.04835vw,100vh) scale(.4094)}}div .snow:nth-child(50){opacity:.9418;transform:translate(75.9193vw,-10px) scale(.9319);animation:fall-50 19s linear -18s infinite}@keyframes fall-50{68.876%{transform:translate(76.5755vw,68.876vh) scale(.9319)}to{transform:translate(76.2474vw,100vh) scale(.9319)}}div .snow:nth-child(51){opacity:.6098;transform:translate(37.616vw,-10px) scale(.2295);animation:fall-51 14s linear -24s infinite}@keyframes fall-51{32.421%{transform:translate(36.1928vw,32.421vh) scale(.2295)}to{transform:translate(36.9044vw,100vh) scale(.2295)}}div .snow:nth-child(52){opacity:.2232;transform:translate(38.6359vw,-10px) scale(.6574);animation:fall-52 14s linear -2s infinite}@keyframes fall-52{34.028%{transform:translate(44.356vw,34.028vh) scale(.6574)}to{transform:translate(41.49595vw,100vh) scale(.6574)}}div .snow:nth-child(53){opacity:.3317;transform:translate(37.3907vw,-10px) scale(.0103);animation:fall-53 14s linear -28s infinite}@keyframes fall-53{78.305%{transform:translate(42.3619vw,78.305vh) scale(.0103)}to{transform:translate(39.8763vw,100vh) scale(.0103)}}div .snow:nth-child(54){opacity:.2876;transform:translate(59.4432vw,-10px) scale(.5004);animation:fall-54 21s linear -12s infinite}@keyframes fall-54{56.495%{transform:translate(57.8828vw,56.495vh) scale(.5004)}to{transform:translate(58.663vw,100vh) scale(.5004)}}div .snow:nth-child(55){opacity:.2931;transform:translate(90.8201vw,-10px) scale(.7309);animation:fall-55 17s linear -11s infinite}@keyframes fall-55{30.484%{transform:translate(86.1205vw,30.484vh) scale(.7309)}to{transform:translate(88.4703vw,100vh) scale(.7309)}}div .snow:nth-child(56){opacity:.1468;transform:translate(32.0666vw,-10px) scale(.188);animation:fall-56 27s linear -27s infinite}@keyframes fall-56{55.921%{transform:translate(37.292vw,55.921vh) scale(.188)}to{transform:translate(34.6793vw,100vh) scale(.188)}}div .snow:nth-child(57){opacity:.2293;transform:translate(83.7333vw,-10px) scale(.2388);animation:fall-57 12s linear -5s infinite}@keyframes fall-57{75.763%{transform:translate(82.7752vw,75.763vh) scale(.2388)}to{transform:translate(83.25425vw,100vh) scale(.2388)}}div .snow:nth-child(58){opacity:.991;transform:translate(14.6335vw,-10px) scale(.7275);animation:fall-58 21s linear -23s infinite}@keyframes fall-58{34.343%{transform:translate(24.3268vw,34.343vh) scale(.7275)}to{transform:translate(19.48015vw,100vh) scale(.7275)}}div .snow:nth-child(59){opacity:.3616;transform:translate(15.9196vw,-10px) scale(.577);animation:fall-59 11s linear -22s infinite}@keyframes fall-59{52.987%{transform:translate(12.9128vw,52.987vh) scale(.577)}to{transform:translate(14.4162vw,100vh) scale(.577)}}div .snow:nth-child(60){opacity:.8353;transform:translate(75.6504vw,-10px) scale(.92);animation:fall-60 24s linear -5s infinite}@keyframes fall-60{64.539%{transform:translate(79.1804vw,64.539vh) scale(.92)}to{transform:translate(77.4154vw,100vh) scale(.92)}}div .snow:nth-child(61){opacity:.1937;transform:translate(55.7236vw,-10px) scale(.0646);animation:fall-61 18s linear -21s infinite}@keyframes fall-61{33.086%{transform:translate(55.9487vw,33.086vh) scale(.0646)}to{transform:translate(55.83615vw,100vh) scale(.0646)}}div .snow:nth-child(62){opacity:.3153;transform:translate(42.2511vw,-10px) scale(.7314);animation:fall-62 18s linear -5s infinite}@keyframes fall-62{46.069%{transform:translate(45.2255vw,46.069vh) scale(.7314)}to{transform:translate(43.7383vw,100vh) scale(.7314)}}div .snow:nth-child(63){opacity:.5696;transform:translate(41.6384vw,-10px) scale(.8349);animation:fall-63 11s linear -6s infinite}@keyframes fall-63{50.777%{transform:translate(42.1495vw,50.777vh) scale(.8349)}to{transform:translate(41.89395vw,100vh) scale(.8349)}}div .snow:nth-child(64){opacity:.9682;transform:translate(48.1298vw,-10px) scale(.1317);animation:fall-64 10s linear -3s infinite}@keyframes fall-64{74.509%{transform:translate(42.2043vw,74.509vh) scale(.1317)}to{transform:translate(45.16705vw,100vh) scale(.1317)}}div .snow:nth-child(65){opacity:.6522;transform:translate(28.3132vw,-10px) scale(.9884);animation:fall-65 25s linear -4s infinite}@keyframes fall-65{55.603%{transform:translate(25.9471vw,55.603vh) scale(.9884)}to{transform:translate(27.13015vw,100vh) scale(.9884)}}div .snow:nth-child(66){opacity:.0427;transform:translate(44.5791vw,-10px) scale(.8063);animation:fall-66 25s linear -16s infinite}@keyframes fall-66{77.381%{transform:translate(51.6875vw,77.381vh) scale(.8063)}to{transform:translate(48.1333vw,100vh) scale(.8063)}}div .snow:nth-child(67){opacity:.0239;transform:translate(59.2283vw,-10px) scale(.4464);animation:fall-67 24s linear -3s infinite}@keyframes fall-67{53.627%{transform:translate(54.8942vw,53.627vh) scale(.4464)}to{transform:translate(57.06125vw,100vh) scale(.4464)}}div .snow:nth-child(68){opacity:.5766;transform:translate(89.2597vw,-10px) scale(.5609);animation:fall-68 25s linear -2s infinite}@keyframes fall-68{60.928%{transform:translate(99.0103vw,60.928vh) scale(.5609)}to{transform:translate(94.135vw,100vh) scale(.5609)}}div .snow:nth-child(69){opacity:.4167;transform:translate(62.5691vw,-10px) scale(.9858);animation:fall-69 21s linear -18s infinite}@keyframes fall-69{76.388%{transform:translate(63.6824vw,76.388vh) scale(.9858)}to{transform:translate(63.12575vw,100vh) scale(.9858)}}div .snow:nth-child(70){opacity:.6962;transform:translate(30.2477vw,-10px) scale(.4782);animation:fall-70 28s linear -5s infinite}@keyframes fall-70{45.389%{transform:translate(29.5502vw,45.389vh) scale(.4782)}to{transform:translate(29.89895vw,100vh) scale(.4782)}}div .snow:nth-child(71){opacity:.859;transform:translate(91.5635vw,-10px) scale(.5806);animation:fall-71 14s linear -20s infinite}@keyframes fall-71{63.211%{transform:translate(82.6803vw,63.211vh) scale(.5806)}to{transform:translate(87.1219vw,100vh) scale(.5806)}}div .snow:nth-child(72){opacity:.8362;transform:translate(88.6136vw,-10px) scale(.4889);animation:fall-72 26s linear -25s infinite}@keyframes fall-72{45.933%{transform:translate(81.3108vw,45.933vh) scale(.4889)}to{transform:translate(84.9622vw,100vh) scale(.4889)}}div .snow:nth-child(73){opacity:.9583;transform:translate(66.6839vw,-10px) scale(.7198);animation:fall-73 29s linear -22s infinite}@keyframes fall-73{44.564%{transform:translate(75.2806vw,44.564vh) scale(.7198)}to{transform:translate(70.98225vw,100vh) scale(.7198)}}div .snow:nth-child(74){opacity:.4872;transform:translate(62.8036vw,-10px) scale(.7889);animation:fall-74 28s linear -18s infinite}@keyframes fall-74{79.643%{transform:translate(72.3225vw,79.643vh) scale(.7889)}to{transform:translate(67.56305vw,100vh) scale(.7889)}}div .snow:nth-child(75){opacity:.8307;transform:translate(95.014vw,-10px) scale(.7651);animation:fall-75 11s linear -23s infinite}@keyframes fall-75{38.587%{transform:translate(90.5338vw,38.587vh) scale(.7651)}to{transform:translate(92.7739vw,100vh) scale(.7651)}}div .snow:nth-child(76){opacity:.3339;transform:translate(12.0496vw,-10px) scale(.4872);animation:fall-76 18s linear -22s infinite}@keyframes fall-76{48.347%{transform:translate(12.2213vw,48.347vh) scale(.4872)}to{transform:translate(12.13545vw,100vh) scale(.4872)}}div .snow:nth-child(77){opacity:.5173;transform:translate(6.2974vw,-10px) scale(.2029);animation:fall-77 16s linear -3s infinite}@keyframes fall-77{78.033%{transform:translate(-.0777vw,78.033vh) scale(.2029)}to{transform:translate(3.10985vw,100vh) scale(.2029)}}div .snow:nth-child(78){opacity:.8385;transform:translate(81.3027vw,-10px) scale(.2378);animation:fall-78 10s linear -11s infinite}@keyframes fall-78{40.129%{transform:translate(75.4871vw,40.129vh) scale(.2378)}to{transform:translate(78.3949vw,100vh) scale(.2378)}}div .snow:nth-child(79){opacity:.819;transform:translate(96.2993vw,-10px) scale(.7078);animation:fall-79 25s linear -19s infinite}@keyframes fall-79{38.327%{transform:translate(98.3687vw,38.327vh) scale(.7078)}to{transform:translate(97.334vw,100vh) scale(.7078)}}div .snow:nth-child(80){opacity:.0638;transform:translate(34.8072vw,-10px) scale(.398);animation:fall-80 26s linear -16s infinite}@keyframes fall-80{42.261%{transform:translate(41.0888vw,42.261vh) scale(.398)}to{transform:translate(37.948vw,100vh) scale(.398)}}div .snow:nth-child(81){opacity:.0272;transform:translate(.6801vw,-10px) scale(.4258);animation:fall-81 17s linear -24s infinite}@keyframes fall-81{77.089%{transform:translate(3.1707vw,77.089vh) scale(.4258)}to{transform:translate(1.9254vw,100vh) scale(.4258)}}div .snow:nth-child(82){opacity:.4026;transform:translate(61.9874vw,-10px) scale(.6775);animation:fall-82 19s linear -8s infinite}@keyframes fall-82{31.089%{transform:translate(57.0084vw,31.089vh) scale(.6775)}to{transform:translate(59.4979vw,100vh) scale(.6775)}}div .snow:nth-child(83){opacity:.5873;transform:translate(48.3052vw,-10px) scale(.2795);animation:fall-83 29s linear -18s infinite}@keyframes fall-83{69.759%{transform:translate(48.1858vw,69.759vh) scale(.2795)}to{transform:translate(48.2455vw,100vh) scale(.2795)}}div .snow:nth-child(84){opacity:.2395;transform:translate(13.5607vw,-10px) scale(.6219);animation:fall-84 16s linear -8s infinite}@keyframes fall-84{62.885%{transform:translate(22.6134vw,62.885vh) scale(.6219)}to{transform:translate(18.08705vw,100vh) scale(.6219)}}div .snow:nth-child(85){opacity:.6803;transform:translate(23.1911vw,-10px) scale(.2601);animation:fall-85 22s linear -20s infinite}@keyframes fall-85{72.781%{transform:translate(17.6626vw,72.781vh) scale(.2601)}to{transform:translate(20.42685vw,100vh) scale(.2601)}}div .snow:nth-child(86){opacity:.38;transform:translate(27.1587vw,-10px) scale(.9145);animation:fall-86 16s linear -19s infinite}@keyframes fall-86{48.976%{transform:translate(32.0362vw,48.976vh) scale(.9145)}to{transform:translate(29.59745vw,100vh) scale(.9145)}}div .snow:nth-child(87){opacity:.1314;transform:translate(.8065vw,-10px) scale(.7478);animation:fall-87 20s linear -19s infinite}@keyframes fall-87{33.349%{transform:translate(-7.6344vw,33.349vh) scale(.7478)}to{transform:translate(-3.41395vw,100vh) scale(.7478)}}div .snow:nth-child(88){opacity:.7688;transform:translate(28.9094vw,-10px) scale(.1578);animation:fall-88 15s linear -22s infinite}@keyframes fall-88{68.163%{transform:translate(31.4214vw,68.163vh) scale(.1578)}to{transform:translate(30.1654vw,100vh) scale(.1578)}}div .snow:nth-child(89){opacity:.969;transform:translate(43.7246vw,-10px) scale(.6408);animation:fall-89 23s linear -14s infinite}@keyframes fall-89{49.559%{transform:translate(48.8004vw,49.559vh) scale(.6408)}to{transform:translate(46.2625vw,100vh) scale(.6408)}}div .snow:nth-child(90){opacity:.0587;transform:translate(58.3437vw,-10px) scale(.0169);animation:fall-90 17s linear -14s infinite}@keyframes fall-90{35.282%{transform:translate(56.254vw,35.282vh) scale(.0169)}to{transform:translate(57.29885vw,100vh) scale(.0169)}}div .snow:nth-child(91){opacity:.5078;transform:translate(24.2127vw,-10px) scale(.5019);animation:fall-91 13s linear -29s infinite}@keyframes fall-91{51.888%{transform:translate(19.2304vw,51.888vh) scale(.5019)}to{transform:translate(21.72155vw,100vh) scale(.5019)}}div .snow:nth-child(92){opacity:.9351;transform:translate(56.5984vw,-10px) scale(.8916);animation:fall-92 30s linear -5s infinite}@keyframes fall-92{35.938%{transform:translate(64.3854vw,35.938vh) scale(.8916)}to{transform:translate(60.4919vw,100vh) scale(.8916)}}div .snow:nth-child(93){opacity:.6997;transform:translate(32.4265vw,-10px) scale(.6917);animation:fall-93 15s linear -5s infinite}@keyframes fall-93{78.482%{transform:translate(22.7931vw,78.482vh) scale(.6917)}to{transform:translate(27.6098vw,100vh) scale(.6917)}}div .snow:nth-child(94){opacity:.5532;transform:translate(91.6797vw,-10px) scale(.994);animation:fall-94 22s linear -5s infinite}@keyframes fall-94{60.956%{transform:translate(88.634vw,60.956vh) scale(.994)}to{transform:translate(90.15685vw,100vh) scale(.994)}}div .snow:nth-child(95){opacity:.3431;transform:translate(56.5076vw,-10px) scale(.0288);animation:fall-95 30s linear -22s infinite}@keyframes fall-95{59.669%{transform:translate(54.5736vw,59.669vh) scale(.0288)}to{transform:translate(55.5406vw,100vh) scale(.0288)}}div .snow:nth-child(96){opacity:.6861;transform:translate(1.8226vw,-10px) scale(.8776);animation:fall-96 10s linear -20s infinite}@keyframes fall-96{31.668%{transform:translate(9.4403vw,31.668vh) scale(.8776)}to{transform:translate(5.63145vw,100vh) scale(.8776)}}div .snow:nth-child(97){opacity:.5458;transform:translate(68.0655vw,-10px) scale(.5865);animation:fall-97 18s linear -9s infinite}@keyframes fall-97{30.237%{transform:translate(64.3761vw,30.237vh) scale(.5865)}to{transform:translate(66.2208vw,100vh) scale(.5865)}}div .snow:nth-child(98){opacity:.9654;transform:translate(60.73vw,-10px) scale(.3117);animation:fall-98 21s linear -9s infinite}@keyframes fall-98{48.161%{transform:translate(56.0476vw,48.161vh) scale(.3117)}to{transform:translate(58.3888vw,100vh) scale(.3117)}}div .snow:nth-child(99){opacity:.9459;transform:translate(6.3536vw,-10px) scale(.5715);animation:fall-99 10s linear -13s infinite}@keyframes fall-99{69.39%{transform:translate(.4702vw,69.39vh) scale(.5715)}to{transform:translate(3.4119vw,100vh) scale(.5715)}}div .snow:nth-child(100){opacity:.9742;transform:translate(82.8046vw,-10px) scale(.6531);animation:fall-100 30s linear -27s infinite}@keyframes fall-100{67.455%{transform:translate(79.6484vw,67.455vh) scale(.6531)}to{transform:translate(81.2265vw,100vh) scale(.6531)}}div .snow:nth-child(101){opacity:.1702;transform:translate(25.9465vw,-10px) scale(.8702);animation:fall-101 29s linear -29s infinite}@keyframes fall-101{45.498%{transform:translate(32.5351vw,45.498vh) scale(.8702)}to{transform:translate(29.2408vw,100vh) scale(.8702)}}div .snow:nth-child(102){opacity:.5789;transform:translate(61.6157vw,-10px) scale(.3851);animation:fall-102 24s linear -16s infinite}@keyframes fall-102{67.543%{transform:translate(62.0827vw,67.543vh) scale(.3851)}to{transform:translate(61.8492vw,100vh) scale(.3851)}}div .snow:nth-child(103){opacity:.0677;transform:translate(36.097vw,-10px) scale(.9847);animation:fall-103 18s linear -8s infinite}@keyframes fall-103{32.603%{transform:translate(35.8562vw,32.603vh) scale(.9847)}to{transform:translate(35.9766vw,100vh) scale(.9847)}}div .snow:nth-child(104){opacity:.9431;transform:translate(45.4212vw,-10px) scale(.6803);animation:fall-104 23s linear -5s infinite}@keyframes fall-104{52.133%{transform:translate(52.9644vw,52.133vh) scale(.6803)}to{transform:translate(49.1928vw,100vh) scale(.6803)}}div .snow:nth-child(105){opacity:.4549;transform:translate(99.8891vw,-10px) scale(.3512);animation:fall-105 19s linear -10s infinite}@keyframes fall-105{77.577%{transform:translate(98.1758vw,77.577vh) scale(.3512)}to{transform:translate(99.03245vw,100vh) scale(.3512)}}div .snow:nth-child(106){opacity:.5626;transform:translate(73.5134vw,-10px) scale(.0879);animation:fall-106 30s linear -20s infinite}@keyframes fall-106{67.639%{transform:translate(79.1944vw,67.639vh) scale(.0879)}to{transform:translate(76.3539vw,100vh) scale(.0879)}}div .snow:nth-child(107){opacity:.4795;transform:translate(30.291vw,-10px) scale(.54);animation:fall-107 25s linear -15s infinite}@keyframes fall-107{78.054%{transform:translate(26.3897vw,78.054vh) scale(.54)}to{transform:translate(28.34035vw,100vh) scale(.54)}}div .snow:nth-child(108){opacity:.9533;transform:translate(77.2793vw,-10px) scale(.0375);animation:fall-108 30s linear -20s infinite}@keyframes fall-108{46.876%{transform:translate(84.0244vw,46.876vh) scale(.0375)}to{transform:translate(80.65185vw,100vh) scale(.0375)}}div .snow:nth-child(109){opacity:.7959;transform:translate(50.6877vw,-10px) scale(.6589);animation:fall-109 12s linear -19s infinite}@keyframes fall-109{32.106%{transform:translate(56.6224vw,32.106vh) scale(.6589)}to{transform:translate(53.65505vw,100vh) scale(.6589)}}div .snow:nth-child(110){opacity:.1048;transform:translate(3.3876vw,-10px) scale(.2892);animation:fall-110 16s linear -12s infinite}@keyframes fall-110{77.154%{transform:translate(12.8614vw,77.154vh) scale(.2892)}to{transform:translate(8.1245vw,100vh) scale(.2892)}}div .snow:nth-child(111){opacity:.2154;transform:translate(55.3514vw,-10px) scale(.1519);animation:fall-111 23s linear -9s infinite}@keyframes fall-111{41.931%{transform:translate(48.2111vw,41.931vh) scale(.1519)}to{transform:translate(51.78125vw,100vh) scale(.1519)}}div .snow:nth-child(112){opacity:.9561;transform:translate(12.7893vw,-10px) scale(.478);animation:fall-112 14s linear -7s infinite}@keyframes fall-112{65.832%{transform:translate(14.2505vw,65.832vh) scale(.478)}to{transform:translate(13.5199vw,100vh) scale(.478)}}div .snow:nth-child(113){opacity:.6323;transform:translate(48.4655vw,-10px) scale(.0344);animation:fall-113 20s linear -16s infinite}@keyframes fall-113{73.387%{transform:translate(38.6876vw,73.387vh) scale(.0344)}to{transform:translate(43.57655vw,100vh) scale(.0344)}}div .snow:nth-child(114){opacity:.4523;transform:translate(50.2758vw,-10px) scale(.9624);animation:fall-114 14s linear -5s infinite}@keyframes fall-114{46.564%{transform:translate(52.0259vw,46.564vh) scale(.9624)}to{transform:translate(51.15085vw,100vh) scale(.9624)}}div .snow:nth-child(115){opacity:.604;transform:translate(50.3807vw,-10px) scale(.4562);animation:fall-115 28s linear -22s infinite}@keyframes fall-115{38.287%{transform:translate(46.4005vw,38.287vh) scale(.4562)}to{transform:translate(48.3906vw,100vh) scale(.4562)}}div .snow:nth-child(116){opacity:.0262;transform:translate(28.356vw,-10px) scale(.2909);animation:fall-116 25s linear -2s infinite}@keyframes fall-116{55.126%{transform:translate(35.0518vw,55.126vh) scale(.2909)}to{transform:translate(31.7039vw,100vh) scale(.2909)}}div .snow:nth-child(117){opacity:.8667;transform:translate(41.9313vw,-10px) scale(.7667);animation:fall-117 23s linear -24s infinite}@keyframes fall-117{79.547%{transform:translate(35.1389vw,79.547vh) scale(.7667)}to{transform:translate(38.5351vw,100vh) scale(.7667)}}div .snow:nth-child(118){opacity:.4278;transform:translate(47.2129vw,-10px) scale(.8156);animation:fall-118 22s linear -18s infinite}@keyframes fall-118{54.032%{transform:translate(47.5691vw,54.032vh) scale(.8156)}to{transform:translate(47.391vw,100vh) scale(.8156)}}div .snow:nth-child(119){opacity:.081;transform:translate(96.2648vw,-10px) scale(.2305);animation:fall-119 20s linear -1s infinite}@keyframes fall-119{32.736%{transform:translate(97.5526vw,32.736vh) scale(.2305)}to{transform:translate(96.9087vw,100vh) scale(.2305)}}div .snow:nth-child(120){opacity:.2358;transform:translate(60.7044vw,-10px) scale(.5731);animation:fall-120 19s linear -16s infinite}@keyframes fall-120{30.584%{transform:translate(59.8304vw,30.584vh) scale(.5731)}to{transform:translate(60.2674vw,100vh) scale(.5731)}}div .snow:nth-child(121){opacity:.5426;transform:translate(3.0584vw,-10px) scale(.1921);animation:fall-121 21s linear -15s infinite}@keyframes fall-121{72.216%{transform:translate(-5.8786vw,72.216vh) scale(.1921)}to{transform:translate(-1.4101vw,100vh) scale(.1921)}}div .snow:nth-child(122){opacity:.4569;transform:translate(73.1033vw,-10px) scale(.0931);animation:fall-122 15s linear -30s infinite}@keyframes fall-122{37.066%{transform:translate(75.6321vw,37.066vh) scale(.0931)}to{transform:translate(74.3677vw,100vh) scale(.0931)}}div .snow:nth-child(123){opacity:.001;transform:translate(60.7546vw,-10px) scale(.035);animation:fall-123 28s linear -21s infinite}@keyframes fall-123{54.682%{transform:translate(67.2785vw,54.682vh) scale(.035)}to{transform:translate(64.01655vw,100vh) scale(.035)}}div .snow:nth-child(124){opacity:.8546;transform:translate(41.4755vw,-10px) scale(.0737);animation:fall-124 16s linear -16s infinite}@keyframes fall-124{79.001%{transform:translate(40.661vw,79.001vh) scale(.0737)}to{transform:translate(41.06825vw,100vh) scale(.0737)}}div .snow:nth-child(125){opacity:.6652;transform:translate(79.0206vw,-10px) scale(.3254);animation:fall-125 12s linear -9s infinite}@keyframes fall-125{42.716%{transform:translate(78.2497vw,42.716vh) scale(.3254)}to{transform:translate(78.63515vw,100vh) scale(.3254)}}div .snow:nth-child(126){opacity:.3394;transform:translate(76.2466vw,-10px) scale(.642);animation:fall-126 12s linear -27s infinite}@keyframes fall-126{43.913%{transform:translate(67.3266vw,43.913vh) scale(.642)}to{transform:translate(71.7866vw,100vh) scale(.642)}}div .snow:nth-child(127){opacity:.0628;transform:translate(33.2306vw,-10px) scale(.5943);animation:fall-127 27s linear -8s infinite}@keyframes fall-127{65.181%{transform:translate(35.9366vw,65.181vh) scale(.5943)}to{transform:translate(34.5836vw,100vh) scale(.5943)}}div .snow:nth-child(128){opacity:.7136;transform:translate(39.6171vw,-10px) scale(.6225);animation:fall-128 30s linear -20s infinite}@keyframes fall-128{62.467%{transform:translate(44.5229vw,62.467vh) scale(.6225)}to{transform:translate(42.07vw,100vh) scale(.6225)}}div .snow:nth-child(129){opacity:.8202;transform:translate(36.877vw,-10px) scale(.3959);animation:fall-129 28s linear -9s infinite}@keyframes fall-129{66.759%{transform:translate(37.8405vw,66.759vh) scale(.3959)}to{transform:translate(37.35875vw,100vh) scale(.3959)}}div .snow:nth-child(130){opacity:.9198;transform:translate(95.3927vw,-10px) scale(.4341);animation:fall-130 22s linear -8s infinite}@keyframes fall-130{57.174%{transform:translate(89.6758vw,57.174vh) scale(.4341)}to{transform:translate(92.53425vw,100vh) scale(.4341)}}div .snow:nth-child(131){opacity:.4859;transform:translate(91.8698vw,-10px) scale(.78);animation:fall-131 11s linear -21s infinite}@keyframes fall-131{48.418%{transform:translate(90.8884vw,48.418vh) scale(.78)}to{transform:translate(91.3791vw,100vh) scale(.78)}}div .snow:nth-child(132){opacity:.8787;transform:translate(97.5178vw,-10px) scale(.5999);animation:fall-132 10s linear -4s infinite}@keyframes fall-132{43.085%{transform:translate(104.5554vw,43.085vh) scale(.5999)}to{transform:translate(101.0366vw,100vh) scale(.5999)}}div .snow:nth-child(133){opacity:.6797;transform:translate(19.1881vw,-10px) scale(.4328);animation:fall-133 30s linear -27s infinite}@keyframes fall-133{61.098%{transform:translate(24.2944vw,61.098vh) scale(.4328)}to{transform:translate(21.74125vw,100vh) scale(.4328)}}div .snow:nth-child(134){opacity:.7792;transform:translate(84.2069vw,-10px) scale(.2052);animation:fall-134 22s linear -5s infinite}@keyframes fall-134{68.371%{transform:translate(77.3849vw,68.371vh) scale(.2052)}to{transform:translate(80.7959vw,100vh) scale(.2052)}}div .snow:nth-child(135){opacity:.7071;transform:translate(97.5673vw,-10px) scale(.3586);animation:fall-135 15s linear -10s infinite}@keyframes fall-135{39.267%{transform:translate(96.6542vw,39.267vh) scale(.3586)}to{transform:translate(97.11075vw,100vh) scale(.3586)}}div .snow:nth-child(136){opacity:.2728;transform:translate(92.7033vw,-10px) scale(.5333);animation:fall-136 16s linear -1s infinite}@keyframes fall-136{32.866%{transform:translate(86.8688vw,32.866vh) scale(.5333)}to{transform:translate(89.78605vw,100vh) scale(.5333)}}div .snow:nth-child(137){opacity:.5684;transform:translate(33.7048vw,-10px) scale(.3736);animation:fall-137 26s linear -15s infinite}@keyframes fall-137{36.795%{transform:translate(36.2136vw,36.795vh) scale(.3736)}to{transform:translate(34.9592vw,100vh) scale(.3736)}}div .snow:nth-child(138){opacity:.0107;transform:translate(28.0711vw,-10px) scale(.4585);animation:fall-138 20s linear -12s infinite}@keyframes fall-138{32.261%{transform:translate(34.8603vw,32.261vh) scale(.4585)}to{transform:translate(31.4657vw,100vh) scale(.4585)}}div .snow:nth-child(139){opacity:.9762;transform:translate(91.1021vw,-10px) scale(.1358);animation:fall-139 21s linear -11s infinite}@keyframes fall-139{46.162%{transform:translate(89.709vw,46.162vh) scale(.1358)}to{transform:translate(90.40555vw,100vh) scale(.1358)}}div .snow:nth-child(140){opacity:.7809;transform:translate(75.6946vw,-10px) scale(.761);animation:fall-140 23s linear -14s infinite}@keyframes fall-140{40.815%{transform:translate(82.5993vw,40.815vh) scale(.761)}to{transform:translate(79.14695vw,100vh) scale(.761)}}div .snow:nth-child(141){opacity:.0155;transform:translate(16.6315vw,-10px) scale(.694);animation:fall-141 28s linear -19s infinite}@keyframes fall-141{66.523%{transform:translate(18.0186vw,66.523vh) scale(.694)}to{transform:translate(17.32505vw,100vh) scale(.694)}}div .snow:nth-child(142){opacity:.245;transform:translate(21.2837vw,-10px) scale(.3816);animation:fall-142 28s linear -24s infinite}@keyframes fall-142{47.93%{transform:translate(16.9686vw,47.93vh) scale(.3816)}to{transform:translate(19.12615vw,100vh) scale(.3816)}}div .snow:nth-child(143){opacity:.0009;transform:translate(37.5327vw,-10px) scale(.9887);animation:fall-143 17s linear -12s infinite}@keyframes fall-143{45.878%{transform:translate(33.8107vw,45.878vh) scale(.9887)}to{transform:translate(35.6717vw,100vh) scale(.9887)}}div .snow:nth-child(144){opacity:.2948;transform:translate(62.5947vw,-10px) scale(.1658);animation:fall-144 21s linear -30s infinite}@keyframes fall-144{43.592%{transform:translate(64.7839vw,43.592vh) scale(.1658)}to{transform:translate(63.6893vw,100vh) scale(.1658)}}div .snow:nth-child(145){opacity:.2356;transform:translate(71.4688vw,-10px) scale(.2942);animation:fall-145 20s linear -7s infinite}@keyframes fall-145{64.477%{transform:translate(67.2786vw,64.477vh) scale(.2942)}to{transform:translate(69.3737vw,100vh) scale(.2942)}}div .snow:nth-child(146){opacity:.443;transform:translate(48.5587vw,-10px) scale(.3975);animation:fall-146 28s linear -19s infinite}@keyframes fall-146{34.731%{transform:translate(42.7207vw,34.731vh) scale(.3975)}to{transform:translate(45.6397vw,100vh) scale(.3975)}}div .snow:nth-child(147){opacity:.683;transform:translate(33.296vw,-10px) scale(.8462);animation:fall-147 17s linear -1s infinite}@keyframes fall-147{61.739%{transform:translate(23.9363vw,61.739vh) scale(.8462)}to{transform:translate(28.61615vw,100vh) scale(.8462)}}div .snow:nth-child(148){opacity:.2081;transform:translate(69.7351vw,-10px) scale(.0143);animation:fall-148 20s linear -25s infinite}@keyframes fall-148{56.774%{transform:translate(76.984vw,56.774vh) scale(.0143)}to{transform:translate(73.35955vw,100vh) scale(.0143)}}div .snow:nth-child(149){opacity:.1252;transform:translate(90.1655vw,-10px) scale(.7125);animation:fall-149 13s linear -16s infinite}@keyframes fall-149{30.058%{transform:translate(85.5696vw,30.058vh) scale(.7125)}to{transform:translate(87.86755vw,100vh) scale(.7125)}}div .snow:nth-child(150){opacity:.0004;transform:translate(75.6559vw,-10px) scale(.0897);animation:fall-150 19s linear -29s infinite}@keyframes fall-150{30.783%{transform:translate(69.2857vw,30.783vh) scale(.0897)}to{transform:translate(72.4708vw,100vh) scale(.0897)}}div .snow:nth-child(151){opacity:.7975;transform:translate(98.8608vw,-10px) scale(.3819);animation:fall-151 14s linear -22s infinite}@keyframes fall-151{64.12%{transform:translate(99.1262vw,64.12vh) scale(.3819)}to{transform:translate(98.9935vw,100vh) scale(.3819)}}div .snow:nth-child(152){opacity:.526;transform:translate(78.0546vw,-10px) scale(.3801);animation:fall-152 14s linear -11s infinite}@keyframes fall-152{45.64%{transform:translate(68.4515vw,45.64vh) scale(.3801)}to{transform:translate(73.25305vw,100vh) scale(.3801)}}div .snow:nth-child(153){opacity:.5293;transform:translate(29.203vw,-10px) scale(.0005);animation:fall-153 14s linear -22s infinite}@keyframes fall-153{31.321%{transform:translate(27.9644vw,31.321vh) scale(.0005)}to{transform:translate(28.5837vw,100vh) scale(.0005)}}div .snow:nth-child(154){opacity:.6558;transform:translate(.8869vw,-10px) scale(.1074);animation:fall-154 19s linear -16s infinite}@keyframes fall-154{74.652%{transform:translate(9.3365vw,74.652vh) scale(.1074)}to{transform:translate(5.1117vw,100vh) scale(.1074)}}div .snow:nth-child(155){opacity:.8253;transform:translate(16.796vw,-10px) scale(.4969);animation:fall-155 12s linear -29s infinite}@keyframes fall-155{69.985%{transform:translate(19.0159vw,69.985vh) scale(.4969)}to{transform:translate(17.90595vw,100vh) scale(.4969)}}div .snow:nth-child(156){opacity:.6592;transform:translate(29.0508vw,-10px) scale(.9424);animation:fall-156 26s linear -20s infinite}@keyframes fall-156{36.416%{transform:translate(26.9808vw,36.416vh) scale(.9424)}to{transform:translate(28.0158vw,100vh) scale(.9424)}}div .snow:nth-child(157){opacity:.6666;transform:translate(94.2934vw,-10px) scale(.0647);animation:fall-157 30s linear -5s infinite}@keyframes fall-157{40.585%{transform:translate(96.7921vw,40.585vh) scale(.0647)}to{transform:translate(95.54275vw,100vh) scale(.0647)}}div .snow:nth-child(158){opacity:.7357;transform:translate(75.7053vw,-10px) scale(.8161);animation:fall-158 17s linear -27s infinite}@keyframes fall-158{62.958%{transform:translate(66.3636vw,62.958vh) scale(.8161)}to{transform:translate(71.03445vw,100vh) scale(.8161)}}div .snow:nth-child(159){opacity:.2113;transform:translate(56.2003vw,-10px) scale(.7276);animation:fall-159 21s linear -25s infinite}@keyframes fall-159{47.575%{transform:translate(66.0455vw,47.575vh) scale(.7276)}to{transform:translate(61.1229vw,100vh) scale(.7276)}}div .snow:nth-child(160){opacity:.9748;transform:translate(81.4709vw,-10px) scale(.4856);animation:fall-160 23s linear -15s infinite}@keyframes fall-160{37.734%{transform:translate(72.1929vw,37.734vh) scale(.4856)}to{transform:translate(76.8319vw,100vh) scale(.4856)}}div .snow:nth-child(161){opacity:.0632;transform:translate(5.2103vw,-10px) scale(.2168);animation:fall-161 16s linear -23s infinite}@keyframes fall-161{34.887%{transform:translate(6.0419vw,34.887vh) scale(.2168)}to{transform:translate(5.6261vw,100vh) scale(.2168)}}div .snow:nth-child(162){opacity:.8997;transform:translate(49.8516vw,-10px) scale(.3337);animation:fall-162 20s linear -24s infinite}@keyframes fall-162{39.846%{transform:translate(54.8659vw,39.846vh) scale(.3337)}to{transform:translate(52.35875vw,100vh) scale(.3337)}}div .snow:nth-child(163){opacity:.28;transform:translate(10.95vw,-10px) scale(.4981);animation:fall-163 20s linear -21s infinite}@keyframes fall-163{52.147%{transform:translate(2.7126vw,52.147vh) scale(.4981)}to{transform:translate(6.8313vw,100vh) scale(.4981)}}div .snow:nth-child(164){opacity:.2194;transform:translate(24.625vw,-10px) scale(.8127);animation:fall-164 10s linear -7s infinite}@keyframes fall-164{38.406%{transform:translate(26.8697vw,38.406vh) scale(.8127)}to{transform:translate(25.74735vw,100vh) scale(.8127)}}div .snow:nth-child(165){opacity:.5481;transform:translate(59.0842vw,-10px) scale(.5145);animation:fall-165 26s linear -15s infinite}@keyframes fall-165{72.442%{transform:translate(57.8196vw,72.442vh) scale(.5145)}to{transform:translate(58.4519vw,100vh) scale(.5145)}}div .snow:nth-child(166){opacity:.4929;transform:translate(13.8649vw,-10px) scale(.2576);animation:fall-166 17s linear -21s infinite}@keyframes fall-166{67.633%{transform:translate(19.1279vw,67.633vh) scale(.2576)}to{transform:translate(16.4964vw,100vh) scale(.2576)}}div .snow:nth-child(167){opacity:.6129;transform:translate(93.2241vw,-10px) scale(.5833);animation:fall-167 17s linear -14s infinite}@keyframes fall-167{54.415%{transform:translate(93.2504vw,54.415vh) scale(.5833)}to{transform:translate(93.23725vw,100vh) scale(.5833)}}div .snow:nth-child(168){opacity:.2052;transform:translate(74.8735vw,-10px) scale(.9702);animation:fall-168 27s linear -6s infinite}@keyframes fall-168{40.381%{transform:translate(67.4313vw,40.381vh) scale(.9702)}to{transform:translate(71.1524vw,100vh) scale(.9702)}}div .snow:nth-child(169){opacity:.5715;transform:translate(55.7761vw,-10px) scale(.2841);animation:fall-169 11s linear -2s infinite}@keyframes fall-169{30.443%{transform:translate(59.4356vw,30.443vh) scale(.2841)}to{transform:translate(57.60585vw,100vh) scale(.2841)}}div .snow:nth-child(170){opacity:.4514;transform:translate(41.3965vw,-10px) scale(.628);animation:fall-170 30s linear -27s infinite}@keyframes fall-170{46.241%{transform:translate(39.5893vw,46.241vh) scale(.628)}to{transform:translate(40.4929vw,100vh) scale(.628)}}div .snow:nth-child(171){opacity:.6691;transform:translate(92.6615vw,-10px) scale(.2697);animation:fall-171 25s linear -20s infinite}@keyframes fall-171{37.47%{transform:translate(88.1715vw,37.47vh) scale(.2697)}to{transform:translate(90.4165vw,100vh) scale(.2697)}}div .snow:nth-child(172){opacity:.1784;transform:translate(14.7973vw,-10px) scale(.3282);animation:fall-172 14s linear -5s infinite}@keyframes fall-172{78.931%{transform:translate(10.2901vw,78.931vh) scale(.3282)}to{transform:translate(12.5437vw,100vh) scale(.3282)}}div .snow:nth-child(173){opacity:.9794;transform:translate(16.2583vw,-10px) scale(.5105);animation:fall-173 22s linear -4s infinite}@keyframes fall-173{73.361%{transform:translate(20.3878vw,73.361vh) scale(.5105)}to{transform:translate(18.32305vw,100vh) scale(.5105)}}div .snow:nth-child(174){opacity:.3037;transform:translate(28.8891vw,-10px) scale(.4467);animation:fall-174 18s linear -6s infinite}@keyframes fall-174{73.652%{transform:translate(36.6228vw,73.652vh) scale(.4467)}to{transform:translate(32.75595vw,100vh) scale(.4467)}}div .snow:nth-child(175){opacity:.5621;transform:translate(83.8792vw,-10px) scale(.069);animation:fall-175 23s linear -9s infinite}@keyframes fall-175{39.448%{transform:translate(93.876vw,39.448vh) scale(.069)}to{transform:translate(88.8776vw,100vh) scale(.069)}}div .snow:nth-child(176){opacity:.5328;transform:translate(26.3011vw,-10px) scale(.6408);animation:fall-176 20s linear -16s infinite}@keyframes fall-176{73.313%{transform:translate(19.9933vw,73.313vh) scale(.6408)}to{transform:translate(23.1472vw,100vh) scale(.6408)}}div .snow:nth-child(177){opacity:.7943;transform:translate(28.5213vw,-10px) scale(.5284);animation:fall-177 20s linear -8s infinite}@keyframes fall-177{38.467%{transform:translate(21.2023vw,38.467vh) scale(.5284)}to{transform:translate(24.8618vw,100vh) scale(.5284)}}div .snow:nth-child(178){opacity:.7687;transform:translate(55.8876vw,-10px) scale(.9595);animation:fall-178 14s linear -30s infinite}@keyframes fall-178{46.329%{transform:translate(48.424vw,46.329vh) scale(.9595)}to{transform:translate(52.1558vw,100vh) scale(.9595)}}div .snow:nth-child(179){opacity:.5456;transform:translate(54.4615vw,-10px) scale(.8429);animation:fall-179 11s linear -29s infinite}@keyframes fall-179{34.327%{transform:translate(52.068vw,34.327vh) scale(.8429)}to{transform:translate(53.26475vw,100vh) scale(.8429)}}div .snow:nth-child(180){opacity:.5651;transform:translate(49.3672vw,-10px) scale(.6552);animation:fall-180 27s linear -5s infinite}@keyframes fall-180{45.68%{transform:translate(48.5021vw,45.68vh) scale(.6552)}to{transform:translate(48.93465vw,100vh) scale(.6552)}}div .snow:nth-child(181){opacity:.4337;transform:translate(21.1623vw,-10px) scale(.6428);animation:fall-181 21s linear -8s infinite}@keyframes fall-181{56.945%{transform:translate(18.4196vw,56.945vh) scale(.6428)}to{transform:translate(19.79095vw,100vh) scale(.6428)}}div .snow:nth-child(182){opacity:.5323;transform:translate(60.1544vw,-10px) scale(.9056);animation:fall-182 12s linear -3s infinite}@keyframes fall-182{51.496%{transform:translate(69.4869vw,51.496vh) scale(.9056)}to{transform:translate(64.82065vw,100vh) scale(.9056)}}div .snow:nth-child(183){opacity:.9398;transform:translate(13.1533vw,-10px) scale(.0307);animation:fall-183 15s linear -21s infinite}@keyframes fall-183{44.881%{transform:translate(22.2477vw,44.881vh) scale(.0307)}to{transform:translate(17.7005vw,100vh) scale(.0307)}}div .snow:nth-child(184){opacity:.0199;transform:translate(93.8494vw,-10px) scale(.6712);animation:fall-184 25s linear -21s infinite}@keyframes fall-184{63.364%{transform:translate(89.5327vw,63.364vh) scale(.6712)}to{transform:translate(91.69105vw,100vh) scale(.6712)}}div .snow:nth-child(185){opacity:.9764;transform:translate(95.1794vw,-10px) scale(.5443);animation:fall-185 22s linear -14s infinite}@keyframes fall-185{71.666%{transform:translate(96.733vw,71.666vh) scale(.5443)}to{transform:translate(95.9562vw,100vh) scale(.5443)}}div .snow:nth-child(186){opacity:.7342;transform:translate(.077vw,-10px) scale(.7448);animation:fall-186 21s linear -24s infinite}@keyframes fall-186{40.374%{transform:translate(-7.1041vw,40.374vh) scale(.7448)}to{transform:translate(-3.51355vw,100vh) scale(.7448)}}div .snow:nth-child(187){opacity:.4501;transform:translate(18.9263vw,-10px) scale(.8994);animation:fall-187 10s linear -11s infinite}@keyframes fall-187{47.265%{transform:translate(28.5745vw,47.265vh) scale(.8994)}to{transform:translate(23.7504vw,100vh) scale(.8994)}}div .snow:nth-child(188){opacity:.409;transform:translate(51.9725vw,-10px) scale(.9877);animation:fall-188 28s linear -3s infinite}@keyframes fall-188{35.585%{transform:translate(53.486vw,35.585vh) scale(.9877)}to{transform:translate(52.72925vw,100vh) scale(.9877)}}div .snow:nth-child(189){opacity:.8158;transform:translate(12.7534vw,-10px) scale(.0717);animation:fall-189 30s linear -1s infinite}@keyframes fall-189{77.24%{transform:translate(12.4888vw,77.24vh) scale(.0717)}to{transform:translate(12.6211vw,100vh) scale(.0717)}}div .snow:nth-child(190){opacity:.1354;transform:translate(17.1718vw,-10px) scale(.2752);animation:fall-190 26s linear -2s infinite}@keyframes fall-190{54.373%{transform:translate(12.3854vw,54.373vh) scale(.2752)}to{transform:translate(14.7786vw,100vh) scale(.2752)}}div .snow:nth-child(191){opacity:.3747;transform:translate(40.0982vw,-10px) scale(.1525);animation:fall-191 30s linear -20s infinite}@keyframes fall-191{46.232%{transform:translate(44.2119vw,46.232vh) scale(.1525)}to{transform:translate(42.15505vw,100vh) scale(.1525)}}div .snow:nth-child(192){opacity:.1729;transform:translate(76.6549vw,-10px) scale(.5476);animation:fall-192 14s linear -12s infinite}@keyframes fall-192{46.86%{transform:translate(80.176vw,46.86vh) scale(.5476)}to{transform:translate(78.41545vw,100vh) scale(.5476)}}div .snow:nth-child(193){opacity:.2493;transform:translate(.9266vw,-10px) scale(.199);animation:fall-193 21s linear -26s infinite}@keyframes fall-193{79.939%{transform:translate(3.3389vw,79.939vh) scale(.199)}to{transform:translate(2.13275vw,100vh) scale(.199)}}div .snow:nth-child(194){opacity:.9801;transform:translate(11.8856vw,-10px) scale(.5871);animation:fall-194 30s linear -19s infinite}@keyframes fall-194{58.732%{transform:translate(20.7391vw,58.732vh) scale(.5871)}to{transform:translate(16.31235vw,100vh) scale(.5871)}}div .snow:nth-child(195){opacity:.5724;transform:translate(65.1115vw,-10px) scale(.4504);animation:fall-195 13s linear -27s infinite}@keyframes fall-195{41.709%{transform:translate(59.4802vw,41.709vh) scale(.4504)}to{transform:translate(62.29585vw,100vh) scale(.4504)}}div .snow:nth-child(196){opacity:.1844;transform:translate(80.4871vw,-10px) scale(.8163);animation:fall-196 10s linear -5s infinite}@keyframes fall-196{39.683%{transform:translate(79.5863vw,39.683vh) scale(.8163)}to{transform:translate(80.0367vw,100vh) scale(.8163)}}div .snow:nth-child(197){opacity:.8014;transform:translate(98.5426vw,-10px) scale(.2378);animation:fall-197 28s linear -17s infinite}@keyframes fall-197{41.661%{transform:translate(90.7041vw,41.661vh) scale(.2378)}to{transform:translate(94.62335vw,100vh) scale(.2378)}}div .snow:nth-child(198){opacity:.3781;transform:translate(79.1521vw,-10px) scale(.5001);animation:fall-198 18s linear -5s infinite}@keyframes fall-198{78.081%{transform:translate(73.2313vw,78.081vh) scale(.5001)}to{transform:translate(76.1917vw,100vh) scale(.5001)}}div .snow:nth-child(199){opacity:.8745;transform:translate(41.3454vw,-10px) scale(.6515);animation:fall-199 21s linear -22s infinite}@keyframes fall-199{65.124%{transform:translate(31.6218vw,65.124vh) scale(.6515)}to{transform:translate(36.4836vw,100vh) scale(.6515)}}div .snow:nth-child(200){opacity:.1812;transform:translate(93.8934vw,-10px) scale(.6362);animation:fall-200 28s linear -12s infinite}@keyframes fall-200{57.631%{transform:translate(84.5468vw,57.631vh) scale(.6362)}to{transform:translate(89.2201vw,100vh) scale(.6362)}}.pad-content{padding:1rem}#menuToggle{display:block;position:relative;top:9px;left:20px;padding:8px;z-index:1;background-color:#76c0f9;-webkit-user-select:none;user-select:none;border-radius:25px;box-shadow:4px 4px 4px rgba(0,0,0,.4)!important}#menuToggle input{display:block;width:40px;height:32px;position:absolute;top:-7px;left:-5px;background-color:#f5f5f5;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}#menuToggle .anticon .ant-menu-item-icon{display:none}#menuToggle span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#15499b;border-radius:3px;z-index:1;transform-origin:4px 0;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}#menuToggle span:first-child{transform-origin:0 0}#menuToggle span:nth-last-child(2){transform-origin:0 100%}#menuToggle input:checked~span{opacity:1;transform:rotate(45deg) translate(-2px,-1px);background:#76c0f9}#menuToggle input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(.2)}#menuToggle input:checked~span:nth-last-child(2){transform:rotate(-45deg) translateY(-1px)}#menu{position:absolute;width:323px;margin:-44px 0 0 -68px;padding:125px 50px 50px;background:#15499b;list-style-type:none;-webkit-font-smoothing:antialiased;max-height:111.5vh;transform-origin:0 0;transform:translate(-106%);transition:transform .5s cubic-bezier(.77,.2,.05,1);overflow-y:scroll;height:900px}#menu ::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}#menu ::-webkit-scrollbar{width:12px;background-color:#f5f5f5}#menu ::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#555}#menuToggle input:checked~ul{transform:none}@media screen and (max-width:768px){.site-bar-media{display:none!important}}@media screen and (min-width:768px){.show_menu_toggle{display:none!important}}.ant-menu-title-content a{color:#fff}.con-dashboard{width:100%;margin:0}.header-dashboard{display:flex;flex-direction:column;margin-bottom:30px}.header h1{font-size:28px;font-weight:600}.header p{color:#64748b;font-size:14px}.dashboard-metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:22px;gap:22px;margin-bottom:22px}.metric-card{display:flex;justify-content:space-between;align-items:center;padding:15px;border-radius:14px;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.04)}.metric-card__label{font-size:13px}.metric-card__value{font-size:28px;margin-top:8px}.metric-card__trend{font-size:14px;margin-top:4px}.metric-card__description{font-size:14px;color:#64748b}.metric-card__icon{width:46px;height:46px;border-radius:12px;font-size:18px}.metric-card--revenue{border:2px solid #3b82f6}.metric-card--sessions{border:2px solid #22c55e}.metric-card--average{border:2px solid #a855f7}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:22px;gap:22px;margin-bottom:22px}.stats-card{display:flex;justify-content:space-between;align-items:flex-start;padding:18px;border-radius:14px;color:#fff;box-shadow:0 3px 12px rgba(0,0,0,.05);transition:all .2s ease}.stats-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px rgba(0,0,0,.08)}.stats-card__label{font-size:13px;opacity:.85}.stats-card__value{font-size:28px;margin-top:6px}.stats-card__meta{font-size:14px;margin-top:4px;opacity:.9}.stats-card__icon{background:hsla(0,0%,100%,.25);padding:10px 14px;border-radius:10px;font-size:18px}.stats-card--revenue{background:linear-gradient(135deg,#2563eb,#3b82f6)}.stats-card--charging{background:linear-gradient(135deg,#16a34a,#22c55e)}.stats-card--stations{background:linear-gradient(135deg,#7c3aed,#a855f7)}.stats-card--reservations{background:linear-gradient(135deg,#ea580c,#f97316)}.analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:22px;gap:22px;margin-bottom:22px}.chart-panel{background:#fff;padding:22px;border-radius:14px;box-shadow:0 3px 12px rgba(0,0,0,.04);border:2px solid #e5e5e5;display:flex;flex-direction:column}.chart-panel__header{margin-bottom:18px}.chart-panel__header--row{display:flex;justify-content:space-between;align-items:center}.chart-panel__title{font-size:17px;margin-bottom:2px;font-weight:600}.chart-panel__subtitle{font-size:13px;color:#64748b}.chart-panel__body{width:100%}.chart-panel__select{padding:6px 10px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;font-size:13px}.grid-2,.grid-3,.grid-4{display:grid;grid-gap:22px;gap:22px;margin-bottom:22px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{justify-content:space-between;align-items:center;padding:24px;border-radius:14px;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.04);transition:all .2s ease}.card h2{margin-top:8px;font-size:28px}.card p{font-size:14px;margin-top:4px;color:#64748b}.label{font-size:13px;color:#64748b}.outline-blue{border:2px solid #3b82f6}.outline-green{border:2px solid #22c55e}.outline-purple{border:2px solid #a855f7}.icon{width:46px;height:46px;border-radius:12px;font-size:18px}.blue{background:#e0ecff;color:#2563eb}.green{background:#dcfce7}.purple{background:#f3e8ff;color:#9333ea}.gradient-blue{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff}.gradient-green{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff}.gradient-purple{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff}.gradient-orange{background:linear-gradient(135deg,#ea580c,#f97316);color:#fff}.gradient-blue p,.gradient-green p,.gradient-orange p,.gradient-purple p{color:hsla(0,0%,100%,.8)}.icon-light{background:hsla(0,0%,100%,.25);padding:10px 14px;border-radius:10px;font-size:18px}.chart-card{background:#fff;padding:22px;border-radius:14px;box-shadow:0 3px 12px rgba(0,0,0,.04);border:2px solid #e5e5e5;display:flex;flex-direction:column}.chart-card canvas{max-height:260px!important}.chart-header{margin-bottom:18px}.chart-header h3{font-size:17px;margin-bottom:2px}.chart-header p{font-size:13px;color:#64748b}.row{display:flex;justify-content:space-between;align-items:center}select{padding:6px 10px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;font-size:13px}.transaction-list{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.transaction-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:10px;background:#f9fafb;transition:.2s}.transaction-item:hover{background:#eef2f7}.tx-title{font-weight:600;grid-gap:8px;gap:8px;font-size:14px;margin-bottom:3px}.tx-title .status{margin-left:8px}.tx-meta{font-size:12px;color:#64748b;display:flex;grid-gap:8px;gap:8px;align-items:center}.tx-amount{font-weight:600;font-size:15px}.status{padding:3px 8px;border-radius:6px}.status.success{background:#dcfce7;color:#16a34a}.status.progress{background:#fef9c3;color:#ca8a04}.quick-stats{background:#fff;border:2px solid #e5e5e5;padding:22px;border-radius:14px;box-shadow:0 3px 12px rgba(0,0,0,.04);margin-top:10px}.quick-title{font-size:18px;margin-bottom:16px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.quick-card{border-radius:0;padding:15px;border-left:4px solid}.quick-card h2{font-size:26px;margin:6px 0}.quick-label{font-size:13px;color:#64748b}.quick-positive{color:#16a34a;font-size:13px}.quick-muted{color:#64748b;font-size:13px}.border-blue{border-color:#3b82f6}.border-green{border-color:#22c55e}.border-purple{border-color:#a855f7}@media(max-width:1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.grid-2,.grid-3,.quick-grid{grid-template-columns:1fr}}.ev-charger{background:#fff;padding:20px;border-radius:10px}.ev-charger__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ev-charger__title{font-size:20px;margin-bottom:4px}.ev-charger__subtitle{color:#6b7280;font-size:13px}.ev-charger__add-btn{background:#1d4ed8;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:14px}.ev-charger__search{margin-bottom:20px}.ev-charger__search-input{width:320px;padding:8px 12px;border-radius:6px;border:1px solid #d1d5db}.charger-table{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow-x:auto;padding:0 16px}.charger-table table{width:100%;border-collapse:collapse;min-width:900px}.charger-table th{text-align:left;padding:14px 16px;font-size:13px;color:#6b7280;border-bottom:1px solid #e5e7eb}.charger-table td{padding:16px;font-size:14px;border-bottom:1px solid #f1f5f9}.charger-table tbody tr:hover{background:#f9fafb}.charger-code{font-weight:500;color:#111827}.status{font-size:11px;font-weight:600}.status.available{background:#d1fae5;color:#065f46}.badge{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600}.badge.public{background:#111827;color:#fff}.badge.internal{background:#e5e7eb;color:#374151}.actions{grid-gap:12px;gap:12px}.icon.view{color:#3b82f6}.icon.edit{color:#2563eb}.icon.delete{color:#dc2626}.pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid #e5e7eb;color:#6b7280}.pagination,.pagination__info{font-size:13px}.pagination__controls{display:flex;grid-gap:6px;gap:6px}.pagination__controls button{border:1px solid #e5e7eb;background:#fff;padding:4px 10px;border-radius:6px;font-size:13px;cursor:pointer;color:#374151}.pagination__controls button:hover:not(:disabled){background:#f3f4f6}.pagination__controls .active{background:#2563eb;color:#fff;border:none}.pagination__controls button:disabled{opacity:.5;cursor:not-allowed}.ant-table-pagination{display:flex;align-items:center;width:100%;margin:16px 0 0!important;padding:0}.ant-table-pagination.ant-pagination{justify-content:flex-end}.ant-pagination-total-text{margin-right:auto;margin-left:0;padding-left:0;color:#6b7280;font-size:14px}.ant-pagination{margin:0}.pricing-container{padding:30px}.pricing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.pricing-header h2{margin:0}.pricing-header p{color:#6b7280;margin-top:4px;font-size:14px}.add-pricing-form{margin-top:16px;margin-bottom:24px;padding:24px;border:1px solid #eaeaea;border-radius:14px;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.04)}.add-pricing-form h3{margin-bottom:12px;font-size:18px;font-weight:600}.add-pricing-form .form-section-label{font-size:11px;font-weight:700;color:#1677ff;text-transform:uppercase;letter-spacing:.6px;margin:8px 0 6px}.add-pricing-form .pricing-field label{display:block;font-size:12px;color:#555;font-weight:500;margin-bottom:4px}.add-pricing-form .pricing-field input{display:block;width:100%;padding:7px 10px;border-radius:6px;border:1px solid #d9d9d9;background:#fafafa;font-size:13px;transition:all .2s ease}.add-pricing-form .pricing-field input:focus{border-color:#1677ff;background:#fff;box-shadow:0 0 0 2px rgba(22,119,255,.15);outline:none}.add-pricing-form .pricing-row{display:flex;align-items:flex-start;grid-gap:12px;gap:12px;margin-bottom:0}.add-pricing-form .pricing-row .pricing-field{flex:1 1}.add-pricing-form .form-fees-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-bottom:0}.add-pricing-form .full-width{grid-column:span 2}.add-pricing-form .form-row-uploading{width:100%}.add-pricing-form .con-uploadimg{width:100%;display:flex;flex-direction:column}.add-pricing-form .con-uploadimg label{margin-bottom:8px}.add-pricing-form .full-upload,.add-pricing-form .full-upload .ant-upload,.add-pricing-form .full-upload .ant-upload-wrapper{width:100%}.add-pricing-form .full-upload .ant-upload-list{display:flex!important;width:100%;margin:0}.add-pricing-form .full-upload .ant-upload-list-picture-card-container{flex:1 1;width:100%!important}.add-pricing-form .full-upload .ant-upload-select-picture-card{width:100%!important;height:220px!important;margin:0!important;display:flex;align-items:center;justify-content:center}.add-pricing-form .full-upload .ant-upload-list-item{width:100%!important}.add-pricing-form .full-upload .ant-upload-list-item-thumbnail img{width:100%;height:100%;object-fit:cover}.add-pricing-form .time-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:12px}.add-pricing-form .time-item{border-radius:12px;transition:all .2s ease}.add-pricing-form .time-item .label{display:flex;grid-gap:6px;gap:6px;font-size:13px;color:#444;margin-bottom:8px;font-weight:500;white-space:nowrap}.add-pricing-form .time-item .label svg{color:#1677ff;font-size:14px}.add-pricing-form .time-item input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #d9d9d9;transition:all .2s ease;background:#fafafa}.add-pricing-form .time-item input:focus{border-color:#1677ff;box-shadow:0 0 0 2px rgba(22,119,255,.15);outline:none}.add-pricing-form .time-item input:hover{border-color:#4096ff}.add-pricing-form .form-actions{display:flex;justify-content:flex-end;grid-gap:12px;gap:12px}.add-pricing-form .form-actions .save-btn{background:linear-gradient(135deg,#1677ff,#4096ff);color:#fff;border:none;padding:9px 20px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px rgba(22,119,255,.3)}.add-pricing-form .form-actions .save-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(22,119,255,.4)}.add-pricing-form .form-actions .save-btn:active{transform:scale(.96)}.add-pricing-form .form-actions .cancel-btn{background:#fff;color:#333;border:1px solid #d9d9d9;padding:9px 18px;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-pricing-form .form-actions .cancel-btn:hover{background:#f5f5f5;border-color:#bfbfbf}.add-pricing-form .form-actions .cancel-btn:active{transform:scale(.97)}.add-btn{background:#2563eb;color:#fff;border:none;padding:8px 10px;border-radius:8px;cursor:pointer}.pricing-cards{display:grid;justify-content:space-between;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;margin-bottom:30px}.pricing-summary{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;margin-top:22px}.pricing-summary__card{background:#fff;padding:20px;border-radius:12px;border:1px solid #e5e7eb;transition:all .2s ease}.pricing-summary__card:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.06)}.pricing-summary__title{font-size:13px;color:#64748b;margin-bottom:8px}.pricing-summary__value{font-size:24px;font-weight:700;margin-bottom:6px}.pricing-summary__meta{font-size:13px;color:#64748b}.pricing-summary__card--average,.pricing-summary__card--peak,.pricing-summary__card--นoffpeak{background-color:#fff;border-left:1px solid #d9d9d9}.card{display:flex;flex-direction:column;border-radius:12px;border:1px solid #e5e7eb}.card h3{margin:10px 0}.card span{font-size:12px}.morning{background:#fff;border:1px solid #e5e7eb}.afternoon{background:#fff3e8;border-color:#fdba74}.evening{background:#f3e8ff;border-color:#d8b4fe}.night{background:#f3f4f6}.station-pricing{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.04)}.station-pricing__title{font-size:18px;font-weight:600;margin-bottom:18px}.ant-table-thead>tr>th{background:#f8fafc;font-weight:600;color:#475569}.rate-badge{padding:4px 10px;border-radius:12px;font-size:13px;font-weight:600}.rate-badge--afternoon{background:#ffedd5}.rate-badge--evening{background:#ede9fe;color:#7c3aed}.rate-badge--night{background:#e2e8f0;color:#334155}.pricing-actions{display:flex;grid-gap:14px;gap:14px;font-size:16px}.action-edit{color:#2563eb!important;cursor:pointer}.action-edit svg{fill:#2563eb}.action-delete{color:#ef4444!important;cursor:pointer}.action-delete svg{fill:#ef4444}.station-pricing__table{width:100%;border-collapse:collapse}.station-pricing__head th{text-align:left;padding:12px 14px;font-size:13px;font-weight:600;color:#475569;background:#f8fafc;border-bottom:1px solid #e5e7eb}.station-pricing__row{border-bottom:1px solid #f1f5f9}.station-pricing__row:hover{background:#f9fafb}.station-pricing__cell{padding:14px;font-size:14px;color:#1e293b}.station-pricing__actions{padding:14px;font-size:16px;display:flex;grid-gap:12px;gap:12px;cursor:pointer}.pricing-badge{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600}.pricing-badge--morning{background:#e0f2fe;color:#0369a1}.pricing-badge--afternoon{background:#fef9c3;color:#a16207}.pricing-badge--evening{background:#ede9fe;color:#6d28d9}.pricing-badge--night{background:#e2e8f0;color:#334155}.badge{padding:5px 10px;border-radius:8px;font-size:12px}.badge.morning{background:#dbeafe;color:#1d4ed8}.badge.afternoon{background:#fed7aa;color:#c2410c}.badge.evening{background:#e9d5ff;color:#7e22ce}.badge.night{background:#e5e7eb}.actions{font-size:18px;cursor:pointer}body{font-family:Arial,Helvetica,sans-serif;background:#f5f6fa;margin:0}.station{padding:30px}.station__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.station__title{margin:0}.station__subtitle{color:#6b7280;margin-top:4px;font-size:14px}.station__add-button{background:#2563eb;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer}.station__stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;margin-bottom:30px}.station__summary{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.station-card{display:flex;flex-direction:column;border:1px solid #e5e7eb;padding:16px;height:100%;width:100%;cursor:pointer;transition:all .25s ease}.station-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.08)}.station-card:active{transform:scale(.97)}.station-card__title{font-weight:600;font-size:14px}.station-card__value{margin:10px 0;font-size:24px;font-weight:700}.station-card__desc{font-size:12px;color:#6b7280}.station-card.active{background:#1863fd;border-color:#1863fd;color:#fff;box-shadow:0 8px 20px rgba(24,99,253,.35)}.station-card.active .station-card__desc,.station-card.active .station-card__title,.station-card.active .station-card__value{color:#fff}.station-card--morning{background:#eef4ff;border-color:#c7d2fe}.station-card--afternoon{background:#fff3e8;border-color:#fdba74}.station-card--evening{background:#f3e8ff;border-color:#d8b4fe}.station-card--night{background:#f3f4f6}.station-overview__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.station-table{background:#fff;border:1px solid #d9d9d9;border-radius:12px;padding:20px;margin-bottom:20px}.station-table__title{margin-bottom:16px}.station-table__table{width:100%;border-collapse:collapse}.station-table thead th{text-align:left;padding:12px;border-bottom:1px solid #c2c2c3;font-size:14px}.station-table tbody td{padding:14px 12px;border-bottom:1px solid #f1f5f9;font-size:14px}.des-unassigned{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px}.unassigned-tag{background:#f5f5f5;padding:6px 12px;border-radius:20px;font-size:12px;color:#333;transition:all .2s ease}.unassigned-tag:hover{background:#e6f4ff;color:#1890ff}.unassigned-tag.more{background:#1890ff;color:#fff;cursor:pointer}.rate-badge{padding:5px 10px;border-radius:8px;font-size:12px}.rate-badge--morning{background:#dbeafe;color:#1d4ed8}.rate-badge--afternoon{background:#fed7aa;color:#c2410c}.rate-badge--evening{background:#e9d5ff;color:#7e22ce}.rate-badge--night{background:#e5e7eb}.table-actions{font-size:18px;cursor:pointer}.station-map{margin-top:30px;background:#fff;border-radius:14px;border:1px solid #e5e7eb;box-shadow:0 4px 14px rgba(0,0,0,.05)}.station-map__header{padding:18px 20px;border-bottom:1px solid #f1f5f9}.station-map__title{font-size:18px;font-weight:600;color:#111827}.station-map__body{padding:20px}.station-map__card{width:100%;height:auto;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb}.con-addstation{width:100%;margin:0 auto;padding:24px;display:flex;flex-direction:column;grid-gap:24px;gap:24px;font-family:Arial,sans-serif}.header-addstation{display:flex;align-items:center;grid-gap:16px;gap:16px}.back-button{grid-gap:6px;gap:6px;border-radius:8px}.detail-headeraddstation{display:flex;flex-direction:column}.detail-headeraddstation h3{font-size:22px;margin:0;font-weight:600;color:#111827}.detail-headeraddstation p{margin:4px 0 0;font-size:14px;color:#6b7280}.con-selectcharger{padding:16px;border:1px solid #e5e5e5;border-radius:12px;background:#fff}.con-selectcharger .detail-selectcharger{display:flex;flex-direction:column;grid-gap:16px;gap:16px;padding:16px;background:#fff;border-radius:12px}.con-selectcharger .detail-selectcharger .header-selectcharger{margin-bottom:12px}.con-selectcharger .detail-selectcharger .header-selectcharger h3{font-size:18px;margin:0}.con-selectcharger .detail-selectcharger .detail-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.con-selectcharger .detail-selectcharger .paginationselectcharger{display:flex;justify-content:flex-end;align-items:center;grid-gap:10px;gap:10px;margin-top:12px;padding-top:12px}.con-selectcharger .detail-selectcharger .paginationselectcharger button{padding:6px 12px;border-radius:8px;background:#fff;border:1px solid #d9d9d9}.item-selectcharger{display:flex;align-items:center;grid-gap:10px;gap:10px;padding:10px;border:1px solid #eaeaea;border-radius:10px;background:#fff;transition:.2s}.item-selectcharger:hover{border-color:#cfcfcf;box-shadow:0 2px 6px rgba(0,0,0,.05)}.item-selectcharger input[type=checkbox]{margin-top:4px;width:16px;height:16px;cursor:pointer}.detail-itemselectcgarger h3{font-size:14px;margin:0;font-weight:600}.detail-itemselectcgarger p{margin:2px 0 0;font-size:12px;color:#777}.detail-PlatformServiceSettings{display:flex;flex-direction:row;grid-gap:24px;gap:24px;width:100%;margin-top:15px}.wrapper-PlatformType,.wrapper-ServiceGroup{grid-gap:4px;gap:4px;flex:1 1;min-width:220px}.detail-PlatformServiceSettings div,.detail-PlatformServiceSettings label,.detail-PlatformServiceSettings select{margin:0;padding:0;box-sizing:border-box}.detail-PlatformServiceSettings label{font-size:14px;font-weight:600;color:#374151;line-height:1.2}.input-PlatformType,.input-ServiceGroup{width:100%}.detail-PlatformServiceSettings select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #d1d5db;font-size:14px;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease;cursor:pointer}.wrapper-Limit input{width:30%;padding:10px 12px;border-radius:8px;border:1px solid #f3f3f5;background-color:#f3f3f5;outline:none}.wrapper-Limit input:focus{border-color:#4a90e2}.con-Accommodation,.con-Limit,.con-NFCMaster,.con-OwnerInformation,.con-PlatformServiceSettings,.con-ServiceTime,.con-SetLocation,.con-StationName,.con-UploadStationPhotos{padding:16px;border:1px solid #e5e5e5;border-radius:12px;background:#fff}.detail-NFCMaster{grid-gap:16px;gap:16px}.detail-NFCMaster label{font-size:14px;font-weight:600;color:#374151;min-width:120px}.wrapper-NFCMaster{display:flex;margin-left:12px;grid-gap:8px;gap:8px;border-radius:8px;padding:4px 8px}.wrapper-NFCMaster button{width:28px;height:28px;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700;transition:.2s}.detail-NFCMaster{display:flex;align-items:center;justify-content:flex-start;padding:12px 16px;border-radius:10px;background:#fff}.left-NFCMaster{display:flex;align-items:center;grid-gap:12px;gap:12px}.left-NFCMaster label{font-size:14px;font-weight:600;color:#374151}.display-NFCMaster{width:60px;border-radius:5px;align-items:center;text-align:center;font-weight:600;border:1px solid #d1d5db;background:#f9fafb}.icon-closenfc{border:1px solid #d9d9d9;align-items:center;border-radius:5px;padding:3px;cursor:pointer;font-size:16px;color:#ef4444;transition:.2s;margin-left:50px}.action-detail-NFCMaster{margin-top:12px}.btn-add-nfc{display:inline-flex;align-items:center;grid-gap:8px;gap:8px;padding:6px 10px;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#000;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-add-nfc,.btn-add-nfc .anticon{font-size:14px}.detail-OwnerInformation{display:flex;grid-gap:16px;gap:16px;width:100%;align-items:flex-start}.wrapper-ownerinfomation{grid-gap:4px;gap:4px;flex:1 1;padding:12px;border-radius:10px;background:#fff;transition:all .2s ease}.wrapper-ownerinfomation label{font-size:13px;font-weight:600;color:#374151;margin:0}.input-ownerinfomation{width:100%}.input-ownerinfomation input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;background:#fff;transition:all .2s ease}.input-ownerinfomation input:focus{border-color:#4f46e5;box-shadow:0 0 0 2px rgba(79,70,229,.15)}.input-ownerinfomation input::placeholder{color:#9ca3af}.detail-Accommodation{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;width:100%;padding:12px 0}.wrapper-detailaccommodation{display:flex;align-items:center;grid-gap:10px;gap:10px;padding:10px 12px;border:1px solid #eaeaea;border-radius:10px;background:#fff;cursor:pointer;transition:all .2s ease}.wrapper-detailaccommodation:hover{box-shadow:0 2px 8px rgba(0,0,0,.06);border-color:#d6d6d6}.wrapper-detailaccommodation input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#1890ff}.txt-inputaccommodation p{margin:0;font-size:14px;color:#333;font-weight:500;text-transform:capitalize}.detail-ServiceTime{width:100%;padding:12px 0}.wrapper-servicettime{grid-gap:12px;gap:12px}.item-servicetime{justify-content:space-between;padding:12px 14px;border-radius:10px;background:#fff;transition:all .2s ease}.item-servicetime:hover{box-shadow:0 2px 8px rgba(0,0,0,.06)}.item-servicetime>div:first-child p{margin:0;font-weight:600;color:#333;min-width:50px}.input-conservicetime{display:flex;align-items:center;grid-gap:6px;gap:6px;padding:6px 10px;border-radius:8px;background:#fafafa;min-width:90px;justify-content:center}.input-conservicetime p{margin:0;font-size:14px;color:#222}.item-servicetime>p{margin:0 8px;color:#999;font-weight:500}.input-conservicetime .anticon{font-size:14px;color:#666}h3{font-size:18px;margin-bottom:12px}.wrapper-stationname input{width:30%;padding:10px 12px;border-radius:8px;border:1px solid #f3f3f5;background-color:#f3f3f5;outline:none}.wrapper-stationname input:focus{border-color:#4a90e2}.action-setlocation{display:flex;grid-gap:12px;gap:12px;margin-bottom:16px}.action-setlocation button{padding:10px 16px;border-radius:8px;border:1px solid #d1d5db;background:#fff;cursor:pointer;font-weight:500;transition:all .2s ease}.action-setlocation button.active{background:#000;color:#fff;border-color:#000}.detail-setlocation{margin-top:12px}.detail-Drag,.detail-Manual{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.detail-mapstation{position:relative;height:250px;border:2px dashed #d1d5db;border-radius:10px;background:#fafafa;overflow:hidden}.detail-mapstation>div{width:100%!important;height:100%!important}.detail-mapstation button{position:absolute;top:12px;left:12px;z-index:10;display:inline-flex;align-items:center;grid-gap:6px;gap:6px;padding:8px 12px;border-radius:8px;border:1px solid #e5e7eb;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px rgba(0,0,0,.08)}.detail-txtdrag{display:flex;flex-direction:row;grid-gap:16px;gap:16px}.wrapper-detail-txtdrag{grid-gap:4px;gap:4px}.detail-UploadStationPhotos{border:2px dashed #ccc;padding:24px;text-align:center;border-radius:12px;cursor:pointer;color:#777}.detail-UploadStationPhotos:hover{background:#fafafa}.wrapper-servicettime{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.item-servicetime{display:flex;align-items:center;justify-content:flex-start;grid-gap:30px;gap:30px}.item-servicetime p{margin:0}.item-servicetime .input-conservicetime{padding:6px 30px;border-radius:6px;min-width:70px;text-align:left;background:#fff}.con-action{display:flex;justify-content:flex-start;grid-gap:12px;gap:12px}.con-action button{padding:10px 16px;border-radius:8px;border:none;cursor:pointer;font-weight:500}.con-action button:first-child{background:#4a90e2;color:#fff}.con-action button:first-child:hover{background:#3c7dc4}.con-action button:last-child{background:#eee}.con-action button:last-child:hover{background:#ddd}.revenue{padding:30px;background:#f8fafc}.revenue__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.revenue__title{margin:0;font-size:24px}.revenue__subtitle{color:#6b7280;font-size:14px}.revenue__actions{display:flex;grid-gap:10px;gap:10px}.revenue__btn{padding:8px 16px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;cursor:pointer}.revenue__btn--primary{background:#2563eb;color:#fff;border:none}.revenue__stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;margin-bottom:25px}.revenue-card{padding:20px;border-radius:12px;border:1px solid #e5e7eb}.revenue-card__title{font-size:14px;color:#6b7280}.revenue-card__value{margin:10px 0;font-size:22px}.revenue-card__desc{font-size:12px}.revenue-card__breakdown{display:flex;flex-direction:column;grid-gap:6px;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(11,11,11,.08)}.revenue-card__breakdown-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;line-height:1.4}.revenue-card__breakdown-label{display:flex;align-items:center;grid-gap:6px;gap:6px;color:#6b7280}.revenue-card__breakdown-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.revenue-card__breakdown-dot--finished{background:#0ca30c}.revenue-card__breakdown-dot--rejected{background:#d03b3b}.revenue-card__breakdown-value{font-weight:600;color:#1f2937;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.revenue-card__breakdown-amount{font-weight:400;color:#6b7280}.revenue-card__breakdown-bar{display:flex;grid-gap:2px;gap:2px;height:6px;margin-top:4px;border-radius:4px;overflow:hidden;background:rgba(11,11,11,.06)}.revenue-card__breakdown-bar-fill{height:100%}.revenue-card__breakdown-bar-fill--finished{background:#0ca30c}.revenue-card__breakdown-bar-fill--rejected{background:#d03b3b}.revenue-card--blue{background:#eef4ff}.revenue-card--orange{background:#fff3e8}.revenue-card--purple{background:#f3e8ff}.revenue-card--gray{background:#f3f4f6}.revenue-table{background:#fff;padding:20px;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:25px}.revenue-table__title{margin-bottom:10px}.revenue-table-wrapper{width:100%;overflow-x:auto}.revenue-table-custom table{width:100%;border-collapse:collapse;min-width:900px}.revenue-table-custom thead th{text-align:left;font-size:13px;font-weight:600;color:#6b7280;padding:14px 16px;border-bottom:1px solid #e5e7eb}.revenue-table-custom tbody td{padding:16px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#111827}.revenue-table-custom tbody tr:hover{background:#f9fafb}.location{color:#6b7280;font-size:13px}.rank{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;background:#e5e7eb;color:#374151}.rank.gold{background:#fef3c7;color:#b45309}.rank.silver{background:#e5e7eb;color:#374151}.rank.bronze{background:#fde68a;color:#92400e}.growth{font-weight:600;font-size:13px}.growth.up{color:#16a34a}.growth.down{color:#dc2626}.revenue__charts{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px;margin-bottom:25px}.revenue-chart-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb}.revenue-chart-card__header{padding:15px;border-bottom:1px solid #f1f5f9}.revenue-distribution{background:#fff;border-radius:12px;border:1px solid #e5e7eb}.revenue-distribution__header{padding:20px}.revenue-distribution__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;padding:20px}.revenue-time-card{background:#e3efff;border:1px solid #bedbff;padding:15px;border-radius:10px}.revenue-time-card__value h2{margin:5px 0;color:#1c398e}.revenue-time-card__value p{margin:5px 0;color:#155dfc}.revenue-time-card__progress{height:8px;background:#155dfc;border-radius:6px;margin-top:10px}.reservation{padding:0;margin:0;color:#1e293b}.reservation__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.reservation__title{font-size:24px;font-weight:600}.reservation__subtitle{font-size:14px;color:#64748b}.reservation__btn{border:none;padding:10px 18px;border-radius:8px;font-size:14px;cursor:pointer}.reservation__btn--primary{background:#2563eb;color:#fff}.reservation__stats{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:20px;gap:20px;margin-bottom:30px}.reservation-card{background:#fff;padding:20px;border-radius:12px;border:2px solid transparent}.reservation-card.active{border:2px solid #206fff;background-color:#206fff;box-shadow:0 4px 12px rgba(32,111,255,.2);transform:translateY(-2px);transition:all .2s ease;color:#fff}.reservation-card.active .reservation-card__desc,.reservation-card.active .reservation-card__title,.reservation-card.active .reservation-card__value{color:#fff!important}.reservation-card__title{font-size:13px;color:#64748b}.reservation-card__value{font-size:26px;font-weight:600;margin:6px 0}.reservation-card__desc{font-size:13px;color:#64748b}.reservation-card--blue,.reservation-card--gray,.reservation-card--orange,.reservation-card--purple,.reservation-table{background:#fff;border:1px solid #e5e5e5}.reservation-table{padding:24px;border-radius:12px;margin-bottom:30px}.reservation-table__header{margin-bottom:14px}.reservation-table__title{font-size:18px;font-weight:600}.reservation-table__controls{display:flex;justify-content:space-between;margin-bottom:20px}.reservation-table__search{width:300px;padding:8px 10px;border:1px solid #e2e8f0;border-radius:8px}.reservation-table__filters{display:flex;grid-gap:10px;gap:10px}.reservation-table__filter{padding:6px 12px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;cursor:pointer}.reservation-table__table{width:100%;border-collapse:collapse}.booking-table{background:#fff;border-radius:12px;padding:10px 0;overflow-x:auto}.booking-table table{width:100%;border-collapse:collapse;min-width:1000px}.booking-table th{text-align:left;padding:14px 16px;font-size:13px;color:#6b7280;border-bottom:1px solid #e5e5e5}.booking-table td{padding:16px;border-bottom:1px solid #e5e5e5;font-size:14px}.customer{grid-gap:10px;gap:10px;font-weight:500}.avatar,.customer{display:flex;align-items:center}.avatar{width:32px;height:32px;background:#dbeafe;color:#2563eb;justify-content:center;border-radius:50%}.charger{font-size:13px}.charger,.duration{color:#374151}.status{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500}.status.confirmed{background:#d1fae5;color:#065f46}.status.pending{background:#fef3c7;color:#92400e}.status.cancelled{background:#fee2e2;color:#991b1b}.actions{display:flex;grid-gap:10px;gap:10px}.icon{cursor:pointer}.icon.success{color:#16a34a}.icon.danger{color:#dc2626}.booking-table tbody tr:hover{background:#f9fafb}.reservation-list{background:#fff;border:1px solid #e5e5e5;padding:24px;border-radius:12px}.reservation-list__title{font-size:18px;margin-bottom:18px}.reservation-list__items{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.reservation-item{display:flex;justify-content:space-between;align-items:center;padding:14px;border-radius:10px;background:#eff6ff;border:1px solid #bedbff}.reservation-item__title{font-weight:600}.reservation-item__meta{font-size:13px;color:#64748b}.reservation-item__state{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500;display:inline-block}.reservation-status--success{background-color:#e6f7e6;color:#2e7d32;border:1px solid #2e7d32}.reservation-status--warning{background-color:#fff7e6;color:#d46b08;border:1px solid #d46b08}.reservation-status--danger{background-color:#fff1f0;color:#cf1322;border:1px solid #cf1322}.reservation-status{margin-left:8px;padding:2px 8px;font-size:11px;border-radius:6px}.reservation-status--success{background:#dcfce7;color:#16a34a}.assigned-station{background-color:#fff;width:100%;height:auto}.assignedstation__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.assignedstation__header .assignstation-action{display:flex;grid-gap:20px;gap:20px;padding:16px;border-radius:16px}.assignedstation__header .assignstation-action .assignstation-btnsave,.assignedstation__header .assignstation-action .assignstation-btnsavechange{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:10px 22px;border-radius:12px;border:none;font-weight:500;cursor:pointer;transition:all .2s ease}.assignedstation__header .assignstation-action .assignstation-btnsave{background:#fff;color:#000;border:1px solid #c7d7f3}.assignedstation__header .assignstation-action .assignstation-btnsave:hover{background:#f5f8ff;border-color:#155dfc;color:#155dfc;transform:translateY(-1px);box-shadow:0 4px 10px rgba(21,93,252,.15)}.assignedstation__header .assignstation-action .assignstation-btnsavechange{background:#155dfc;color:#fff}.assignedstation__header .assignstation-action .assignstation-btnsavechange:hover{background:#0e4edb;transform:translateY(-1px);box-shadow:0 4px 12px rgba(21,93,252,.3)}.assigned-sattioncard{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-bottom:30px}.assigned-sattion-card{background:#fff;border:1px solid #e5e5e5;padding:20px;border-radius:12px;display:flex;justify-content:space-between;align-items:flex-start;cursor:pointer}.assigned-sattion-card.active{background:#1f6eff;border:1px solid #1f6eff}.assigned-sattion-card.active .assignedstation__desc,.assigned-sattion-card.active .assignedstation__title,.assigned-sattion-card.active .assignedstation__value{color:#fff}.assignedstation-content .assignedstation__desc,.assignedstation-content .assignedstation__title,.total-card .assignedstation__value{color:#000}.assigned-card .assignedstation__value{color:#00b96b}.unassigned-card .assignedstation__value{color:#fa8c16}.assignedstation-config{background:#fff;border:1px solid #e5e5e5;border-radius:20px;padding:30px;margin-top:30px}.charger-config__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.btn-create-assignment{display:flex;align-items:center;grid-gap:8px;gap:8px;background:#4f46e5;color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,box-shadow .2s ease}.btn-create-assignment:hover{background:#4338ca;box-shadow:0 4px 12px rgba(79,70,229,.3)}.btn-create-assignment:disabled{background:#c7d2fe;cursor:not-allowed;box-shadow:none}.charger-config__title{margin:0;font-size:22px;font-weight:600;margin-bottom:24px}.charger-card{background:#fff;border-radius:14px;padding:22px;display:grid;grid-template-columns:minmax(260px,1fr) 80px 1fr auto;align-items:center;grid-gap:24px;gap:24px;border:1px solid #e2e8f0;margin-bottom:20px}.charger-card__left{display:flex;grid-gap:16px;gap:16px;align-items:center;min-width:0}.charger-icon{width:52px;height:52px;min-width:52px;min-height:52px;background:#2563eb;color:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.charger-icon svg{width:22px;height:22px}.charger-name{font-weight:600;font-size:16px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.charger-id{font-size:13px;color:#64748b}.charger-badge{background:#f1f5f9;padding:4px 8px;border-radius:8px;font-size:12px;margin-left:8px}.action-assign{grid-gap:16px;gap:16px;width:100%;box-sizing:border-box;padding:12px 16px;border-radius:10px;justify-self:stretch}.action-assign,.charger-link{display:flex;align-items:center}.charger-link{font-size:18px;color:#94a3b8;justify-content:center;flex-shrink:0}.charger-station{display:grid;grid-template-columns:1fr;grid-gap:4px;gap:4px;min-width:0;width:100%}.charger-station label{font-size:13px;margin-bottom:4px;color:#475569}.charger-station select{width:100%;padding:10px;border-radius:10px;border:1px solid #d1d5db;font-size:14px;background:#fff}.charger-status{display:inline-flex;align-items:center;padding:2px 5px;border-radius:999px;font-size:13px;font-weight:500;justify-self:end}.charger-status--assigned{background:#dcfce7;color:#166534}.charger-status--unassigned{background:#ffedd4;color:#b91c1c}.station-overview{padding:30px}.station-overview__title{font-size:18px;font-weight:600;margin-bottom:20px}.station-overview__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.station-card{background:#f8fbff;border:1px solid #c7d7f3;border-radius:12px;padding:18px}.station-card__header{display:flex;align-items:center;grid-gap:12px;gap:12px;margin-bottom:14px}.station-card__icon{width:38px;height:38px;background:#2563eb;color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center}.station-card__name{font-weight:600;font-size:15px}.station-card__area{font-size:12px;color:#64748b}.station-card__stats{display:flex;justify-content:space-between;margin-bottom:12px;font-size:13px}.station-card__count{font-weight:600;color:#1d4ed8}.station-card__chargers{display:flex;flex-direction:column;grid-gap:6px;gap:6px}.station-card__charger{background:#eef2f7;border-radius:6px;padding:6px 10px;font-size:12px}.station-card__empty{font-size:12px;color:#94a3b8;font-style:italic}.con-unassigned{background-color:#fff7ed;border:1px solid #ffd6a7;padding:16px 20px;border-radius:20px;margin-top:30px}.con-unassigned .unassigned-header{display:flex;align-items:flex-start;grid-gap:12px;gap:12px}.con-unassigned .unassigned-icon{width:38px;height:38px;background:#f97316;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px}.con-unassigned .unassigned-text{display:flex;flex-direction:column}.con-unassigned .unassigned-text h3{margin:0;font-size:15px}.con-unassigned .txt-unassigned-detail{margin:1px 0 0;color:#e5997a;font-size:12px}.con-unassigned .unassigned-detail{margin-top:6px}.con-unassigned .unassigned-detail .txt-unassigned-detail{color:#e5997a;font-size:15px}.con-unassigned .des-unassigned{margin-top:12px;display:flex;flex-wrap:wrap;grid-gap:10px;gap:10px}.con-unassigned .des-txt{background:#ffedd4;padding:3px 8px;border-radius:30px;font-size:14px;color:#9a3412;font-weight:500}.popular-locations{padding:32px;width:100%;background-color:#fff;margin:0;font-family:Arial,Helvetica,sans-serif}.popular-locations__header{display:flex;flex-direction:column;grid-gap:6px;gap:6px}.popular-locations__title{margin:0;font-size:22px;font-weight:700}.popular-locations__subtitle{font-size:13px;color:#777}.popular-locations__cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-top:24px}.location-card{border-radius:12px;padding:20px;border:2px solid transparent;background:#f8f8f8;display:flex;flex-direction:column;grid-gap:14px;gap:14px}.location-card__top{display:flex;align-items:center;grid-gap:12px;gap:12px}.location-card__rank{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.location-card__title{flex:1 1}.location-card__title h3{margin:0;font-size:16px}.location-card__title span{font-size:13px;color:#777}.location-card__trophy{font-size:18px}.location-card__body{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.location-card__row{display:flex;justify-content:space-between;font-size:14px}.ranking-table{margin-top:32px;background:#fff;border-radius:12px;padding:24px;border:1px solid #e5e7eb}.ranking-table__title{font-size:18px;font-weight:600;margin-bottom:18px}.ranking-table__table{width:100%;border-collapse:collapse}.ranking-table__table th{text-align:left;font-size:13px;padding:12px 10px;border-bottom:1px solid #e5e7eb;color:#555}.ranking-table__table td{padding:14px 10px;border-bottom:1px solid #f0f0f0;font-size:14px}.rank-badge,.station{font-weight:600}.rank-badge{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.score{padding:4px 10px;border-radius:10px;font-size:12px}.con-graph-popular{margin-top:32px;display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.con-multi-metric,.con-Popularity{background:#fff;border-radius:12px;padding:24px;border:1px solid #e5e7eb}.header-multi-metric,.header-Popularity{margin-bottom:18px}.header-multi-metric h3,.header-Popularity h3{margin:0;font-size:17px;font-weight:600}.header-multi-metric p,.header-Popularity p{margin-top:4px;font-size:13px;color:#6b7280}.radar-chart-container{width:100%;height:360px;transition:.3s ease}.popularbarchart{width:100%}.station-summary{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.summary-card{background:#fff;padding:20px;border-radius:12px;border:2px solid transparent}.summary-label{font-size:13px;color:#6b7280;margin-bottom:8px}.summary-title{font-size:20px;margin:0;font-weight:600}.summary-desc{margin-top:8px;font-size:14px}.summary-extra{display:block;margin-top:14px;font-size:12px}@media(max-width:1100px){.con-graph-popular,.popular-locations__cards,.station-summary{grid-template-columns:1fr}}.location-card--gold{background:#f7f1d3;border-color:#f1c40f}.location-card--silver{background:#f1f2f6;border-color:#cfd4da}.location-card--bronze{background:#f6eadf;border-color:#f39c12}.location-card--gold .location-card__rank{background:#f1c40f}.location-card--silver .location-card__rank{background:#cfd4da}.location-card--bronze .location-card__rank{background:#f39c12}.text-success{color:#2ecc71}.text-primary{color:#1e6fff}.text-purple{color:#8e44ad}.time{color:#7b00ff}.reservation{color:#05f}.revenue{color:#094;font-weight:600}.gold{background:#f6e6a9}.silver{background:#e4e7eb}.bronze{background:#f3d6b3}.normal{background:#eef2f6}.score.high{background:#b8f0c9}.score.medium{background:#c9d8ff}.score.low{background:#e5e5e5}.summary-card--popular{border-color:#fbbf24}.summary-card--growth{border-color:#60a5fa}.summary-card--satisfaction{border-color:#a78bfa}.green{color:#16a34a}.con-aireporting{background-color:#fff}.aireporting__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.aireporting__header .aireporting-action{display:flex;grid-gap:20px;gap:20px;padding:16px;border-radius:16px}.aireporting__header .aireporting-action .aireporting-btnsave,.aireporting__header .aireporting-action .aireporting-btnsavechange{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:10px 22px;border-radius:12px;border:none;font-weight:500;cursor:pointer;transition:all .2s ease}.aireporting__header .aireporting-action .aireporting-btnsave{background:#fff;color:#000;border:1px solid #c7d7f3}.aireporting__header .aireporting-action .aireporting-btnsave:hover{background:#f5f8ff;border-color:#155dfc;color:#155dfc;transform:translateY(-1px);box-shadow:0 4px 10px rgba(21,93,252,.15)}.aireporting__header .aireporting-action .aireporting-btnsavechange{background:#155dfc;color:#fff}.aireporting__header .aireporting-action .aireporting-btnsavechange:hover{background:#0e4edb;transform:translateY(-1px);box-shadow:0 4px 12px rgba(21,93,252,.3)}.repoting-card{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;margin-bottom:30px}.aireporting-card{background:#a537ff;padding:20px;border-radius:12px;border:2px solid transparent;display:flex;justify-content:space-between;align-items:flex-start}.assignedstation-content{display:flex;flex-direction:column}.assignedstation__title{font-size:13px;color:#fff}.assignedstation__value{font-size:26px;font-weight:600;margin:6px 0;color:#fff}.assignedstation__desc{font-size:13px;color:#fff}.assignedstation-icon{font-size:26px;color:#fff;padding:5px 10px;border-radius:12px;background-color:#4988ff}.ai-insights{background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:20px}.insight-title{font-size:16px;margin-bottom:15px;font-weight:600}.insight-card{border:1px solid #e6e6e6;border-radius:8px;padding:16px;margin-bottom:14px;background:#fafafa}.insight-header{display:flex;justify-content:space-between;align-items:flex-start}.insight-left{display:flex;grid-gap:12px;gap:12px}.icon{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.icon.green{background:#e6f6ea;color:#1e9b4c}.icon.red{background:#fdeaea;color:#d33}.insight-main{font-weight:600;font-size:14px;margin-bottom:4px}.insight-desc{font-size:12px;color:#666;margin-bottom:10px}.badge{font-size:10px;padding:2px 6px;border-radius:4px;margin-left:6px}.badge.red{background:#ffd6d6;color:#c00}.badge.orange{background:#ffe3c4;color:#c06500}.badge.gray{background:#ececec;color:#666}.confidence{display:flex;align-items:center;grid-gap:8px;gap:8px;font-size:11px}.bar{width:120px;height:6px;background:#eee;border-radius:10px;overflow:hidden}.bar-fill{height:100%}.bar-fill.green{background:#2ecc71}.apply-btn{border:1px solid #ccc;background:#fff;border-radius:6px;padding:4px 10px;font-size:12px;cursor:pointer}.apply-btn:hover{background:#f3f3f3}.recommend{margin-top:12px;background:#f3eaff;border:1px solid #d8c9ff;padding:8px;border-radius:6px;font-size:12px;color:#444}.analytics-section{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;margin-top:30px}.analytics-card{background:#fff;justify-content:space-between;border:1px solid #e5e7eb;border-radius:14px;padding:24px}.card-header h3{margin:0;font-size:18px;font-weight:600}.card-header p{margin-top:6px;font-size:13px;color:#6b7280}.chart-area{margin-top:20px}.ai-insight{margin-top:50px;background:#f5f0ff;border:1px solid #ddd6fe;padding:12px 16px;border-radius:8px;font-size:13px;color:#6b21a8}.impact-metrics{display:flex;grid-gap:14px;gap:14px;margin-top:20px}.metric{flex:1 1;padding:14px;border-radius:8px;text-align:center;border:1px solid transparent}.metric p{font-size:12px;margin:0}.metric h4{margin-top:6px;font-size:18px}.metric.green{background:#ecfdf5;border-color:#bbf7d0;color:#047857}.metric.blue{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.metric.purple{background:#f5f3ff;border-color:#ddd6fe;color:#7c3aed}@media(max-width:900px){.analytics-section{grid-template-columns:1fr}}.ai-analysis-card{background:#f5f3ff;border:1px solid #d8b4fe;border-radius:14px;padding:20px 24px;margin-top:30px}.ai-analysis-left{display:flex;grid-gap:18px;gap:18px;align-items:flex-start}.ai-icon{width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff}.ai-text h3{margin:0;font-size:18px;font-weight:600}.ai-text p{margin-top:6px;font-size:13px;color:#374151;line-height:1.6}.ai-meta{margin-top:12px;display:flex;grid-gap:80px;gap:80px;font-size:13px;color:#6b7280}.ai-meta b{color:#111827}.ownership-plans-container{width:100%;margin:2rem auto;font-family:"Inter",sans-serif;color:#111}.ownership-header{display:flex;align-items:center;grid-gap:12px;gap:12px;margin-bottom:20px}.ownership-header h1{margin:0;font-size:2rem;font-weight:600}.back-button{padding:4px 10px;color:#000;border:1px solid #d9d9d9;border-radius:25px;height:32px}.ownership-plans-container h1{font-size:2rem;font-weight:600}.form-container{display:flex;flex-direction:column;background-color:#fff;border-radius:20px;grid-gap:15px;gap:15px}.form-section{position:relative;padding:20px 30px;border:1px solid #d9d9d9;box-shadow:0 2px 4px rgba(0,0,0,.1);background-color:#fff;border-radius:15px}.form-section h2{font-size:1.2rem;margin-bottom:1rem;color:#555}label{display:flex;flex-direction:column;flex:1 1 200px;font-size:.9rem;color:#333}input,select{height:38px;box-sizing:border-box;margin-top:.3rem;padding:.6rem .8rem;border:1px solid #ccc;border-radius:6px;font-size:.95rem;transition:border .2s}input:focus,select:focus{border-color:#007bff;outline:none}.phone-input{width:100%}.country-box{display:flex;align-items:center;grid-gap:6px;gap:6px;border:1px solid #ccc;border-radius:6px;width:100%;height:38px;padding:0 .8rem;box-sizing:border-box}.country-box input{flex:1 1;border:none;outline:none;font-size:.95rem;height:100%}.flag-icon{width:20px;height:auto}.country-code{font-weight:500}.phone-input span{margin-right:.5rem}.file-upload .file-drop{margin-top:.5rem;padding:1.5rem;border:2px dashed #ccc;border-radius:8px;text-align:center;color:#999;cursor:pointer;transition:border-color .2s,color .2s}.file-upload .file-drop:hover{border-color:#007bff;color:#007bff}.form-row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.full-width{grid-column:span 2}.date-input{position:relative;display:flex;align-items:center}.custom-date-picker{width:100%}.custom-date-picker.ant-picker{border:1px solid #ccc;border-radius:6px;height:38px;display:flex;align-items:center}.custom-date-picker .ant-picker-input>input{font-size:.95rem}.custom-date-picker.ant-picker:focus-within{border-color:#007bff;box-shadow:none}.ant-picker{box-shadow:none!important}.date-input input{width:100%;padding:.6rem 2.5rem .6rem .8rem;border:1px solid #ccc;border-radius:6px;font-size:.95rem}.calendar-icon{position:absolute;right:10px;pointer-events:none}.duration-input{position:relative;display:flex;align-items:center}.duration-input input{height:38px;width:100%;padding:.6rem 3.5rem .6rem .8rem;border:1px solid #ccc;border-radius:6px;font-size:.95rem}.duration-input .unit{position:absolute;right:10px;color:#666;font-size:.9rem;pointer-events:none}.payment-card{flex:1 1;min-width:0;border-radius:12px;padding:16px}.payment-card-depositAmount{flex:1 1;min-width:0;padding:16px;border-top:1px solid #d9d9d9}.payment-title{font-weight:600;margin-bottom:6px;font-size:15px}.payment-amount{color:#555;margin-bottom:8px;font-size:14px}.payment-status-row{display:flex;align-items:center;grid-gap:16px;gap:16px}.status-radio-group{grid-gap:20px;gap:20px;padding:8px}.status-radio-group,.status-radio-item{display:flex;flex-direction:row;align-items:center}.status-radio-item{grid-gap:4px;gap:4px}.ant-radio-group{display:flex;align-items:center;grid-gap:12px;gap:12px}.ant-radio-wrapper{display:flex;align-items:center;grid-gap:4px;gap:4px}.status-label{font-size:14px;color:#555;min-width:50px}.radio-item{display:inline-flex!important;flex-direction:row!important;align-items:center;grid-gap:6px;gap:6px;cursor:pointer}.radio-item,.radio-item span{white-space:nowrap}.action-createplan{display:flex;justify-content:flex-start;grid-gap:12px;gap:12px;margin-top:16px;flex-wrap:wrap}.action-createplan button{padding:8px 16px;border-radius:8px;text-align:center;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;border:none}.action-createplan button:first-child,.action-createplan button[type=primary]{background-color:#155dfc;color:#fff;box-shadow:0 3px 8px rgba(79,70,229,.3)}.action-createplan button:first-child:hover,.action-createplan button[type=primary]:hover{transform:translateY(-2px);box-shadow:0 5px 12px rgba(79,70,229,.4)}.action-createplan button:last-child{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.action-createplan button:last-child:hover{background:#e5e7eb;transform:translateY(-2px)}.action-createplan button:active{transform:scale(.97)}.ev-reservation{padding:0;margin:0;color:#1e293b}.ev-reservation__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.ev-reservation__title{font-size:24px;font-weight:600}.ev-reservation__subtitle{font-size:14px;color:#64748b}.ev-reservation__stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;margin-bottom:30px}.ev-card{background:#fff;padding:20px;border-radius:12px;border:1px solid #e5e5e5}.ev-card__title{font-size:13px;color:#64748b}.ev-card__value{font-size:26px;font-weight:600;margin:6px 0}.ev-card__desc{font-size:13px;color:#64748b}.ev-table{background:#fff;border:1px solid #e5e5e5;padding:24px;border-radius:12px;margin-bottom:30px}.ev-table__title{font-size:18px;font-weight:600}.ev-table__controls{display:flex;justify-content:space-between;margin-bottom:20px}.ev-table__search{width:300px;padding:8px 10px;border:1px solid #e2e8f0;border-radius:8px}.ev-table__filters{display:flex;grid-gap:10px;gap:10px}.ev-table__filter{padding:6px 12px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;cursor:pointer}.ev-list{background:#fff;border:1px solid #e5e5e5;padding:24px;border-radius:12px}.ev-list__title{font-size:18px;margin-bottom:18px}.ev-list__items{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.ev-item{display:flex;justify-content:space-between;align-items:center;padding:14px;border-radius:10px;background:#eff6ff;border:1px solid #bedbff}.ev-item__title{font-weight:600}.ev-item__meta{font-size:13px;color:#64748b}.ev-item__state{font-weight:600}.ev-status{margin-left:8px;padding:2px 8px;font-size:11px;border-radius:6px}.ev-status--success{background:#dcfce7;color:#16a34a}.motorcycle-sub{padding:0;margin:0;color:#1e293b}.motorcycle-sub__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.motorcycle-sub__header .motorcycle-sub__actions Button{border-radius:10px}.motorcycle-sub__title{font-size:24px;font-weight:600}.motorcycle-sub__subtitle{font-size:14px;color:#64748b}.motorcycle-sub__stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;margin-bottom:30px}.motorcycle-card{background:#fff;padding:20px;border-radius:12px;border:1px solid #e5e5e5}.moto-rent-metrics{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:22px;gap:22px;margin-bottom:22px}.moto-rent-card{display:flex;justify-content:space-between;align-items:center;padding:15px;border-radius:14px;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.04)}.moto-rent-card__label{font-size:13px;color:#64748b}.moto-rent-card__value{font-size:28px;margin-top:8px}.moto-rent-card__trend{font-size:14px;margin-top:4px}.moto-rent-card__description{font-size:14px;color:#64748b}.moto-rent-card__icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.moto-rent-card__icon--blue{background:#e0ecff;color:#2563eb}.moto-rent-card__icon--green{background:#dcfce7;color:#16a34a}.moto-rent-card__icon--purple{background:#f3e8ff;color:#9333ea}.moto-rent-card__icon--green{background:#dbfce7;color:#00a63e}.moto-rent-card--revenue{border:2px solid #3b82f6}.moto-rent-card--sessions{border:2px solid #fb2c36}.moto-rent-card--average{border:2px solid #a855f7}.moto-rent-card--average2{border:2px solid #03c953}.motorcycle-card__title{font-size:13px;color:#64748b}.motorcycle-card__value{font-size:26px;font-weight:600;margin:6px 0}.motorcycle-card__desc{font-size:13px;color:#64748b}.motorcycle-table{background:#fff;border:1px solid #e5e5e5;padding:24px;border-radius:12px;margin-bottom:30px}.motorcycle-table__title{font-size:18px;font-weight:600}.motorcycle-table__controls{display:flex;justify-content:space-between;margin-bottom:20px}.motorcycle-table__search{width:300px;padding:8px 10px;border:1px solid #e2e8f0;border-radius:8px}.motorcycle-table__filters{display:flex;align-items:center;grid-gap:12px;gap:12px}.filter-label{display:flex;align-items:center;grid-gap:6px;gap:6px;font-weight:500;color:#555}.filter-dropdown{width:130px}.filter-dropdown .ant-select-selector{height:36px!important;border-radius:8px!important;display:flex;align-items:center}.ant-select-selector:hover{border-color:#4096ff!important}.motorcycle-table__filter{padding:6px 12px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;cursor:pointer}.motorcycle-list{background:#fff;border:1px solid #e5e5e5;padding:24px;border-radius:12px}.motorcycle-list__title{font-size:18px;margin-bottom:18px}.motorcycle-list__items{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.motorcycle-item{display:flex;justify-content:space-between;align-items:center;padding:14px;border-radius:10px;background:#eff6ff;border:1px solid #bedbff}.motorcycle-item__title{font-weight:600}.motorcycle-item__meta{font-size:13px;color:#64748b}.motorcycle-item__state{font-weight:600}.motorcycle-status{margin-left:8px;padding:2px 8px;font-size:11px;border-radius:6px}.motorcycle-status--success{background:#dcfce7;color:#16a34a}.details-container{font-family:Arial,sans-serif}.details-wrapper{display:flex;justify-content:space-between;grid-gap:20px;gap:20px;margin:0 auto;padding:20px}.left-section{flex:2 1}.right-section{display:flex;flex-direction:column;margin-top:20px}.right-section .contact-support-section{background:#fff;border:1px solid #e5e7eb;box-shadow:none;display:flex;flex-direction:column;grid-gap:16px;gap:16px}.right-section h3{font-size:18px;font-weight:600;margin:0;color:#1f2937}.right-section .contact-summary-item{display:flex;justify-content:space-between;align-items:center;font-size:14px}.right-section .contact-summary-item p{margin:0}.right-section .contact-summary-item p:first-child{color:#6b7280}.right-section .contact-summary-item p:last-child{font-weight:600;color:#111827}.right-section .contact-summary-complete{display:flex;justify-content:space-between;align-items:center;padding-top:12px;margin-top:6px;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.right-section .contact-summary-complete p{margin:0;font-weight:500}.right-section .contact-summary-complete p:last-child{color:#2563eb;font-weight:600}.right-section .contact-support-section>p{font-size:14px;color:#4b5563;margin:0;line-height:1.5}.right-section .contact-support-item{display:flex;align-items:center;grid-gap:10px;gap:10px;font-size:14px;color:#374151}.right-section .contact-support-item p{margin:0}.right-section .contact-support-item p:first-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:transparent;color:#6b7280;font-size:16px}.right-section .contact-support-section hr{border:none;border-top:1px solid #d1d5db;margin:12px 0}.right-section .contact-support-chat{display:flex;flex-direction:column;grid-gap:10px;gap:10px;margin-top:10px}.right-section .contact-support-chat p{font-size:14px;font-weight:500;margin:0;color:#1f2937}.right-section .live-chat-button{width:100%;padding:12px;border-radius:10px;border:none;background:#2563eb;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.right-section .live-chat-button:hover{background:#1d4ed8}.header-section{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:16px}.header-section p{font-size:20px;margin:0;cursor:pointer;transition:color .2s}.back-button{display:flex;align-items:center;grid-gap:8px;gap:8px;background-color:#fff;color:#0048b3;padding:10px 20px;border:1px solid #0048b3;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s,transform .1s}.contract-title{font-size:24px;font-weight:700}.plate-number{font-size:14px;color:#777}.contract-details-section{display:flex;flex-direction:column;margin-top:24px;padding:10px;border-radius:12px;background-color:#fff;border:1px solid #e5e7eb;grid-gap:20px;gap:20px}.contract-details-section .con-detaildetails-sections{display:flex;grid-gap:20px;gap:20px;align-items:center}.motorcycle-image{width:250px;height:170px;object-fit:cover;margin-right:20px}.contract-details-info{flex:1 1;display:flex;flex-direction:column;grid-gap:6px;gap:6px}.contract-details-info h3{font-size:20px;margin:0}.contract-details-info .action-contract-share{display:flex;grid-gap:16px;gap:16px;justify-content:left;margin-top:16px}.contract-details-info .action-contract-share button{display:inline-flex;align-items:center;grid-gap:8px;gap:8px;padding:10px 20px;font-size:16px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .3s ease;border:2px solid #0048b3;background-color:#fff;color:#0048b3}.contract-details-info .action-contract-share button:hover{background-color:#0048b3;color:#fff;box-shadow:0 4px 12px rgba(0,72,179,.3)}.contract-details-info h3{font-size:22px;margin-bottom:10px}.detailPersonal-metrics{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-bottom:10px}.detailPersonal-card{display:flex;justify-content:space-between;align-items:center;padding:4px 6px;border-radius:14px;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.04);height:120px;box-sizing:border-box}.metric-card__label{font-size:15px;color:#64748b}.metric-card__value{font-size:16px;margin-top:2px}.metric-card__description,.metric-card__trend{font-size:12px;margin-top:1px}.positive{color:#16a34a}.metric-card__icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.metric-card__icon--blue{background:#e0ecff;color:#2563eb}.metric-card__icon--green{background:#dcfce7;color:#16a34a}.metric-card__icon--purple{background:#f3e8ff;color:#9333ea}.metric-detailPersonal-card--revenue{border:2px solid #00c950}.metric-card--sessions{border:2px solid #fb2c36}.metric-card--average{border:2px solid #ad46ff}.metric-card--averageremining{border:2px solid #6a7282}.contract-summary,.deposit-info{margin:10px 0}.payment-summary-section{margin-top:30px}.payment-status-section{display:flex;grid-gap:12px;gap:12px;margin-bottom:10px;border-top:1px solid #eee;padding-top:16px}.payment-status-card{flex:1 1;background-color:#fff;border-radius:12px;padding:10px 12px;display:flex;align-items:center;grid-gap:10px;gap:10px;min-width:0}.card-icon{font-size:18px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f3f5f7;border-radius:10px;flex-shrink:0}.card-content{display:flex;flex-direction:column;align-items:flex-start;flex:1 1;text-align:left;min-width:0}.payment-status-card h3{font-size:12px;font-weight:500;color:#888;margin:0}.card-content p:first-of-type{font-size:14px;font-weight:600;color:#111;margin:2px 0 0}.card-content p:last-of-type{font-size:12px;color:#999;margin:2px 0 0}.payment-history-section{margin-top:30px}.header-history-section label{font-size:20px;font-weight:500}.payment-history-item{background:#fff;padding:20px;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:16px;display:flex;flex-direction:column;grid-gap:12px;gap:12px;font-family:sans-serif}.payment-header{display:flex;justify-content:space-between;align-items:center}.payment-header h3{margin:0;font-size:16px;font-weight:600}.payment-amount{font-size:16px;font-weight:600;color:#1a4ed1}.payment-details{display:flex;grid-gap:24px;gap:24px;flex-wrap:wrap;justify-content:space-between}.payment-detail{display:flex;flex-direction:column}.payment-detail .label{font-size:12px;color:#666}.payment-detail .value{font-size:14px;font-weight:500}.payment-detail small{font-size:11px;color:#888;margin-top:2px}.status.paid{background-color:#c6f6d5;color:#276749}.status.paid,.status.unpaid{padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;display:inline-block}.status.unpaid{background-color:#fed7d7;color:#9b2c2c}.payment-breakdown{font-size:13px;color:#1a4ed1;text-decoration:none;cursor:pointer}.contact-support-section{margin-top:70px;text-align:center;padding:20px;border-radius:8px;border:1px solid #e0e0e0}.live-chat-button{width:100%;padding:12px;border-radius:10px;border:none;background:#2563eb;color:#fff;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;transition:all .2s ease}.contract-summary p,.deposit-info p{margin:5px 0}.payment-history-section,.payment-summary-section{margin-top:30px}.hide-sidebar .side-menu{display:none!important}.hide-sidebar .site-layout{margin-left:0!important}.hide-sidebar .ant-layout-sider{display:none!important}.payment-container{width:100%;margin:auto;padding:32px 24px;font-family:"DM Sans","Inter",sans-serif;min-height:100vh;color:#0d1a3a;position:relative}.payment-container:before{content:"";position:fixed;top:-180px;left:-180px;width:520px;height:520px;background:radial-gradient(circle,rgba(26,111,255,.07) 0,transparent 70%);pointer-events:none;z-index:0}.payment-title{font-size:24px;font-weight:800;color:#0d1a3a;letter-spacing:-.4px;margin-bottom:28px}.payment-title span{color:#1a6fff}.payment-layout{display:grid;grid-template-columns:2fr 1fr;grid-gap:24px;gap:24px;margin-top:8px;position:relative;z-index:1}@media(max-width:720px){.payment-layout{grid-template-columns:1fr}}.left-column{grid-gap:16px;gap:16px}.left-column,.right-column{display:flex;flex-direction:column}.motorcycle-card{height:260px;border-radius:20px;overflow:hidden;position:relative;box-shadow:0 2px 16px rgba(26,111,255,.07);border:1px solid rgba(26,111,255,.12);transition:box-shadow .25s}.motorcycle-card:hover{box-shadow:0 6px 28px rgba(26,111,255,.13)}.motorcycle-card:hover .motorcycle-img{transform:scale(1.04)}.motorcycle-img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;filter:brightness(.88)}.motorcycle-overlay{position:absolute;bottom:0;width:100%;padding:20px;background:linear-gradient(0deg,rgba(13,26,58,.85),transparent);color:#fff}.motorcycle-overlay h3{margin:0;font-size:18px;font-weight:700}.motorcycle-overlay p{margin-top:4px;font-size:13px;opacity:.8;display:flex;align-items:center;grid-gap:6px;gap:6px}.motorcycle-overlay p:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade80}.contract-info{background:#fff;padding:22px;border-radius:20px;border:1px solid rgba(26,111,255,.12);box-shadow:0 2px 16px rgba(26,111,255,.07);display:flex;flex-direction:column;grid-gap:0;gap:0;transition:box-shadow .25s}.contract-info:hover{box-shadow:0 6px 28px rgba(26,111,255,.13)}.contract-info p{margin:0;font-size:14px;color:#4a5a80;display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(26,111,255,.07)}.contract-info p:last-child{border-bottom:none;padding-bottom:0}.contract-info p strong{color:#0d1a3a;font-weight:600;min-width:130px}.payment-box{background:#fff;padding:24px;border-radius:20px;border:1px solid rgba(26,111,255,.12);box-shadow:0 2px 16px rgba(26,111,255,.07);position:sticky;top:24px;transition:box-shadow .25s}.payment-box:hover{box-shadow:0 6px 28px rgba(26,111,255,.13)}.payment-amount{font-size:13px;color:#6b83b0;font-weight:500;letter-spacing:.3px}.payment-amount span{display:block;font-size:40px;font-weight:800;color:#1a6fff;margin-top:4px;letter-spacing:-1.5px;line-height:1}.payment-amount small{display:block;font-size:12px;color:#6b83b0;margin-top:4px}.payment-cycles{margin-top:20px;display:flex;flex-direction:column;grid-gap:10px;gap:10px}.payment-cycles__track{height:6px;background:#e8f2ff;border-radius:100px;overflow:hidden;margin-bottom:4px}.payment-cycles__track-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,#0050d8,#1a6fff);transition:width .8s ease}.payment-cycles p{margin:0;font-size:13px;color:#4a5a80;display:flex;justify-content:space-between;align-items:center;background:#e8f2ff;padding:9px 13px;border-radius:10px;border:1px solid rgba(26,111,255,.12)}.payment-cycles p strong{color:#0d1a3a;font-weight:600}.payment-cycles p.highlight-paid strong+*{color:#1a6fff;font-weight:700}.payment-cycles p.highlight-remain strong+*{color:#dc2626;font-weight:700}.payment-button{margin-top:20px;width:100%;padding:15px;border-radius:14px;border:none;background:linear-gradient(135deg,#0050d8,#1a6fff);color:#fff;font-size:15px;font-weight:700;cursor:pointer;letter-spacing:.2px;display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.payment-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.15),transparent);opacity:0;transition:opacity .2s}.payment-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(26,111,255,.28)}.payment-button:hover:before{opacity:1}.payment-button:active{transform:translateY(0)}.payment-button.processing{background:#d1dff7;color:#6b83b0;cursor:not-allowed;box-shadow:none;transform:none}.spinner{width:20px;height:20px;border:3px solid hsla(0,0%,100%,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.modal-overlay{position:fixed;inset:0;background:rgba(13,26,58,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;z-index:9999;animation:fadeIn .2s ease}.modal-content,.modal-overlay{display:flex;align-items:center}.modal-content{width:400px;max-width:95%;padding:28px 24px;border:1px solid rgba(26,111,255,.12);box-shadow:0 20px 60px rgba(26,111,255,.15),0 4px 16px rgba(13,26,58,.08);flex-direction:column;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}.modal-content h3{margin-bottom:16px;font-size:18px;font-weight:800;color:#0d1a3a;letter-spacing:-.3px}.modal-content .modal-body-vertical{width:100%;display:flex;flex-direction:column;align-items:flex-start;grid-gap:16px;gap:16px}.modal-content .modal-body-vertical .payment-info{width:100%;background:#e8f2ff;border-radius:14px;padding:14px 16px;border:1px solid rgba(26,111,255,.12)}.modal-content .modal-body-vertical .payment-info p{display:flex;justify-content:space-between;margin:6px 0;font-size:13px;color:#4a5a80}.modal-content .modal-body-vertical .payment-info p strong{color:#0d1a3a;font-weight:600}.modal-content .modal-body-vertical .payment-info p span{margin-left:8px;font-weight:500;color:#0d1a3a}.modal-content .qr-container{width:100%;display:flex;justify-content:center;align-items:center}.modal-content .qr-container .qr-frame{width:100%;max-width:340px;aspect-ratio:1/1;border:none;border-radius:14px;background:#e8f2ff;box-shadow:inset 0 0 0 1px rgba(26,111,255,.12)}@keyframes slideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.close-modal{margin-top:16px;width:100%;padding:12px;border:1.5px solid rgba(26,111,255,.12);border-radius:14px;background:transparent;color:#1a6fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.close-modal:hover{background:#e8f2ff;border-color:#1a6fff}body.hide-sidebar [class*=sidebar],body.hide-sidebar aside,body.hide-sidebar nav[class*=sidebar]{display:none!important}.inventory-page{width:100%;font-family:"Inter",sans-serif;background:#fff}.inventory-page .header{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.inventory-page .header h1{font-size:26px;margin:0}.inventory-page .header p{color:#6b7280;margin:4px 0 0}.inventory-page .header .create-btn{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border:none;padding:10px 16px;border-radius:10px;font-weight:600;cursor:pointer;box-shadow:0 4px 10px rgba(59,130,246,.25);transition:all .2s ease;display:flex;align-items:center;grid-gap:6px;gap:6px}.inventory-page .header .create-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(59,130,246,.35)}.inventory-page .header .create-btn:active{transform:translateY(0)}.inventory-page .kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:15px;gap:15px;margin-bottom:20px}.inventory-page .kpi-grid .kpi{background:#fff;padding:18px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.05)}.inventory-page .kpi-grid .kpi h3{font-size:20px}.inventory-page .kpi-grid .kpi span{font-size:13px;color:#6b7280}.inventory-page .kpi-grid .available{border-left:4px solid #22c55e}.inventory-page .kpi-grid .reserved{border-left:4px solid #f59e0b}.inventory-page .kpi-grid .rented{border-left:4px solid #ef4444}.inventory-page .kpi-grid .total{border-left:4px solid #3b82f6}.inventory-page .kpi-grid .revenue{border-left:4px solid #8b5cf6}.inventory-page .filters{display:flex;flex-wrap:wrap;grid-gap:10px;gap:10px;margin-bottom:20px}.inventory-page .filters input,.inventory-page .filters select{padding:10px;border-radius:8px;border:1px solid #e5e7eb;background:#fff}.inventory-page .filters input[type=number]{width:120px}.inventory-page .inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:18px;gap:18px;margin-top:20px}.inventory-page .card{background:hsla(0,0%,100%,.8);border-radius:18px;padding:16px;box-shadow:0 10px 25px rgba(0,0,0,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .25s ease;position:relative;overflow:hidden}.inventory-page .card:hover{transform:translateY(-6px);box-shadow:0 15px 35px rgba(0,0,0,.12)}.inventory-page .card.available{border-left:5px solid #22c55e}.inventory-page .card.rented{border-left:5px solid #ef4444}.inventory-page .card.reserved{border-left:5px solid #f59e0b}.inventory-page .image-wrapper{position:relative;height:120px;margin-bottom:12px}.inventory-page .placeholder{height:100%;width:100%;border-radius:14px;background:linear-gradient(135deg,#e0f2fe,#f1f5f9);display:flex;align-items:center;justify-content:center}.inventory-page .initial{font-size:42px;font-weight:700;color:#3b82f6;text-transform:uppercase}.inventory-page .status-badge{position:absolute;top:10px;right:10px;padding:4px 10px;font-size:12px;border-radius:999px;background:rgba(0,0,0,.7);color:#fff}.inventory-page .info h3{font-size:16px;font-weight:600;margin-bottom:4px}.inventory-page .plate{font-size:13px;color:#64748b}.inventory-page .spec{margin-top:6px;font-size:13px;color:#334155}.inventory-page .actions{margin-top:12px}.inventory-page .view{width:100%;padding:8px;border-radius:10px;border:none;background:#3b82f6;color:#fff;font-weight:500;cursor:pointer;transition:.2s}.inventory-page .view:hover{background:#2563eb}.inventory-page .report-section{margin-top:40px;margin-bottom:40px}.inventory-page .report-section .export-buttons{display:flex;justify-content:flex-end;grid-gap:12px;gap:12px;margin-top:16px;margin-bottom:16px}.inventory-page .report-section .export-buttons .export{padding:8px 16px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.inventory-page .report-section .export-buttons .export.pdf{background-color:#ef4444;color:#fff}.inventory-page .report-section .export-buttons .export.pdf:hover{background-color:#dc2626}.inventory-page .report-section .export-buttons .export.excel{background-color:#16a34a;color:#fff}.inventory-page .report-section .export-buttons .export.excel:hover{background-color:#15803d}.inventory-page .report-section .report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:15px;gap:15px}.inventory-page .report-section .report-grid .report-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.05)}.inventory-page .pagination{margin-top:20px;display:flex;justify-content:center;grid-gap:10px;gap:10px}.inventory-page .pagination button{padding:6px 10px;border-radius:6px;border:1px solid #ddd;background:#fff}.inv-page{width:100%;font-family:"Inter",sans-serif;background:#fff;padding:24px;box-sizing:border-box}.inv-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.inv-title{font-size:22px;font-weight:700;margin:0;color:#111827}.inv-subtitle{font-size:13px;color:#6b7280;margin:3px 0 0}.inv-add-btn{background:#3b82f6;color:#fff;border:none;padding:10px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}.inv-add-btn:hover{background:#2563eb}.inv-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}@media(max-width:1024px){.inv-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.inv-kpi-grid{grid-template-columns:1fr}}.inv-kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 4px rgba(0,0,0,.04)}.inv-kpi-card.inv-kpi-indigo{border-color:#a5b4fc}.inv-kpi-card.inv-kpi-green{border-color:#86efac}.inv-kpi-card.inv-kpi-pink{border-color:#f9a8d4}.inv-kpi-card.inv-kpi-purple{border-color:#c4b5fd}.inv-kpi-body{display:flex;flex-direction:column;grid-gap:2px;gap:2px}.inv-kpi-label{font-size:12px;color:#6b7280;font-weight:500}.inv-kpi-value{font-size:28px;font-weight:700;color:#111827;line-height:1.2}.inv-kpi-sub{font-size:11px;color:#9ca3af}.inv-kpi-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.inv-insights-section{margin-bottom:24px}.inv-insights-title{font-size:15px;font-weight:600;color:#111827;margin:0 0 12px}.inv-insights-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}@media(max-width:1024px){.inv-insights-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.inv-insights-grid{grid-template-columns:1fr}}.inv-insight-card{border:1px solid;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;grid-gap:3px;gap:3px}.inv-insight-badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.inv-insight-model{font-size:14px;font-weight:700;color:#111827}.inv-insight-meta{font-size:12px;color:#6b7280}.inv-filters-bar{display:flex;align-items:center;grid-gap:10px;gap:10px;margin-bottom:20px}.inv-search-wrap{flex:1 1;position:relative;display:flex;align-items:center}.inv-search-icon{position:absolute;left:12px;font-size:14px;color:#9ca3af;pointer-events:none}.inv-search-input{width:100%;padding:10px 12px 10px 36px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;background:#fff;outline:none;box-sizing:border-box}.inv-search-input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.inv-filter-controls{display:flex;align-items:center;grid-gap:8px;gap:8px}.inv-filter-icon-btn{padding:9px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;color:#374151;display:flex;align-items:center;justify-content:center;transition:background .15s}.inv-filter-icon-btn:hover{background:#f3f4f6}.inv-brand-select{padding:9px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:13px;color:#374151;outline:none;cursor:pointer}.inv-brand-select:focus{border-color:#93c5fd}.inv-model-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}@media(max-width:1280px){.inv-model-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.inv-model-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.inv-model-grid{grid-template-columns:1fr}}.inv-model-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.07);transition:box-shadow .2s,transform .2s}.inv-model-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.12);transform:translateY(-2px)}.inv-model-img-area{position:relative;height:180px;overflow:hidden;background:#f1f5f9}.inv-model-img{width:100%;height:100%;object-fit:cover;display:block}.inv-model-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#94a3b8;font-size:13px;font-weight:500;text-align:center;padding:12px;box-sizing:border-box}.inv-units-badge{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.75);color:#fff;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.inv-model-info{padding:14px}.inv-model-brand{display:block;font-size:15px;font-weight:700;color:#111827;line-height:1.3}.inv-model-name{display:block;font-size:12px;color:#6b7280;margin-bottom:10px}.inv-model-stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-bottom:12px}.inv-stat{text-align:center;padding:6px 4px;border-radius:6px;background:#f9fafb}.inv-stat-label{display:block;font-size:10px;color:#9ca3af;margin-bottom:2px}.inv-stat-val{display:block;font-size:18px;font-weight:700}.inv-stat-green{color:#22c55e}.inv-stat-red{color:#ef4444}.inv-model-actions{display:flex;grid-gap:8px;gap:8px}.inv-view-btn{flex:1 1;padding:8px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:12px;font-weight:500;color:#374151;cursor:pointer;transition:background .15s}.inv-view-btn:hover{background:#f3f4f6}.inv-edit-btn{padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:13px;color:#374151;cursor:pointer;transition:background .15s}.inv-edit-btn:hover{background:#f3f4f6}.modal{position:fixed;inset:0;background:rgba(15,23,42,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{width:92%;max-width:520px;background:#fff;border-radius:20px;padding:24px;position:relative;box-shadow:0 25px 60px rgba(0,0,0,.25);animation:pop .25s ease}@keyframes pop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:none;background:#f1f5f9;cursor:pointer;font-size:16px;transition:.2s}.close:hover{background:#e2e8f0}.title{font-size:20px;font-weight:700;margin-bottom:12px}.status-pill{padding:4px 10px;margin-bottom:10px}.status-pill.available{background:#dcfce7;color:#166534}.status-pill.rented{background:#fee2e2;color:#991b1b}.status-pill.reserved{background:#fef3c7;color:#92400e}.modal-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:14px}.modal-card{background:#f8fafc;padding:12px;border-radius:12px}.modal-card span{font-size:12px;color:#64748b}.modal-card p{font-size:14px;font-weight:600;margin-top:4px}.modal-actions{margin-top:18px;display:flex;grid-gap:10px;gap:10px}.primary{flex:1 1;padding:10px;border:none;border-radius:10px;background:#3b82f6;color:#fff;font-weight:600;cursor:pointer;transition:.2s}.primary:hover{background:#2563eb}.secondary{padding:10px 14px;border:none;border-radius:10px;background:#e2e8f0;cursor:pointer}.create-inventory-container{padding:24px;width:100%}.create-inventory-header{margin-bottom:20px}.create-inventory-back-btn{display:inline-flex;align-items:center;grid-gap:6px;gap:6px;background:none;border:none;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;padding:4px 0;margin-bottom:12px;transition:color .2s ease}.create-inventory-back-btn:hover{color:#111827}.create-inventory-title{font-size:26px;font-weight:700;color:#111827}.create-inventory-subtitle{color:#6b7280;margin-top:4px}.create-inventory-card{background:#fff;border-radius:14px;padding:20px;margin-bottom:20px;box-shadow:0 4px 14px rgba(0,0,0,.05)}.create-inventory-card-title{margin-bottom:16px;font-size:16px;font-weight:600;color:#1f2937}.create-inventory-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.create-inventory-field.full{grid-column:span 2}.create-inventory-field label{font-size:12px;margin-bottom:5px;color:#6b7280;display:block}.create-inventory-field input{padding:10px;border-radius:8px;border:1px solid #e5e7eb;transition:.2s}.create-inventory-field input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.1);outline:none}.create-inventory-field.checkbox{display:flex;align-items:flex-end;padding-bottom:4px}.custom-checkbox{display:flex;align-items:center;cursor:pointer;font-size:13px;font-weight:500;color:#374151;-webkit-user-select:none;user-select:none;grid-gap:10px;gap:10px;position:relative}.custom-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.custom-checkbox .checkmark{display:block;height:20px;width:20px;min-width:20px;flex-shrink:0;background-color:#fff;border:2px solid #3b82f6;border-radius:5px;position:relative;overflow:hidden;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;box-shadow:0 0 0 0 rgba(59,130,246,0)}.custom-checkbox:hover .checkmark{border-color:#2563eb;box-shadow:0 0 0 3px rgba(59,130,246,.15)}.custom-checkbox input:checked+.checkmark{background-color:#3b82f6;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.custom-checkbox .checkmark:after{content:"";position:absolute;display:none}.custom-checkbox input:checked+.checkmark:after{display:block;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}.create-inventory-actions{display:flex;justify-content:flex-end}.create-inventory-btn{background:#2563eb;color:#fff;padding:12px 22px;border-radius:10px;border:none;font-weight:600;cursor:pointer}.create-inventory-btn:hover{background:#1d4ed8}.create-inventory-btn:disabled{background:#93c5fd;cursor:not-allowed}.inv-upload-zone{border:2px dashed #cbd5e1;border-radius:12px;min-height:200px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,background .2s;overflow:hidden;position:relative}.inv-upload-zone:hover{border-color:#3b82f6;background:#f8faff}.inv-upload-zone--has-image{cursor:default;border-style:solid;border-color:#e2e8f0}.inv-upload-zone--has-image:hover{background:transparent}.inv-upload-zone--has-image:hover .inv-upload-overlay{opacity:1}.inv-upload-placeholder{display:flex;flex-direction:column;align-items:center;grid-gap:8px;gap:8px;padding:32px;text-align:center}.inv-upload-icon{width:64px;height:64px;border-radius:12px;background:#f1f5f9;display:flex;align-items:center;justify-content:center}.inv-upload-hint{font-size:14px;font-weight:500;color:#374151;margin:0}.inv-upload-sub{font-size:12px;color:#9ca3af;margin:0}.inv-upload-preview{width:100%;height:240px;object-fit:cover;display:block}.inv-upload-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;grid-gap:10px;gap:10px;opacity:0;transition:opacity .2s}.inv-upload-change-btn,.inv-upload-remove-btn{padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:opacity .15s}.inv-upload-change-btn:hover,.inv-upload-remove-btn:hover{opacity:.85}.inv-upload-change-btn{background:#fff;color:#1e293b}.inv-upload-remove-btn{background:#ef4444;color:#fff}.basic-info-layout{display:grid;grid-template-columns:220px 1fr;grid-gap:24px;gap:24px;align-items:start}.basic-info-photo-label{font-size:12px;font-weight:500;color:#6b7280;margin-bottom:8px;display:block}.basic-info-photo .inv-upload-zone{min-height:220px}.basic-info-photo .inv-upload-preview{height:220px}@media(max-width:768px){.create-inventory-grid{grid-template-columns:1fr}.create-inventory-field.full{grid-column:span 1}.basic-info-layout{grid-template-columns:1fr}}.permission-page{width:100%;padding:28px;min-height:100vh}.permission-header{margin-bottom:28px}.permission-title{font-size:34px;font-weight:800;color:#111827;letter-spacing:-.5px}.permission-subtitle{color:#6b7280;margin-top:6px;font-size:14px}.permission-card{background:#fff;border-radius:16px;padding:24px;margin-bottom:26px;box-shadow:0 10px 30px rgba(17,24,39,.08);border:1px solid #eef2f7;transition:all .2s ease}.permission-card:hover{box-shadow:0 14px 40px rgba(17,24,39,.12)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-top h3{font-size:18px;font-weight:700;color:#111827}.user-count{background:#eef2ff;color:#4f46e5;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600}.table-wrapper{overflow-x:auto;border-radius:12px}.modern-table{width:100%;border-collapse:initial;border-spacing:0}.modern-table thead{background:#f9fafb;position:sticky;top:0;z-index:1}.modern-table th{padding:14px;font-size:13px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;text-align:left}.modern-table td{padding:14px;border-top:1px solid #f1f5f9;font-size:14px;color:#111827}.modern-table tr{transition:.15s ease}.modern-table tr:hover{background:#f8fafc}input,select{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;outline:none;font-size:14px;background:#fff;transition:.2s ease}input:focus,select:focus{border-color:#6366f1;box-shadow:0 0 0 4px rgba(99,102,241,.1)}.action-group{display:flex;grid-gap:12px;gap:12px;margin-top:18px}.btn-add,.btn-cancel,.btn-edit,.btn-save{border:none;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600;font-size:13px;transition:.2s ease}.btn-save{background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff}.btn-save:hover{transform:translateY(-1px)}.btn-add{background:#eef2ff;color:#4f46e5}.btn-add:hover{background:#e0e7ff}.btn-edit{background:#f1f5f9;color:#111827}.btn-edit:hover{background:#e2e8f0}.btn-cancel{background:#fee2e2;color:#b91c1c}.btn-cancel:hover{background:#fecaca}.action-buttons{display:flex;grid-gap:8px;gap:8px}.status-pill{padding:5px 10px;border-radius:999px;font-size:12px;font-weight:600;display:inline-block}.status-pill.active{background:#dcfce7;color:#166534}.status-pill.inactive{background:#fee2e2;color:#991b1b}.logo{height:40px;margin:16px;text-align:center;align-items:center}.site-layout .site-layout-background{background:#fff}[data-theme=dark] .site-layout .site-layout-background{background:#141414}.site-page-header{background:#fff}.rightNav{text-align:right;color:#fff;line-height:1.2;margin:auto;font-size:.8rem}.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title,.ant-menu-dark .ant-menu-submenu-title{color:hsla(0,0%,100%,.65);font-weight:400}.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title{color:#fff;font-weight:400}.ant-menu-inline-collapsed>.ant-menu-item,.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item,.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title,.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title{padding:unset;text-align:center}#root{height:100%}.datePickerStyle :global .ant-picker-now{display:none}.row-dragging{background:#fafafa;border:1px solid #000;z-index:1500}.row-dragging td{padding:16px;z-index:1500}.row-dragging .drag-visible{visibility:visible;z-index:1500}
/*# sourceMappingURL=main.e79a8379.chunk.css.map */