*,: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:.1421;transform:translate(98.0581vw,-10px) scale(.292);animation:fall-1 13s linear -24s infinite}@keyframes fall-1{79.484%{transform:translate(93.3588vw,79.484vh) scale(.292)}to{transform:translate(95.70845vw,100vh) scale(.292)}}div .snow:nth-child(2){opacity:.1598;transform:translate(66.1006vw,-10px) scale(.4203);animation:fall-2 21s linear -27s infinite}@keyframes fall-2{30.201%{transform:translate(62.2524vw,30.201vh) scale(.4203)}to{transform:translate(64.1765vw,100vh) scale(.4203)}}div .snow:nth-child(3){opacity:.5938;transform:translate(56.1733vw,-10px) scale(.8797);animation:fall-3 11s linear -6s infinite}@keyframes fall-3{48.159%{transform:translate(48.1804vw,48.159vh) scale(.8797)}to{transform:translate(52.17685vw,100vh) scale(.8797)}}div .snow:nth-child(4){opacity:.6148;transform:translate(74.0002vw,-10px) scale(.4108);animation:fall-4 27s linear -21s infinite}@keyframes fall-4{48.613%{transform:translate(82.0495vw,48.613vh) scale(.4108)}to{transform:translate(78.02485vw,100vh) scale(.4108)}}div .snow:nth-child(5){opacity:.3053;transform:translate(4.9565vw,-10px) scale(.888);animation:fall-5 24s linear -29s infinite}@keyframes fall-5{43.443%{transform:translate(11.4406vw,43.443vh) scale(.888)}to{transform:translate(8.19855vw,100vh) scale(.888)}}div .snow:nth-child(6){opacity:.0532;transform:translate(27.1109vw,-10px) scale(.3077);animation:fall-6 15s linear -16s infinite}@keyframes fall-6{37.346%{transform:translate(25.2656vw,37.346vh) scale(.3077)}to{transform:translate(26.18825vw,100vh) scale(.3077)}}div .snow:nth-child(7){opacity:.802;transform:translate(78.8947vw,-10px) scale(.353);animation:fall-7 14s linear -4s infinite}@keyframes fall-7{33.052%{transform:translate(86.1581vw,33.052vh) scale(.353)}to{transform:translate(82.5264vw,100vh) scale(.353)}}div .snow:nth-child(8){opacity:.6826;transform:translate(45.3185vw,-10px) scale(.8731);animation:fall-8 24s linear -23s infinite}@keyframes fall-8{74.337%{transform:translate(47.3419vw,74.337vh) scale(.8731)}to{transform:translate(46.3302vw,100vh) scale(.8731)}}div .snow:nth-child(9){opacity:.7065;transform:translate(94.9589vw,-10px) scale(.8039);animation:fall-9 16s linear -29s infinite}@keyframes fall-9{77.861%{transform:translate(85.8058vw,77.861vh) scale(.8039)}to{transform:translate(90.38235vw,100vh) scale(.8039)}}div .snow:nth-child(10){opacity:.7248;transform:translate(84.0434vw,-10px) scale(.2242);animation:fall-10 29s linear -25s infinite}@keyframes fall-10{74.325%{transform:translate(82.4675vw,74.325vh) scale(.2242)}to{transform:translate(83.25545vw,100vh) scale(.2242)}}div .snow:nth-child(11){opacity:.84;transform:translate(46.924vw,-10px) scale(.5715);animation:fall-11 23s linear -27s infinite}@keyframes fall-11{72.611%{transform:translate(50.7656vw,72.611vh) scale(.5715)}to{transform:translate(48.8448vw,100vh) scale(.5715)}}div .snow:nth-child(12){opacity:.6101;transform:translate(58.7652vw,-10px) scale(.3033);animation:fall-12 23s linear -19s infinite}@keyframes fall-12{56.361%{transform:translate(57.6374vw,56.361vh) scale(.3033)}to{transform:translate(58.2013vw,100vh) scale(.3033)}}div .snow:nth-child(13){opacity:.7855;transform:translate(47.1368vw,-10px) scale(.8164);animation:fall-13 27s linear -27s infinite}@keyframes fall-13{49.632%{transform:translate(53.3229vw,49.632vh) scale(.8164)}to{transform:translate(50.22985vw,100vh) scale(.8164)}}div .snow:nth-child(14){opacity:.9976;transform:translate(50.514vw,-10px) scale(.0989);animation:fall-14 28s linear -9s infinite}@keyframes fall-14{78.616%{transform:translate(50.5656vw,78.616vh) scale(.0989)}to{transform:translate(50.5398vw,100vh) scale(.0989)}}div .snow:nth-child(15){opacity:.2935;transform:translate(18.0232vw,-10px) scale(.8882);animation:fall-15 20s linear -19s infinite}@keyframes fall-15{73.701%{transform:translate(27.6204vw,73.701vh) scale(.8882)}to{transform:translate(22.8218vw,100vh) scale(.8882)}}div .snow:nth-child(16){opacity:.7079;transform:translate(71.2425vw,-10px) scale(.4615);animation:fall-16 13s linear -30s infinite}@keyframes fall-16{48.314%{transform:translate(66.9098vw,48.314vh) scale(.4615)}to{transform:translate(69.07615vw,100vh) scale(.4615)}}div .snow:nth-child(17){opacity:.1555;transform:translate(50.7113vw,-10px) scale(.0427);animation:fall-17 19s linear -2s infinite}@keyframes fall-17{67.408%{transform:translate(52.9225vw,67.408vh) scale(.0427)}to{transform:translate(51.8169vw,100vh) scale(.0427)}}div .snow:nth-child(18){opacity:.5266;transform:translate(51.6948vw,-10px) scale(.1036);animation:fall-18 20s linear -16s infinite}@keyframes fall-18{40.163%{transform:translate(56.6589vw,40.163vh) scale(.1036)}to{transform:translate(54.17685vw,100vh) scale(.1036)}}div .snow:nth-child(19){opacity:.0444;transform:translate(27.7053vw,-10px) scale(.2309);animation:fall-19 15s linear -14s infinite}@keyframes fall-19{62.359%{transform:translate(32.9577vw,62.359vh) scale(.2309)}to{transform:translate(30.3315vw,100vh) scale(.2309)}}div .snow:nth-child(20){opacity:.943;transform:translate(59.1611vw,-10px) scale(.9068);animation:fall-20 16s linear -20s infinite}@keyframes fall-20{51.216%{transform:translate(66.9907vw,51.216vh) scale(.9068)}to{transform:translate(63.0759vw,100vh) scale(.9068)}}div .snow:nth-child(21){opacity:.0737;transform:translate(88.7974vw,-10px) scale(.5679);animation:fall-21 18s linear -14s infinite}@keyframes fall-21{47.272%{transform:translate(84.3491vw,47.272vh) scale(.5679)}to{transform:translate(86.57325vw,100vh) scale(.5679)}}div .snow:nth-child(22){opacity:.8586;transform:translate(18.9763vw,-10px) scale(.7739);animation:fall-22 17s linear -25s infinite}@keyframes fall-22{75.52%{transform:translate(21.905vw,75.52vh) scale(.7739)}to{transform:translate(20.44065vw,100vh) scale(.7739)}}div .snow:nth-child(23){opacity:.7548;transform:translate(44.7124vw,-10px) scale(.9594);animation:fall-23 18s linear -7s infinite}@keyframes fall-23{56.911%{transform:translate(44.8348vw,56.911vh) scale(.9594)}to{transform:translate(44.7736vw,100vh) scale(.9594)}}div .snow:nth-child(24){opacity:.3416;transform:translate(53.9244vw,-10px) scale(.145);animation:fall-24 13s linear -18s infinite}@keyframes fall-24{73.719%{transform:translate(63.7138vw,73.719vh) scale(.145)}to{transform:translate(58.8191vw,100vh) scale(.145)}}div .snow:nth-child(25){opacity:.231;transform:translate(40.6464vw,-10px) scale(.946);animation:fall-25 14s linear -23s infinite}@keyframes fall-25{76.307%{transform:translate(44.8795vw,76.307vh) scale(.946)}to{transform:translate(42.76295vw,100vh) scale(.946)}}div .snow:nth-child(26){opacity:.9393;transform:translate(68.5868vw,-10px) scale(.8664);animation:fall-26 10s linear -29s infinite}@keyframes fall-26{43.173%{transform:translate(76.61vw,43.173vh) scale(.8664)}to{transform:translate(72.5984vw,100vh) scale(.8664)}}div .snow:nth-child(27){opacity:.4446;transform:translate(75.3591vw,-10px) scale(.7244);animation:fall-27 16s linear -17s infinite}@keyframes fall-27{71.688%{transform:translate(79.4052vw,71.688vh) scale(.7244)}to{transform:translate(77.38215vw,100vh) scale(.7244)}}div .snow:nth-child(28){opacity:.8104;transform:translate(99.7867vw,-10px) scale(.1641);animation:fall-28 18s linear -27s infinite}@keyframes fall-28{73.321%{transform:translate(89.8861vw,73.321vh) scale(.1641)}to{transform:translate(94.8364vw,100vh) scale(.1641)}}div .snow:nth-child(29){opacity:.7324;transform:translate(20.9658vw,-10px) scale(.0683);animation:fall-29 16s linear -28s infinite}@keyframes fall-29{60.857%{transform:translate(18.1499vw,60.857vh) scale(.0683)}to{transform:translate(19.55785vw,100vh) scale(.0683)}}div .snow:nth-child(30){opacity:.1431;transform:translate(46.0921vw,-10px) scale(.8878);animation:fall-30 11s linear -29s infinite}@keyframes fall-30{66.837%{transform:translate(52.0392vw,66.837vh) scale(.8878)}to{transform:translate(49.06565vw,100vh) scale(.8878)}}div .snow:nth-child(31){opacity:.0276;transform:translate(14.8071vw,-10px) scale(.8934);animation:fall-31 15s linear -24s infinite}@keyframes fall-31{35.927%{transform:translate(23.723vw,35.927vh) scale(.8934)}to{transform:translate(19.26505vw,100vh) scale(.8934)}}div .snow:nth-child(32){opacity:.3379;transform:translate(82.1635vw,-10px) scale(.1175);animation:fall-32 14s linear -21s infinite}@keyframes fall-32{31.866%{transform:translate(76.9778vw,31.866vh) scale(.1175)}to{transform:translate(79.57065vw,100vh) scale(.1175)}}div .snow:nth-child(33){opacity:.7643;transform:translate(35.3882vw,-10px) scale(.2594);animation:fall-33 11s linear -17s infinite}@keyframes fall-33{49.323%{transform:translate(41.0655vw,49.323vh) scale(.2594)}to{transform:translate(38.22685vw,100vh) scale(.2594)}}div .snow:nth-child(34){opacity:.1205;transform:translate(56.6738vw,-10px) scale(.2802);animation:fall-34 29s linear -15s infinite}@keyframes fall-34{35.304%{transform:translate(62.0279vw,35.304vh) scale(.2802)}to{transform:translate(59.35085vw,100vh) scale(.2802)}}div .snow:nth-child(35){opacity:.8478;transform:translate(90.6409vw,-10px) scale(.2706);animation:fall-35 30s linear -19s infinite}@keyframes fall-35{54.602%{transform:translate(80.7126vw,54.602vh) scale(.2706)}to{transform:translate(85.67675vw,100vh) scale(.2706)}}div .snow:nth-child(36){opacity:.5071;transform:translate(59.1381vw,-10px) scale(.7303);animation:fall-36 14s linear -15s infinite}@keyframes fall-36{72.704%{transform:translate(57.5564vw,72.704vh) scale(.7303)}to{transform:translate(58.34725vw,100vh) scale(.7303)}}div .snow:nth-child(37){opacity:.7288;transform:translate(21.66vw,-10px) scale(.8094);animation:fall-37 19s linear -20s infinite}@keyframes fall-37{66.994%{transform:translate(17.037vw,66.994vh) scale(.8094)}to{transform:translate(19.3485vw,100vh) scale(.8094)}}div .snow:nth-child(38){opacity:.6767;transform:translate(8.9844vw,-10px) scale(.1165);animation:fall-38 10s linear -18s infinite}@keyframes fall-38{55.826%{transform:translate(8.198vw,55.826vh) scale(.1165)}to{transform:translate(8.5912vw,100vh) scale(.1165)}}div .snow:nth-child(39){opacity:.6827;transform:translate(27.0292vw,-10px) scale(.7699);animation:fall-39 24s linear -16s infinite}@keyframes fall-39{76.242%{transform:translate(29.9069vw,76.242vh) scale(.7699)}to{transform:translate(28.46805vw,100vh) scale(.7699)}}div .snow:nth-child(40){opacity:.5248;transform:translate(31.1509vw,-10px) scale(.1935);animation:fall-40 18s linear -22s infinite}@keyframes fall-40{38.252%{transform:translate(33.9497vw,38.252vh) scale(.1935)}to{transform:translate(32.5503vw,100vh) scale(.1935)}}div .snow:nth-child(41){opacity:.9226;transform:translate(78.1459vw,-10px) scale(.928);animation:fall-41 17s linear -18s infinite}@keyframes fall-41{61.045%{transform:translate(72.4201vw,61.045vh) scale(.928)}to{transform:translate(75.283vw,100vh) scale(.928)}}div .snow:nth-child(42){opacity:.2868;transform:translate(71.9611vw,-10px) scale(.8195);animation:fall-42 22s linear -11s infinite}@keyframes fall-42{35.93%{transform:translate(70.8349vw,35.93vh) scale(.8195)}to{transform:translate(71.398vw,100vh) scale(.8195)}}div .snow:nth-child(43){opacity:.0226;transform:translate(90.7901vw,-10px) scale(.5585);animation:fall-43 15s linear -7s infinite}@keyframes fall-43{48.305%{transform:translate(94.8735vw,48.305vh) scale(.5585)}to{transform:translate(92.8318vw,100vh) scale(.5585)}}div .snow:nth-child(44){opacity:.9169;transform:translate(74.0856vw,-10px) scale(.3729);animation:fall-44 19s linear -8s infinite}@keyframes fall-44{35.388%{transform:translate(83.8115vw,35.388vh) scale(.3729)}to{transform:translate(78.94855vw,100vh) scale(.3729)}}div .snow:nth-child(45){opacity:.352;transform:translate(8.4995vw,-10px) scale(.1373);animation:fall-45 10s linear -14s infinite}@keyframes fall-45{37.567%{transform:translate(10.3082vw,37.567vh) scale(.1373)}to{transform:translate(9.40385vw,100vh) scale(.1373)}}div .snow:nth-child(46){opacity:.6523;transform:translate(25.9023vw,-10px) scale(.4225);animation:fall-46 23s linear -23s infinite}@keyframes fall-46{38.988%{transform:translate(25.3861vw,38.988vh) scale(.4225)}to{transform:translate(25.6442vw,100vh) scale(.4225)}}div .snow:nth-child(47){opacity:.4648;transform:translate(41.2559vw,-10px) scale(.9513);animation:fall-47 18s linear -10s infinite}@keyframes fall-47{54.163%{transform:translate(43.7524vw,54.163vh) scale(.9513)}to{transform:translate(42.50415vw,100vh) scale(.9513)}}div .snow:nth-child(48){opacity:.7947;transform:translate(74.7319vw,-10px) scale(.778);animation:fall-48 16s linear -21s infinite}@keyframes fall-48{49.328%{transform:translate(82.5449vw,49.328vh) scale(.778)}to{transform:translate(78.6384vw,100vh) scale(.778)}}div .snow:nth-child(49){opacity:.8029;transform:translate(55.341vw,-10px) scale(.5669);animation:fall-49 25s linear -21s infinite}@keyframes fall-49{57.024%{transform:translate(63.7189vw,57.024vh) scale(.5669)}to{transform:translate(59.52995vw,100vh) scale(.5669)}}div .snow:nth-child(50){opacity:.8929;transform:translate(61.9148vw,-10px) scale(.0235);animation:fall-50 11s linear -7s infinite}@keyframes fall-50{44.932%{transform:translate(68.1447vw,44.932vh) scale(.0235)}to{transform:translate(65.02975vw,100vh) scale(.0235)}}div .snow:nth-child(51){opacity:.0582;transform:translate(71.578vw,-10px) scale(.872);animation:fall-51 29s linear -7s infinite}@keyframes fall-51{50.739%{transform:translate(72.1617vw,50.739vh) scale(.872)}to{transform:translate(71.86985vw,100vh) scale(.872)}}div .snow:nth-child(52){opacity:.922;transform:translate(78.4317vw,-10px) scale(.7277);animation:fall-52 22s linear -30s infinite}@keyframes fall-52{30.265%{transform:translate(87.6471vw,30.265vh) scale(.7277)}to{transform:translate(83.0394vw,100vh) scale(.7277)}}div .snow:nth-child(53){opacity:.9876;transform:translate(58.2929vw,-10px) scale(.0027);animation:fall-53 30s linear -10s infinite}@keyframes fall-53{70.103%{transform:translate(66.4074vw,70.103vh) scale(.0027)}to{transform:translate(62.35015vw,100vh) scale(.0027)}}div .snow:nth-child(54){opacity:.8259;transform:translate(45.8058vw,-10px) scale(.4814);animation:fall-54 23s linear -23s infinite}@keyframes fall-54{55.573%{transform:translate(51.1632vw,55.573vh) scale(.4814)}to{transform:translate(48.4845vw,100vh) scale(.4814)}}div .snow:nth-child(55){opacity:.1895;transform:translate(66.1613vw,-10px) scale(.9038);animation:fall-55 16s linear -17s infinite}@keyframes fall-55{30.49%{transform:translate(60.0176vw,30.49vh) scale(.9038)}to{transform:translate(63.08945vw,100vh) scale(.9038)}}div .snow:nth-child(56){opacity:.5431;transform:translate(3.8453vw,-10px) scale(.6778);animation:fall-56 15s linear -18s infinite}@keyframes fall-56{66.168%{transform:translate(1.7088vw,66.168vh) scale(.6778)}to{transform:translate(2.77705vw,100vh) scale(.6778)}}div .snow:nth-child(57){opacity:.1983;transform:translate(56.5848vw,-10px) scale(.4589);animation:fall-57 22s linear -11s infinite}@keyframes fall-57{41.238%{transform:translate(64.8185vw,41.238vh) scale(.4589)}to{transform:translate(60.70165vw,100vh) scale(.4589)}}div .snow:nth-child(58){opacity:.4672;transform:translate(72.9231vw,-10px) scale(.3424);animation:fall-58 17s linear -18s infinite}@keyframes fall-58{52.55%{transform:translate(79.3263vw,52.55vh) scale(.3424)}to{transform:translate(76.1247vw,100vh) scale(.3424)}}div .snow:nth-child(59){opacity:.5248;transform:translate(90.8206vw,-10px) scale(.5331);animation:fall-59 12s linear -10s infinite}@keyframes fall-59{73.297%{transform:translate(91.6334vw,73.297vh) scale(.5331)}to{transform:translate(91.227vw,100vh) scale(.5331)}}div .snow:nth-child(60){opacity:.1081;transform:translate(74.6949vw,-10px) scale(.6523);animation:fall-60 14s linear -26s infinite}@keyframes fall-60{38.737%{transform:translate(68.1897vw,38.737vh) scale(.6523)}to{transform:translate(71.4423vw,100vh) scale(.6523)}}div .snow:nth-child(61){opacity:.698;transform:translate(74.9233vw,-10px) scale(.2743);animation:fall-61 20s linear -30s infinite}@keyframes fall-61{37.49%{transform:translate(66.9259vw,37.49vh) scale(.2743)}to{transform:translate(70.9246vw,100vh) scale(.2743)}}div .snow:nth-child(62){opacity:.1907;transform:translate(9.8257vw,-10px) scale(.4577);animation:fall-62 25s linear -12s infinite}@keyframes fall-62{47.242%{transform:translate(13.7284vw,47.242vh) scale(.4577)}to{transform:translate(11.77705vw,100vh) scale(.4577)}}div .snow:nth-child(63){opacity:.7912;transform:translate(22.5857vw,-10px) scale(.0143);animation:fall-63 26s linear -22s infinite}@keyframes fall-63{53.11%{transform:translate(26.7903vw,53.11vh) scale(.0143)}to{transform:translate(24.688vw,100vh) scale(.0143)}}div .snow:nth-child(64){opacity:.6278;transform:translate(80.105vw,-10px) scale(.7068);animation:fall-64 15s linear -2s infinite}@keyframes fall-64{63.127%{transform:translate(88.1652vw,63.127vh) scale(.7068)}to{transform:translate(84.1351vw,100vh) scale(.7068)}}div .snow:nth-child(65){opacity:.0203;transform:translate(17.2076vw,-10px) scale(.5926);animation:fall-65 27s linear -16s infinite}@keyframes fall-65{68.128%{transform:translate(7.2417vw,68.128vh) scale(.5926)}to{transform:translate(12.22465vw,100vh) scale(.5926)}}div .snow:nth-child(66){opacity:.0298;transform:translate(49.8749vw,-10px) scale(.4338);animation:fall-66 12s linear -12s infinite}@keyframes fall-66{78.728%{transform:translate(49.1848vw,78.728vh) scale(.4338)}to{transform:translate(49.52985vw,100vh) scale(.4338)}}div .snow:nth-child(67){opacity:.845;transform:translate(43.3693vw,-10px) scale(.9282);animation:fall-67 26s linear -1s infinite}@keyframes fall-67{57.192%{transform:translate(50.1547vw,57.192vh) scale(.9282)}to{transform:translate(46.762vw,100vh) scale(.9282)}}div .snow:nth-child(68){opacity:.3557;transform:translate(70.5217vw,-10px) scale(.8343);animation:fall-68 13s linear -1s infinite}@keyframes fall-68{46.419%{transform:translate(73.4339vw,46.419vh) scale(.8343)}to{transform:translate(71.9778vw,100vh) scale(.8343)}}div .snow:nth-child(69){opacity:.8369;transform:translate(44.7124vw,-10px) scale(.4004);animation:fall-69 20s linear -13s infinite}@keyframes fall-69{72.16%{transform:translate(45.9732vw,72.16vh) scale(.4004)}to{transform:translate(45.3428vw,100vh) scale(.4004)}}div .snow:nth-child(70){opacity:.1834;transform:translate(21.7036vw,-10px) scale(.3238);animation:fall-70 29s linear -23s infinite}@keyframes fall-70{59.966%{transform:translate(15.1051vw,59.966vh) scale(.3238)}to{transform:translate(18.40435vw,100vh) scale(.3238)}}div .snow:nth-child(71){opacity:.97;transform:translate(52.2484vw,-10px) scale(.6791);animation:fall-71 15s linear -8s infinite}@keyframes fall-71{69.892%{transform:translate(42.5934vw,69.892vh) scale(.6791)}to{transform:translate(47.4209vw,100vh) scale(.6791)}}div .snow:nth-child(72){opacity:.7524;transform:translate(56.2355vw,-10px) scale(.1063);animation:fall-72 25s linear -16s infinite}@keyframes fall-72{70.144%{transform:translate(54.1424vw,70.144vh) scale(.1063)}to{transform:translate(55.18895vw,100vh) scale(.1063)}}div .snow:nth-child(73){opacity:.4747;transform:translate(87.4601vw,-10px) scale(.0733);animation:fall-73 22s linear -27s infinite}@keyframes fall-73{52.295%{transform:translate(94.9513vw,52.295vh) scale(.0733)}to{transform:translate(91.2057vw,100vh) scale(.0733)}}div .snow:nth-child(74){opacity:.2901;transform:translate(55.8369vw,-10px) scale(.3303);animation:fall-74 10s linear -10s infinite}@keyframes fall-74{46.976%{transform:translate(58.5041vw,46.976vh) scale(.3303)}to{transform:translate(57.1705vw,100vh) scale(.3303)}}div .snow:nth-child(75){opacity:.1656;transform:translate(96.2034vw,-10px) scale(.9437);animation:fall-75 14s linear -9s infinite}@keyframes fall-75{76.322%{transform:translate(86.5205vw,76.322vh) scale(.9437)}to{transform:translate(91.36195vw,100vh) scale(.9437)}}div .snow:nth-child(76){opacity:.5947;transform:translate(18.202vw,-10px) scale(.723);animation:fall-76 22s linear -8s infinite}@keyframes fall-76{48.871%{transform:translate(19.2313vw,48.871vh) scale(.723)}to{transform:translate(18.71665vw,100vh) scale(.723)}}div .snow:nth-child(77){opacity:.7103;transform:translate(35.4481vw,-10px) scale(.4781);animation:fall-77 16s linear -20s infinite}@keyframes fall-77{59.699%{transform:translate(32.362vw,59.699vh) scale(.4781)}to{transform:translate(33.90505vw,100vh) scale(.4781)}}div .snow:nth-child(78){opacity:.3223;transform:translate(72.9754vw,-10px) scale(.8388);animation:fall-78 19s linear -24s infinite}@keyframes fall-78{49.678%{transform:translate(65.7609vw,49.678vh) scale(.8388)}to{transform:translate(69.36815vw,100vh) scale(.8388)}}div .snow:nth-child(79){opacity:.273;transform:translate(89.2027vw,-10px) scale(.8781);animation:fall-79 10s linear -28s infinite}@keyframes fall-79{50.448%{transform:translate(80.966vw,50.448vh) scale(.8781)}to{transform:translate(85.08435vw,100vh) scale(.8781)}}div .snow:nth-child(80){opacity:.758;transform:translate(14.033vw,-10px) scale(.4778);animation:fall-80 12s linear -19s infinite}@keyframes fall-80{54.25%{transform:translate(7.3094vw,54.25vh) scale(.4778)}to{transform:translate(10.6712vw,100vh) scale(.4778)}}div .snow:nth-child(81){opacity:.232;transform:translate(49.3571vw,-10px) scale(.7336);animation:fall-81 15s linear -28s infinite}@keyframes fall-81{67.728%{transform:translate(45.4343vw,67.728vh) scale(.7336)}to{transform:translate(47.3957vw,100vh) scale(.7336)}}div .snow:nth-child(82){opacity:.7552;transform:translate(50.1568vw,-10px) scale(.4425);animation:fall-82 18s linear -19s infinite}@keyframes fall-82{72.537%{transform:translate(50.4026vw,72.537vh) scale(.4425)}to{transform:translate(50.2797vw,100vh) scale(.4425)}}div .snow:nth-child(83){opacity:.0323;transform:translate(2.2511vw,-10px) scale(.4007);animation:fall-83 29s linear -14s infinite}@keyframes fall-83{77.921%{transform:translate(-4.7577vw,77.921vh) scale(.4007)}to{transform:translate(-1.2533vw,100vh) scale(.4007)}}div .snow:nth-child(84){opacity:.5029;transform:translate(76.1948vw,-10px) scale(.9513);animation:fall-84 23s linear -22s infinite}@keyframes fall-84{52.622%{transform:translate(80.129vw,52.622vh) scale(.9513)}to{transform:translate(78.1619vw,100vh) scale(.9513)}}div .snow:nth-child(85){opacity:.1087;transform:translate(95.0701vw,-10px) scale(.9738);animation:fall-85 10s linear -18s infinite}@keyframes fall-85{62.275%{transform:translate(87.895vw,62.275vh) scale(.9738)}to{transform:translate(91.48255vw,100vh) scale(.9738)}}div .snow:nth-child(86){opacity:.5011;transform:translate(21.4104vw,-10px) scale(.7807);animation:fall-86 10s linear -11s infinite}@keyframes fall-86{61.787%{transform:translate(13.3575vw,61.787vh) scale(.7807)}to{transform:translate(17.38395vw,100vh) scale(.7807)}}div .snow:nth-child(87){opacity:.1943;transform:translate(67.6175vw,-10px) scale(.0833);animation:fall-87 11s linear -3s infinite}@keyframes fall-87{76.48%{transform:translate(70.106vw,76.48vh) scale(.0833)}to{transform:translate(68.86175vw,100vh) scale(.0833)}}div .snow:nth-child(88){opacity:.2361;transform:translate(50.9668vw,-10px) scale(.4495);animation:fall-88 15s linear -28s infinite}@keyframes fall-88{53.922%{transform:translate(46.1513vw,53.922vh) scale(.4495)}to{transform:translate(48.55905vw,100vh) scale(.4495)}}div .snow:nth-child(89){opacity:.0258;transform:translate(25.9011vw,-10px) scale(.0072);animation:fall-89 16s linear -22s infinite}@keyframes fall-89{45.669%{transform:translate(32.5551vw,45.669vh) scale(.0072)}to{transform:translate(29.2281vw,100vh) scale(.0072)}}div .snow:nth-child(90){opacity:.9416;transform:translate(39.3595vw,-10px) scale(.7346);animation:fall-90 19s linear -25s infinite}@keyframes fall-90{52.813%{transform:translate(38.7787vw,52.813vh) scale(.7346)}to{transform:translate(39.0691vw,100vh) scale(.7346)}}div .snow:nth-child(91){opacity:.307;transform:translate(16.0619vw,-10px) scale(.1567);animation:fall-91 18s linear -6s infinite}@keyframes fall-91{77.356%{transform:translate(19.6072vw,77.356vh) scale(.1567)}to{transform:translate(17.83455vw,100vh) scale(.1567)}}div .snow:nth-child(92){opacity:.3701;transform:translate(46.8378vw,-10px) scale(.7287);animation:fall-92 13s linear -24s infinite}@keyframes fall-92{61.531%{transform:translate(48.5946vw,61.531vh) scale(.7287)}to{transform:translate(47.7162vw,100vh) scale(.7287)}}div .snow:nth-child(93){opacity:.3976;transform:translate(87.7849vw,-10px) scale(.1168);animation:fall-93 24s linear -25s infinite}@keyframes fall-93{71.733%{transform:translate(80.2442vw,71.733vh) scale(.1168)}to{transform:translate(84.01455vw,100vh) scale(.1168)}}div .snow:nth-child(94){opacity:.4801;transform:translate(70.0058vw,-10px) scale(.9919);animation:fall-94 21s linear -13s infinite}@keyframes fall-94{68.816%{transform:translate(60.121vw,68.816vh) scale(.9919)}to{transform:translate(65.0634vw,100vh) scale(.9919)}}div .snow:nth-child(95){opacity:.8386;transform:translate(70.8088vw,-10px) scale(.7825);animation:fall-95 25s linear -2s infinite}@keyframes fall-95{40.026%{transform:translate(71.3632vw,40.026vh) scale(.7825)}to{transform:translate(71.086vw,100vh) scale(.7825)}}div .snow:nth-child(96){opacity:.7456;transform:translate(81.8255vw,-10px) scale(.5756);animation:fall-96 11s linear -25s infinite}@keyframes fall-96{32.641%{transform:translate(76.7005vw,32.641vh) scale(.5756)}to{transform:translate(79.263vw,100vh) scale(.5756)}}div .snow:nth-child(97){opacity:.4489;transform:translate(43.2036vw,-10px) scale(.1233);animation:fall-97 25s linear -16s infinite}@keyframes fall-97{42.398%{transform:translate(46.7026vw,42.398vh) scale(.1233)}to{transform:translate(44.9531vw,100vh) scale(.1233)}}div .snow:nth-child(98){opacity:.677;transform:translate(48.0628vw,-10px) scale(.0403);animation:fall-98 26s linear -27s infinite}@keyframes fall-98{69.131%{transform:translate(40.1488vw,69.131vh) scale(.0403)}to{transform:translate(44.1058vw,100vh) scale(.0403)}}div .snow:nth-child(99){opacity:.834;transform:translate(80.398vw,-10px) scale(.4625);animation:fall-99 20s linear -8s infinite}@keyframes fall-99{38.14%{transform:translate(88.6798vw,38.14vh) scale(.4625)}to{transform:translate(84.5389vw,100vh) scale(.4625)}}div .snow:nth-child(100){opacity:.1406;transform:translate(89.1728vw,-10px) scale(.6774);animation:fall-100 26s linear -9s infinite}@keyframes fall-100{74.78%{transform:translate(85.5471vw,74.78vh) scale(.6774)}to{transform:translate(87.35995vw,100vh) scale(.6774)}}div .snow:nth-child(101){opacity:.1888;transform:translate(8.9625vw,-10px) scale(.2095);animation:fall-101 17s linear -22s infinite}@keyframes fall-101{53.763%{transform:translate(15.0815vw,53.763vh) scale(.2095)}to{transform:translate(12.022vw,100vh) scale(.2095)}}div .snow:nth-child(102){opacity:.4162;transform:translate(53.8059vw,-10px) scale(.5194);animation:fall-102 18s linear -17s infinite}@keyframes fall-102{41.64%{transform:translate(53.7622vw,41.64vh) scale(.5194)}to{transform:translate(53.78405vw,100vh) scale(.5194)}}div .snow:nth-child(103){opacity:.4411;transform:translate(52.9817vw,-10px) scale(.5416);animation:fall-103 12s linear -1s infinite}@keyframes fall-103{70.468%{transform:translate(43.9698vw,70.468vh) scale(.5416)}to{transform:translate(48.47575vw,100vh) scale(.5416)}}div .snow:nth-child(104){opacity:.3143;transform:translate(83.3183vw,-10px) scale(.5339);animation:fall-104 22s linear -1s infinite}@keyframes fall-104{64.543%{transform:translate(90.3vw,64.543vh) scale(.5339)}to{transform:translate(86.80915vw,100vh) scale(.5339)}}div .snow:nth-child(105){opacity:.7083;transform:translate(29.982vw,-10px) scale(.1194);animation:fall-105 10s linear -25s infinite}@keyframes fall-105{63.591%{transform:translate(28.2315vw,63.591vh) scale(.1194)}to{transform:translate(29.10675vw,100vh) scale(.1194)}}div .snow:nth-child(106){opacity:.6832;transform:translate(78.9019vw,-10px) scale(.4038);animation:fall-106 18s linear -16s infinite}@keyframes fall-106{64.714%{transform:translate(85.7159vw,64.714vh) scale(.4038)}to{transform:translate(82.3089vw,100vh) scale(.4038)}}div .snow:nth-child(107){opacity:.1411;transform:translate(94.1207vw,-10px) scale(.3636);animation:fall-107 10s linear -19s infinite}@keyframes fall-107{70.556%{transform:translate(91.5749vw,70.556vh) scale(.3636)}to{transform:translate(92.8478vw,100vh) scale(.3636)}}div .snow:nth-child(108){opacity:.9767;transform:translate(74.5629vw,-10px) scale(.5747);animation:fall-108 20s linear -26s infinite}@keyframes fall-108{34.928%{transform:translate(80.3212vw,34.928vh) scale(.5747)}to{transform:translate(77.44205vw,100vh) scale(.5747)}}div .snow:nth-child(109){opacity:.7976;transform:translate(35.1742vw,-10px) scale(.5922);animation:fall-109 12s linear -6s infinite}@keyframes fall-109{52.059%{transform:translate(41.6688vw,52.059vh) scale(.5922)}to{transform:translate(38.4215vw,100vh) scale(.5922)}}div .snow:nth-child(110){opacity:.6038;transform:translate(89.2532vw,-10px) scale(.8414);animation:fall-110 14s linear -27s infinite}@keyframes fall-110{59.674%{transform:translate(97.0853vw,59.674vh) scale(.8414)}to{transform:translate(93.16925vw,100vh) scale(.8414)}}div .snow:nth-child(111){opacity:.6925;transform:translate(35.9064vw,-10px) scale(.4262);animation:fall-111 14s linear -30s infinite}@keyframes fall-111{31.088%{transform:translate(40.8067vw,31.088vh) scale(.4262)}to{transform:translate(38.35655vw,100vh) scale(.4262)}}div .snow:nth-child(112){opacity:.4304;transform:translate(60.6446vw,-10px) scale(.3807);animation:fall-112 16s linear -11s infinite}@keyframes fall-112{57.263%{transform:translate(66.8816vw,57.263vh) scale(.3807)}to{transform:translate(63.7631vw,100vh) scale(.3807)}}div .snow:nth-child(113){opacity:.0567;transform:translate(38.2505vw,-10px) scale(.6396);animation:fall-113 22s linear -5s infinite}@keyframes fall-113{34.38%{transform:translate(43.487vw,34.38vh) scale(.6396)}to{transform:translate(40.86875vw,100vh) scale(.6396)}}div .snow:nth-child(114){opacity:.9029;transform:translate(41.1667vw,-10px) scale(.3703);animation:fall-114 17s linear -28s infinite}@keyframes fall-114{50.512%{transform:translate(42.4523vw,50.512vh) scale(.3703)}to{transform:translate(41.8095vw,100vh) scale(.3703)}}div .snow:nth-child(115){opacity:.7857;transform:translate(92.9662vw,-10px) scale(.1016);animation:fall-115 19s linear -17s infinite}@keyframes fall-115{64.627%{transform:translate(87.125vw,64.627vh) scale(.1016)}to{transform:translate(90.0456vw,100vh) scale(.1016)}}div .snow:nth-child(116){opacity:.8229;transform:translate(58.0671vw,-10px) scale(.8666);animation:fall-116 20s linear -20s infinite}@keyframes fall-116{62.937%{transform:translate(55.8238vw,62.937vh) scale(.8666)}to{transform:translate(56.94545vw,100vh) scale(.8666)}}div .snow:nth-child(117){opacity:.8901;transform:translate(8.1383vw,-10px) scale(.2274);animation:fall-117 16s linear -2s infinite}@keyframes fall-117{79.73%{transform:translate(17.458vw,79.73vh) scale(.2274)}to{transform:translate(12.79815vw,100vh) scale(.2274)}}div .snow:nth-child(118){opacity:.7139;transform:translate(11.3706vw,-10px) scale(.9043);animation:fall-118 24s linear -23s infinite}@keyframes fall-118{58.806%{transform:translate(4.0434vw,58.806vh) scale(.9043)}to{transform:translate(7.707vw,100vh) scale(.9043)}}div .snow:nth-child(119){opacity:.1399;transform:translate(2.9785vw,-10px) scale(.8215);animation:fall-119 28s linear -11s infinite}@keyframes fall-119{48.168%{transform:translate(6.0946vw,48.168vh) scale(.8215)}to{transform:translate(4.53655vw,100vh) scale(.8215)}}div .snow:nth-child(120){opacity:.3447;transform:translate(19.4332vw,-10px) scale(.8821);animation:fall-120 17s linear -10s infinite}@keyframes fall-120{62.572%{transform:translate(26.2293vw,62.572vh) scale(.8821)}to{transform:translate(22.83125vw,100vh) scale(.8821)}}div .snow:nth-child(121){opacity:.8706;transform:translate(30.833vw,-10px) scale(.4375);animation:fall-121 22s linear -29s infinite}@keyframes fall-121{64.624%{transform:translate(22.8526vw,64.624vh) scale(.4375)}to{transform:translate(26.8428vw,100vh) scale(.4375)}}div .snow:nth-child(122){opacity:.9297;transform:translate(53.2208vw,-10px) scale(.7989);animation:fall-122 25s linear -29s infinite}@keyframes fall-122{31.797%{transform:translate(46.3528vw,31.797vh) scale(.7989)}to{transform:translate(49.7868vw,100vh) scale(.7989)}}div .snow:nth-child(123){opacity:.9595;transform:translate(96.8858vw,-10px) scale(.7448);animation:fall-123 26s linear -3s infinite}@keyframes fall-123{56.492%{transform:translate(97.2462vw,56.492vh) scale(.7448)}to{transform:translate(97.066vw,100vh) scale(.7448)}}div .snow:nth-child(124){opacity:.2694;transform:translate(10.6vw,-10px) scale(.0077);animation:fall-124 29s linear -21s infinite}@keyframes fall-124{37.528%{transform:translate(18.568vw,37.528vh) scale(.0077)}to{transform:translate(14.584vw,100vh) scale(.0077)}}div .snow:nth-child(125){opacity:.5013;transform:translate(62.1886vw,-10px) scale(.9076);animation:fall-125 18s linear -9s infinite}@keyframes fall-125{56.269%{transform:translate(62.4485vw,56.269vh) scale(.9076)}to{transform:translate(62.31855vw,100vh) scale(.9076)}}div .snow:nth-child(126){opacity:.8073;transform:translate(97.1017vw,-10px) scale(.1684);animation:fall-126 19s linear -21s infinite}@keyframes fall-126{53.346%{transform:translate(103.0028vw,53.346vh) scale(.1684)}to{transform:translate(100.05225vw,100vh) scale(.1684)}}div .snow:nth-child(127){opacity:.0611;transform:translate(85.4795vw,-10px) scale(.6647);animation:fall-127 14s linear -18s infinite}@keyframes fall-127{71.241%{transform:translate(79.24vw,71.241vh) scale(.6647)}to{transform:translate(82.35975vw,100vh) scale(.6647)}}div .snow:nth-child(128){opacity:.0836;transform:translate(50.6064vw,-10px) scale(.8212);animation:fall-128 21s linear -17s infinite}@keyframes fall-128{77.506%{transform:translate(52.0828vw,77.506vh) scale(.8212)}to{transform:translate(51.3446vw,100vh) scale(.8212)}}div .snow:nth-child(129){opacity:.807;transform:translate(73.2592vw,-10px) scale(.5827);animation:fall-129 19s linear -20s infinite}@keyframes fall-129{30.181%{transform:translate(82.2038vw,30.181vh) scale(.5827)}to{transform:translate(77.7315vw,100vh) scale(.5827)}}div .snow:nth-child(130){opacity:.9637;transform:translate(49.7424vw,-10px) scale(.339);animation:fall-130 15s linear -3s infinite}@keyframes fall-130{77.262%{transform:translate(46.2866vw,77.262vh) scale(.339)}to{transform:translate(48.0145vw,100vh) scale(.339)}}div .snow:nth-child(131){opacity:.2412;transform:translate(53.8584vw,-10px) scale(.0296);animation:fall-131 27s linear -13s infinite}@keyframes fall-131{32.709%{transform:translate(47.992vw,32.709vh) scale(.0296)}to{transform:translate(50.9252vw,100vh) scale(.0296)}}div .snow:nth-child(132){opacity:.0325;transform:translate(82.0705vw,-10px) scale(.1195);animation:fall-132 20s linear -25s infinite}@keyframes fall-132{31.997%{transform:translate(77.5792vw,31.997vh) scale(.1195)}to{transform:translate(79.82485vw,100vh) scale(.1195)}}div .snow:nth-child(133){opacity:.8316;transform:translate(29.8257vw,-10px) scale(.991);animation:fall-133 29s linear -21s infinite}@keyframes fall-133{32.496%{transform:translate(23.397vw,32.496vh) scale(.991)}to{transform:translate(26.61135vw,100vh) scale(.991)}}div .snow:nth-child(134){opacity:.2428;transform:translate(76.0148vw,-10px) scale(.8435);animation:fall-134 28s linear -20s infinite}@keyframes fall-134{59.893%{transform:translate(72.053vw,59.893vh) scale(.8435)}to{transform:translate(74.0339vw,100vh) scale(.8435)}}div .snow:nth-child(135){opacity:.1001;transform:translate(68.4013vw,-10px) scale(.9619);animation:fall-135 12s linear -16s infinite}@keyframes fall-135{55.945%{transform:translate(61.6584vw,55.945vh) scale(.9619)}to{transform:translate(65.02985vw,100vh) scale(.9619)}}div .snow:nth-child(136){opacity:.0094;transform:translate(95.8295vw,-10px) scale(.3802);animation:fall-136 22s linear -26s infinite}@keyframes fall-136{48.544%{transform:translate(87.353vw,48.544vh) scale(.3802)}to{transform:translate(91.59125vw,100vh) scale(.3802)}}div .snow:nth-child(137){opacity:.7916;transform:translate(58.9684vw,-10px) scale(.2921);animation:fall-137 29s linear -8s infinite}@keyframes fall-137{60.535%{transform:translate(65.4574vw,60.535vh) scale(.2921)}to{transform:translate(62.2129vw,100vh) scale(.2921)}}div .snow:nth-child(138){opacity:.7001;transform:translate(94.9318vw,-10px) scale(.469);animation:fall-138 18s linear -19s infinite}@keyframes fall-138{53.913%{transform:translate(89.0476vw,53.913vh) scale(.469)}to{transform:translate(91.9897vw,100vh) scale(.469)}}div .snow:nth-child(139){opacity:.3523;transform:translate(56.8922vw,-10px) scale(.1263);animation:fall-139 17s linear -18s infinite}@keyframes fall-139{52.672%{transform:translate(66.676vw,52.672vh) scale(.1263)}to{transform:translate(61.7841vw,100vh) scale(.1263)}}div .snow:nth-child(140){opacity:.2273;transform:translate(99.4675vw,-10px) scale(.9495);animation:fall-140 17s linear -26s infinite}@keyframes fall-140{55.735%{transform:translate(99.222vw,55.735vh) scale(.9495)}to{transform:translate(99.34475vw,100vh) scale(.9495)}}div .snow:nth-child(141){opacity:.2061;transform:translate(9.7658vw,-10px) scale(.9168);animation:fall-141 20s linear -28s infinite}@keyframes fall-141{36.935%{transform:translate(8.1062vw,36.935vh) scale(.9168)}to{transform:translate(8.936vw,100vh) scale(.9168)}}div .snow:nth-child(142){opacity:.4774;transform:translate(59.1448vw,-10px) scale(.9147);animation:fall-142 30s linear -13s infinite}@keyframes fall-142{52.374%{transform:translate(52.9718vw,52.374vh) scale(.9147)}to{transform:translate(56.0583vw,100vh) scale(.9147)}}div .snow:nth-child(143){opacity:.7846;transform:translate(37.8467vw,-10px) scale(.7479);animation:fall-143 15s linear -30s infinite}@keyframes fall-143{67.93%{transform:translate(37.1845vw,67.93vh) scale(.7479)}to{transform:translate(37.5156vw,100vh) scale(.7479)}}div .snow:nth-child(144){opacity:.7376;transform:translate(96.7859vw,-10px) scale(.4406);animation:fall-144 11s linear -2s infinite}@keyframes fall-144{70.925%{transform:translate(92.0609vw,70.925vh) scale(.4406)}to{transform:translate(94.4234vw,100vh) scale(.4406)}}div .snow:nth-child(145){opacity:.419;transform:translate(4.8437vw,-10px) scale(.1306);animation:fall-145 11s linear -18s infinite}@keyframes fall-145{35.254%{transform:translate(7.9883vw,35.254vh) scale(.1306)}to{transform:translate(6.416vw,100vh) scale(.1306)}}div .snow:nth-child(146){opacity:.7576;transform:translate(73.6468vw,-10px) scale(.066);animation:fall-146 14s linear -27s infinite}@keyframes fall-146{78.837%{transform:translate(66.2027vw,78.837vh) scale(.066)}to{transform:translate(69.92475vw,100vh) scale(.066)}}div .snow:nth-child(147){opacity:.363;transform:translate(76.5053vw,-10px) scale(.0949);animation:fall-147 30s linear -14s infinite}@keyframes fall-147{32.105%{transform:translate(85.6518vw,32.105vh) scale(.0949)}to{transform:translate(81.07855vw,100vh) scale(.0949)}}div .snow:nth-child(148){opacity:.0842;transform:translate(22.6677vw,-10px) scale(.2385);animation:fall-148 18s linear -15s infinite}@keyframes fall-148{44.606%{transform:translate(22.6839vw,44.606vh) scale(.2385)}to{transform:translate(22.6758vw,100vh) scale(.2385)}}div .snow:nth-child(149){opacity:.5061;transform:translate(82.1668vw,-10px) scale(.6074);animation:fall-149 20s linear -27s infinite}@keyframes fall-149{70.526%{transform:translate(92.1506vw,70.526vh) scale(.6074)}to{transform:translate(87.1587vw,100vh) scale(.6074)}}div .snow:nth-child(150){opacity:.3058;transform:translate(.5799vw,-10px) scale(.3395);animation:fall-150 25s linear -24s infinite}@keyframes fall-150{64.286%{transform:translate(-1.7139vw,64.286vh) scale(.3395)}to{transform:translate(-.567vw,100vh) scale(.3395)}}div .snow:nth-child(151){opacity:.1192;transform:translate(49.12vw,-10px) scale(.1001);animation:fall-151 24s linear -25s infinite}@keyframes fall-151{48.329%{transform:translate(41.2174vw,48.329vh) scale(.1001)}to{transform:translate(45.1687vw,100vh) scale(.1001)}}div .snow:nth-child(152){opacity:.9808;transform:translate(40.5153vw,-10px) scale(.3597);animation:fall-152 26s linear -10s infinite}@keyframes fall-152{60.348%{transform:translate(39.9122vw,60.348vh) scale(.3597)}to{transform:translate(40.21375vw,100vh) scale(.3597)}}div .snow:nth-child(153){opacity:.1528;transform:translate(37.744vw,-10px) scale(.8447);animation:fall-153 15s linear -3s infinite}@keyframes fall-153{73.24%{transform:translate(31.8098vw,73.24vh) scale(.8447)}to{transform:translate(34.7769vw,100vh) scale(.8447)}}div .snow:nth-child(154){opacity:.8634;transform:translate(1.4121vw,-10px) scale(.1598);animation:fall-154 13s linear -20s infinite}@keyframes fall-154{40.864%{transform:translate(-5.6857vw,40.864vh) scale(.1598)}to{transform:translate(-2.1368vw,100vh) scale(.1598)}}div .snow:nth-child(155){opacity:.5451;transform:translate(94.8141vw,-10px) scale(.0172);animation:fall-155 10s linear -5s infinite}@keyframes fall-155{61.936%{transform:translate(86.0959vw,61.936vh) scale(.0172)}to{transform:translate(90.455vw,100vh) scale(.0172)}}div .snow:nth-child(156){opacity:.87;transform:translate(32.3557vw,-10px) scale(.2881);animation:fall-156 26s linear -13s infinite}@keyframes fall-156{38.101%{transform:translate(41.7066vw,38.101vh) scale(.2881)}to{transform:translate(37.03115vw,100vh) scale(.2881)}}div .snow:nth-child(157){opacity:.8686;transform:translate(74.8806vw,-10px) scale(.8224);animation:fall-157 17s linear -28s infinite}@keyframes fall-157{58.839%{transform:translate(70.7921vw,58.839vh) scale(.8224)}to{transform:translate(72.83635vw,100vh) scale(.8224)}}div .snow:nth-child(158){opacity:.0686;transform:translate(35.9104vw,-10px) scale(.2518);animation:fall-158 30s linear -4s infinite}@keyframes fall-158{70.334%{transform:translate(29.723vw,70.334vh) scale(.2518)}to{transform:translate(32.8167vw,100vh) scale(.2518)}}div .snow:nth-child(159){opacity:.5645;transform:translate(86.9839vw,-10px) scale(.9781);animation:fall-159 20s linear -5s infinite}@keyframes fall-159{36.743%{transform:translate(79.2223vw,36.743vh) scale(.9781)}to{transform:translate(83.1031vw,100vh) scale(.9781)}}div .snow:nth-child(160){opacity:.81;transform:translate(85.8437vw,-10px) scale(.8571);animation:fall-160 11s linear -11s infinite}@keyframes fall-160{48.157%{transform:translate(84.9241vw,48.157vh) scale(.8571)}to{transform:translate(85.3839vw,100vh) scale(.8571)}}div .snow:nth-child(161){opacity:.4091;transform:translate(86.0639vw,-10px) scale(.0289);animation:fall-161 30s linear -7s infinite}@keyframes fall-161{75.076%{transform:translate(81.3473vw,75.076vh) scale(.0289)}to{transform:translate(83.7056vw,100vh) scale(.0289)}}div .snow:nth-child(162){opacity:.4585;transform:translate(97.4706vw,-10px) scale(.4836);animation:fall-162 25s linear -21s infinite}@keyframes fall-162{62.22%{transform:translate(87.7956vw,62.22vh) scale(.4836)}to{transform:translate(92.6331vw,100vh) scale(.4836)}}div .snow:nth-child(163){opacity:.818;transform:translate(34.2207vw,-10px) scale(.9875);animation:fall-163 16s linear -9s infinite}@keyframes fall-163{35.068%{transform:translate(34.9317vw,35.068vh) scale(.9875)}to{transform:translate(34.5762vw,100vh) scale(.9875)}}div .snow:nth-child(164){opacity:.565;transform:translate(64.8499vw,-10px) scale(.5633);animation:fall-164 21s linear -7s infinite}@keyframes fall-164{38.66%{transform:translate(65.9474vw,38.66vh) scale(.5633)}to{transform:translate(65.39865vw,100vh) scale(.5633)}}div .snow:nth-child(165){opacity:.3915;transform:translate(39.3593vw,-10px) scale(.6312);animation:fall-165 29s linear -1s infinite}@keyframes fall-165{37.182%{transform:translate(37.0114vw,37.182vh) scale(.6312)}to{transform:translate(38.18535vw,100vh) scale(.6312)}}div .snow:nth-child(166){opacity:.4403;transform:translate(7.8316vw,-10px) scale(.8589);animation:fall-166 19s linear -10s infinite}@keyframes fall-166{61.234%{transform:translate(10.0423vw,61.234vh) scale(.8589)}to{transform:translate(8.93695vw,100vh) scale(.8589)}}div .snow:nth-child(167){opacity:.7131;transform:translate(68.0093vw,-10px) scale(.6219);animation:fall-167 12s linear -23s infinite}@keyframes fall-167{48.303%{transform:translate(74.2922vw,48.303vh) scale(.6219)}to{transform:translate(71.15075vw,100vh) scale(.6219)}}div .snow:nth-child(168){opacity:.2411;transform:translate(66.783vw,-10px) scale(.3811);animation:fall-168 15s linear -17s infinite}@keyframes fall-168{45.407%{transform:translate(65.0921vw,45.407vh) scale(.3811)}to{transform:translate(65.93755vw,100vh) scale(.3811)}}div .snow:nth-child(169){opacity:.2576;transform:translate(33.5971vw,-10px) scale(.4555);animation:fall-169 30s linear -19s infinite}@keyframes fall-169{56.292%{transform:translate(33.5726vw,56.292vh) scale(.4555)}to{transform:translate(33.58485vw,100vh) scale(.4555)}}div .snow:nth-child(170){opacity:.8224;transform:translate(62.01vw,-10px) scale(.2746);animation:fall-170 24s linear -16s infinite}@keyframes fall-170{40.627%{transform:translate(67.5142vw,40.627vh) scale(.2746)}to{transform:translate(64.7621vw,100vh) scale(.2746)}}div .snow:nth-child(171){opacity:.7691;transform:translate(58.8136vw,-10px) scale(.52);animation:fall-171 13s linear -19s infinite}@keyframes fall-171{37.677%{transform:translate(61.5669vw,37.677vh) scale(.52)}to{transform:translate(60.19025vw,100vh) scale(.52)}}div .snow:nth-child(172){opacity:.9705;transform:translate(53.1877vw,-10px) scale(.6992);animation:fall-172 24s linear -2s infinite}@keyframes fall-172{72.278%{transform:translate(50.2975vw,72.278vh) scale(.6992)}to{transform:translate(51.7426vw,100vh) scale(.6992)}}div .snow:nth-child(173){opacity:.7476;transform:translate(7.2821vw,-10px) scale(.1531);animation:fall-173 27s linear -4s infinite}@keyframes fall-173{76.7%{transform:translate(1.8057vw,76.7vh) scale(.1531)}to{transform:translate(4.5439vw,100vh) scale(.1531)}}div .snow:nth-child(174){opacity:.2753;transform:translate(89.7792vw,-10px) scale(.0311);animation:fall-174 26s linear -23s infinite}@keyframes fall-174{76.776%{transform:translate(85.9156vw,76.776vh) scale(.0311)}to{transform:translate(87.8474vw,100vh) scale(.0311)}}div .snow:nth-child(175){opacity:.6451;transform:translate(4.5324vw,-10px) scale(.631);animation:fall-175 15s linear -25s infinite}@keyframes fall-175{37.134%{transform:translate(11.8752vw,37.134vh) scale(.631)}to{transform:translate(8.2038vw,100vh) scale(.631)}}div .snow:nth-child(176){opacity:.7134;transform:translate(6.7575vw,-10px) scale(.0242);animation:fall-176 26s linear -1s infinite}@keyframes fall-176{49.311%{transform:translate(15.4715vw,49.311vh) scale(.0242)}to{transform:translate(11.1145vw,100vh) scale(.0242)}}div .snow:nth-child(177){opacity:.4092;transform:translate(11.4009vw,-10px) scale(.2764);animation:fall-177 25s linear -8s infinite}@keyframes fall-177{67.145%{transform:translate(14.1435vw,67.145vh) scale(.2764)}to{transform:translate(12.7722vw,100vh) scale(.2764)}}div .snow:nth-child(178){opacity:.4285;transform:translate(76.8855vw,-10px) scale(.246);animation:fall-178 16s linear -9s infinite}@keyframes fall-178{53.641%{transform:translate(83.1684vw,53.641vh) scale(.246)}to{transform:translate(80.02695vw,100vh) scale(.246)}}div .snow:nth-child(179){opacity:.7236;transform:translate(16.4733vw,-10px) scale(.9668);animation:fall-179 25s linear -15s infinite}@keyframes fall-179{69.519%{transform:translate(23.0792vw,69.519vh) scale(.9668)}to{transform:translate(19.77625vw,100vh) scale(.9668)}}div .snow:nth-child(180){opacity:.6937;transform:translate(42.9086vw,-10px) scale(.3193);animation:fall-180 22s linear -11s infinite}@keyframes fall-180{65.547%{transform:translate(34.9087vw,65.547vh) scale(.3193)}to{transform:translate(38.90865vw,100vh) scale(.3193)}}div .snow:nth-child(181){opacity:.7469;transform:translate(33.4452vw,-10px) scale(.7129);animation:fall-181 24s linear -29s infinite}@keyframes fall-181{67.086%{transform:translate(29.7614vw,67.086vh) scale(.7129)}to{transform:translate(31.6033vw,100vh) scale(.7129)}}div .snow:nth-child(182){opacity:.3307;transform:translate(43.5272vw,-10px) scale(.5888);animation:fall-182 25s linear -8s infinite}@keyframes fall-182{61.702%{transform:translate(49.3735vw,61.702vh) scale(.5888)}to{transform:translate(46.45035vw,100vh) scale(.5888)}}div .snow:nth-child(183){opacity:.6376;transform:translate(90.4227vw,-10px) scale(.1155);animation:fall-183 24s linear -29s infinite}@keyframes fall-183{67.31%{transform:translate(89.5374vw,67.31vh) scale(.1155)}to{transform:translate(89.98005vw,100vh) scale(.1155)}}div .snow:nth-child(184){opacity:.9887;transform:translate(75.4545vw,-10px) scale(.1552);animation:fall-184 20s linear -5s infinite}@keyframes fall-184{71.351%{transform:translate(78.0277vw,71.351vh) scale(.1552)}to{transform:translate(76.7411vw,100vh) scale(.1552)}}div .snow:nth-child(185){opacity:.8363;transform:translate(20.5164vw,-10px) scale(.3326);animation:fall-185 18s linear -13s infinite}@keyframes fall-185{35.56%{transform:translate(27.6309vw,35.56vh) scale(.3326)}to{transform:translate(24.07365vw,100vh) scale(.3326)}}div .snow:nth-child(186){opacity:.5901;transform:translate(12.9942vw,-10px) scale(.056);animation:fall-186 13s linear -30s infinite}@keyframes fall-186{51.293%{transform:translate(7.321vw,51.293vh) scale(.056)}to{transform:translate(10.1576vw,100vh) scale(.056)}}div .snow:nth-child(187){opacity:.4659;transform:translate(68.9162vw,-10px) scale(.3259);animation:fall-187 24s linear -24s infinite}@keyframes fall-187{65.609%{transform:translate(71.2348vw,65.609vh) scale(.3259)}to{transform:translate(70.0755vw,100vh) scale(.3259)}}div .snow:nth-child(188){opacity:.8144;transform:translate(20.2698vw,-10px) scale(.1968);animation:fall-188 14s linear -12s infinite}@keyframes fall-188{79.085%{transform:translate(13.7837vw,79.085vh) scale(.1968)}to{transform:translate(17.02675vw,100vh) scale(.1968)}}div .snow:nth-child(189){opacity:.9478;transform:translate(45.7547vw,-10px) scale(.6923);animation:fall-189 20s linear -24s infinite}@keyframes fall-189{64.536%{transform:translate(36.6948vw,64.536vh) scale(.6923)}to{transform:translate(41.22475vw,100vh) scale(.6923)}}div .snow:nth-child(190){opacity:.1325;transform:translate(11.5307vw,-10px) scale(.9011);animation:fall-190 13s linear -25s infinite}@keyframes fall-190{56.738%{transform:translate(12.1228vw,56.738vh) scale(.9011)}to{transform:translate(11.82675vw,100vh) scale(.9011)}}div .snow:nth-child(191){opacity:.9649;transform:translate(25.3572vw,-10px) scale(.5969);animation:fall-191 15s linear -6s infinite}@keyframes fall-191{57.137%{transform:translate(19.0801vw,57.137vh) scale(.5969)}to{transform:translate(22.21865vw,100vh) scale(.5969)}}div .snow:nth-child(192){opacity:.6282;transform:translate(6.8204vw,-10px) scale(.0112);animation:fall-192 27s linear -18s infinite}@keyframes fall-192{41.276%{transform:translate(12.8163vw,41.276vh) scale(.0112)}to{transform:translate(9.81835vw,100vh) scale(.0112)}}div .snow:nth-child(193){opacity:.9379;transform:translate(96.322vw,-10px) scale(.3385);animation:fall-193 27s linear -18s infinite}@keyframes fall-193{56.249%{transform:translate(95.8703vw,56.249vh) scale(.3385)}to{transform:translate(96.09615vw,100vh) scale(.3385)}}div .snow:nth-child(194){opacity:.0488;transform:translate(9.3644vw,-10px) scale(.0473);animation:fall-194 23s linear -26s infinite}@keyframes fall-194{48.672%{transform:translate(13.3941vw,48.672vh) scale(.0473)}to{transform:translate(11.37925vw,100vh) scale(.0473)}}div .snow:nth-child(195){opacity:.3415;transform:translate(70.5vw,-10px) scale(.3479);animation:fall-195 19s linear -13s infinite}@keyframes fall-195{55.811%{transform:translate(73.1014vw,55.811vh) scale(.3479)}to{transform:translate(71.8007vw,100vh) scale(.3479)}}div .snow:nth-child(196){opacity:.5909;transform:translate(44.7833vw,-10px) scale(.6356);animation:fall-196 17s linear -8s infinite}@keyframes fall-196{42.677%{transform:translate(44.6625vw,42.677vh) scale(.6356)}to{transform:translate(44.7229vw,100vh) scale(.6356)}}div .snow:nth-child(197){opacity:.7661;transform:translate(43.0452vw,-10px) scale(.6937);animation:fall-197 19s linear -29s infinite}@keyframes fall-197{56.231%{transform:translate(46.1488vw,56.231vh) scale(.6937)}to{transform:translate(44.597vw,100vh) scale(.6937)}}div .snow:nth-child(198){opacity:.7862;transform:translate(20.8604vw,-10px) scale(.1497);animation:fall-198 19s linear -10s infinite}@keyframes fall-198{55.584%{transform:translate(29.28vw,55.584vh) scale(.1497)}to{transform:translate(25.0702vw,100vh) scale(.1497)}}div .snow:nth-child(199){opacity:.0248;transform:translate(46.0024vw,-10px) scale(.9336);animation:fall-199 25s linear -18s infinite}@keyframes fall-199{67.003%{transform:translate(38.5053vw,67.003vh) scale(.9336)}to{transform:translate(42.25385vw,100vh) scale(.9336)}}div .snow:nth-child(200){opacity:.5277;transform:translate(27.2919vw,-10px) scale(.2062);animation:fall-200 23s linear -30s infinite}@keyframes fall-200{50.986%{transform:translate(27.4145vw,50.986vh) scale(.2062)}to{transform:translate(27.3532vw,100vh) scale(.2062)}}.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.c54de7c6.chunk.css.map */