@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";*{padding:0;margin:0;box-sizing:border-box}html,body{width:100%;overflow-x:hidden}:root{--clr-primary: #0f1723;--clr-primary-light: #1a2634;--clr-secondary: #0a0f18;--clr-tertiary: rgba(15, 23, 35, .8);--clr-white: #fff;--clr-black: #000;--clr-accent-gold: #d4a853;--clr-accent-gold-light: #e5c07b;--clr-accent-gold-dark: #b8923f;--clr-silver: #9ca3af;--clr-silver-v1: #d1d5db;--clr-scarlet: #ef4444;--clr-scarlet-v1: rgba(239, 68, 68, .79);--clr-green: #10b981;--clr-yellow: #d4a853;--clr-jet: rgba(30, 41, 59, .7);--clr-peach: white;--clr-accent-cyan: #d4a853;--clr-accent-blue: #60a5fa;--clr-accent-purple: #d4a853;--clr-accent-pink: #f472b6;--clr-accent-orange: #fb923c;--font-family-bai: "Bai Jamjuree", sans-serif;--font-family-space: "Space Grotesk", sans-serif;--transition-default: all .3s ease-in-out;--page-horizontal-padding: 32px;--page-vertical-padding: clamp(12px, 1.2vh, 20px);--glass-bg: rgba(15, 23, 35, .85);--glass-border: rgba(212, 168, 83, .15);--glass-blur: 20px}.glass-hover{position:relative;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .24s cubic-bezier(.4,0,.2,1)}.glass-hover:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);transition:left .6s ease;z-index:1;pointer-events:none}.glass-hover:hover{transform:translateY(-4px)}.glass-hover:hover:before{left:100%}@media(prefers-reduced-motion:reduce){.glass-hover:before{transition:none;transform:none;opacity:0}}[class$=-page],.weather-dashboard{padding-top:var(--page-vertical-padding);padding-bottom:var(--page-vertical-padding)}body{font-family:var(--font-family-bai);cursor:default;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%;min-width:100%}ul{list-style-type:none}a{color:unset;text-decoration:none;color:var(--clr-white)}button{background-color:transparent;border:none;cursor:pointer}.img-fit-cover img{width:100%;height:100%;object-fit:cover}.text-white{color:var(--clr-white)}.text-silver-v1{color:var(--clr-silver-v1)}.text-scarlet{color:var(--clr-scarlet)}.text-green{color:var(--clr-green)}.bg-jet{background:var(--clr-jet)}.text-sm{font-size:14px}.app{display:flex;min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;background:linear-gradient(135deg,var(--clr-secondary) 0%,#0f1723 40%,#0a0f18 100%);position:relative}.app-bg{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden;z-index:0}.app-bg .bg-gradient-orb{position:absolute;border-radius:50%;clip-path:polygon(50% 0%,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);filter:blur(80px);opacity:.65;animation:orb-drift 30s ease-in-out infinite}.app-bg .bg-orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(96,165,250,.12) 0%,transparent 70%);top:-200px;right:-150px;animation-delay:0s}.app-bg .bg-orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);bottom:-100px;left:10%;animation-delay:-10s}.app-bg .bg-orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(212,168,83,.08) 0%,transparent 70%);top:40%;left:50%;animation-delay:-20s}.app-bg .bg-orb-4{width:350px;height:350px;background:radial-gradient(circle,rgba(14,165,233,.1) 0%,transparent 65%);top:60%;right:20%;animation:orb-drift 25s ease-in-out infinite;animation-delay:-5s}.app-bg .bg-orb-5{width:450px;height:450px;background:radial-gradient(circle,rgba(236,72,153,.08) 0%,transparent 68%);bottom:20%;right:5%;animation:orb-drift 35s ease-in-out infinite;animation-delay:-15s}.app-bg .bg-orb-6{width:380px;height:380px;background:radial-gradient(circle,rgba(14,165,233,.11) 0%,transparent 66%);top:15%;left:15%;animation:orb-drift-fast 18s ease-in-out infinite;animation-delay:-7s}.app-bg .bg-orb-7{width:320px;height:320px;background:radial-gradient(circle,rgba(139,92,246,.09) 0%,transparent 64%);bottom:40%;left:5%;animation:orb-drift-slow 45s ease-in-out infinite;animation-delay:-22s}.app-bg .bg-orb-8{width:420px;height:420px;background:radial-gradient(circle,rgba(96,165,250,.09) 0%,transparent 67%);top:70%;right:30%;animation:orb-drift-medium 28s ease-in-out infinite;animation-delay:-12s}@keyframes orb-drift{0%,to{transform:translate(0) scale(1);opacity:.5}25%{transform:translate(50px,-50px) scale(1.1);opacity:.6}50%{transform:translate(-30px,40px) scale(.9);opacity:.4}75%{transform:translate(-50px,-30px) scale(1.05);opacity:.55}}@keyframes orb-drift-fast{0%,to{transform:translate(0) scale(1);opacity:.4}25%{transform:translate(70px,-60px) scale(1.15);opacity:.5}50%{transform:translate(-40px,50px) scale(.85);opacity:.3}75%{transform:translate(-60px,-40px) scale(1.1);opacity:.45}}@keyframes orb-drift-slow{0%,to{transform:translate(0) scale(1);opacity:.5}25%{transform:translate(30px,-35px) scale(1.05);opacity:.6}50%{transform:translate(-20px,30px) scale(.95);opacity:.4}75%{transform:translate(-35px,-20px) scale(1.02);opacity:.55}}@keyframes orb-drift-medium{0%,to{transform:translate(0) scale(1);opacity:.45}25%{transform:translate(60px,-55px) scale(1.12);opacity:.55}50%{transform:translate(-35px,45px) scale(.88);opacity:.35}75%{transform:translate(-55px,-35px) scale(1.08);opacity:.5}}.app-bg .bg-mesh{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(96,165,250,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.015) 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 30%,black 0%,transparent 70%);mask-image:radial-gradient(ellipse 70% 70% at 50% 30%,black 0%,transparent 70%);animation:mesh-shift 20s linear infinite}@keyframes mesh-shift{0%{background-position:0 0}to{background-position:80px 80px}}.app-bg .bg-noise{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");animation:noise-flicker 8s ease-in-out infinite}@keyframes noise-flicker{0%,to{opacity:.02}50%{opacity:.04}}.app>[class$=-page],.app>[class*=-dashboard]{flex:1;min-width:0;position:relative;z-index:1}.sidebar-spacer{width:264px;min-width:264px;flex-shrink:0;background:transparent;transition:width .5s cubic-bezier(.4,0,.2,1),min-width .5s cubic-bezier(.4,0,.2,1)}.sidebar-spacer.collapsed{width:104px;min-width:104px}.main-content-area{flex:1;display:flex;flex-direction:column;min-width:0;min-height:100vh;position:relative}.page-content{flex:1;display:flex;flex-direction:column;padding-top:96px;min-height:0;overflow-y:auto;overflow-x:hidden}@media screen and (max-width:768px){.page-content{padding-top:88px}}@media screen and (max-width:1248px){.sidebar-spacer,.sidebar-spacer.collapsed{width:96px;min-width:96px}}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:16px;position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(212,168,83,.4) 30%,rgba(212,168,83,.6) 50%,rgba(212,168,83,.4) 70%,transparent 100%)}.lg-value{font-size:24px;font-weight:600}.grid-common{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:16px;border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d;color:var(--clr-white);padding:24px;position:relative;overflow:hidden}.grid-common:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(212,168,83,.3) 50%,transparent 100%)}.grid-c-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.grid-c-title-text{font-weight:400;color:var(--clr-silver)}.grid-c-title-icon img{width:24px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus input:-webkit-autofill,textarea:-webkit-autofill,textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-text-fill-color:white;-webkit-box-shadow:0 0 0px 1000px var(--clr-secondary) inset;transition:background-color 5000s ease-in-out 0s}@media screen and (max-width:1400px){.grid-common{padding:16px}body{font-size:14px!important}}.skeleton{width:100%;height:100%;border-radius:12px;background:#ffffff08;background-image:linear-gradient(90deg,#ffffff08,#ffffff0f,#ffffff08);background-size:200% 100%;animation:skeleton-shimmer 2.5s ease-in-out infinite;position:relative;overflow:hidden}@keyframes float{0%,to{transform:translateY(0) translate(0);opacity:.3}25%{transform:translateY(-20px) translate(10px);opacity:.6}50%{transform:translateY(-10px) translate(-5px);opacity:.4}75%{transform:translateY(-25px) translate(15px);opacity:.5}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #d4a85333}50%{box-shadow:0 0 40px #d4a85366}}.glow-effect{animation:glow-pulse 3s ease-in-out infinite}i.bi-sun-fill{background:linear-gradient(to bottom right,#fec80a,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent}i.bi-cloud-fill{background:linear-gradient(to bottom right,#fff,#b0c4de);-webkit-background-clip:text;-webkit-text-fill-color:transparent}i.bi-cloud-rain-fill,i.bi-cloud-drizzle-fill{background:linear-gradient(to bottom right,#cfd9df,#12a6e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent}i.bi-cloud-lightning-rain-fill{background:linear-gradient(to bottom right,#4b6cb7,#182848);-webkit-background-clip:text;-webkit-text-fill-color:transparent}i.bi-snow,i.bi-cloud-snow-fill{background:linear-gradient(to bottom right,#e0eafc,#cfdef3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}i.bi-cloud-sun-fill{background:linear-gradient(to bottom right,#fff 30%,#fec80a);-webkit-background-clip:text;-webkit-text-fill-color:transparent}i.bi-moon-stars-fill{background:linear-gradient(to bottom right,#9796f0,#fbc7d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}i.bi-cloud-fog2-fill{background:linear-gradient(to bottom right,#d7d2cc,#304352);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.skeleton{background:linear-gradient(90deg,#ffffff08,#ffffff14,#ffffff08);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:4px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-section{opacity:.8}.skeleton-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px}.skeleton-icon{flex-shrink:0}.skeleton-title{border-radius:6px}.skeleton-text{border-radius:4px}.skeleton-button{margin-left:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003;border-radius:3px}::-webkit-scrollbar-thumb{background:#d4a8534d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#d4a85380}.main-content-holder{display:grid;row-gap:20px}.content-grid-one,.content-grid-two{display:grid;grid-template-columns:repeat(3,1fr);column-gap:16px}.subgrid-two{display:grid;row-gap:20px;height:100%}@media screen and (max-width:1200px){.content-grid-one,.content-grid-two{column-gap:12px}.main-content-holder,.subgrid-two{row-gap:12px}}@media screen and (max-width:992px){.content-grid-one{grid-template-columns:repeat(2,1fr);row-gap:12px}.content-grid-two{grid-template-columns:repeat(2,1fr)}.content-grid-two .grid-two-item:nth-child(3){grid-column-start:1;grid-column-end:3}.content-grid-two .grid-two-item:nth-child(3) .subgrid-two{grid-template-columns:repeat(2,1fr);height:220px;column-gap:12px}.content-grid-two{row-gap:12px}}@media screen and (max-width:768px){.content-grid-one,.content-grid-two{grid-template-columns:repeat(1,1fr);column-gap:0}.content-grid-two .grid-two-item:nth-child(1){grid-column-start:1;grid-column-end:3}.content-grid-two .grid-two-item:nth-child(3) .subgrid-two{grid-template-columns:repeat(1,1fr);height:auto}.content-grid-two .grid-two-item:nth-child(3) .subgrid-two .subgrid-two-item{height:220px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.modal-overlay h3{margin-bottom:10px}.modal-content{background:var(--clr-jet);padding:20px;border-radius:8px;text-align:center;width:400px}.preview-container{margin-top:15px}.image-preview{width:200px;height:200px;object-fit:cover;border-radius:50%;border:2px solid #0ef;display:block;margin:0 auto}.modal-buttons{margin-top:15px;display:flex;justify-content:space-between}.cancel-button,.save-button{padding:10px 20px;cursor:pointer;font-size:14px}.cancel-button{background-color:var(--clr-scarlet-v1);color:#fff;border:none;border-radius:8px}.save-button{background-color:green;color:#fff;border:none;border-radius:8px;width:81.5px}.save-button:disabled{background-color:#ccccccb0;cursor:default}.sidebar{--sidebar-expanded-width: 240px;--sidebar-collapsed-width: 80px;--sidebar-width: var(--sidebar-expanded-width);--sidebar-margin: 12px;--sidebar-vertical-padding: 16px;--sidebar-horizontal-padding: 16px;background:linear-gradient(180deg,#0f172380,#141e2d7a,#0f172380);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:var(--sidebar-vertical-padding) var(--sidebar-horizontal-padding);margin:var(--sidebar-margin);display:flex;flex-direction:column;gap:0;height:calc(100vh - (var(--sidebar-margin) * 2));width:var(--sidebar-width);position:fixed;left:var(--sidebar-margin);top:var(--sidebar-margin);z-index:100;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff08;transition:width .5s cubic-bezier(.4,0,.2,1),padding .5s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);will-change:width,padding}.sidebar-header{display:flex;align-items:center;justify-content:left;gap:10px;padding:4px 8px;margin-bottom:0;flex-shrink:0;transition:padding .5s cubic-bezier(.4,0,.2,1),gap .5s cubic-bezier(.4,0,.2,1)}.app-logo{width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;transition:width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1);overflow:hidden}.app-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.app-logo:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:linear-gradient(135deg,#fff0,#fff0 35%,#ffffffb3 48%,#fff,#ffffffb3 52%,#fff0 65%,#fff0);background-size:200% 200%;background-position:200% 200%;opacity:0;animation:logoShimmer 8s cubic-bezier(.4,0,.2,1) infinite;z-index:2;mix-blend-mode:screen;mask-image:url(/nexus_logo.svg);-webkit-mask-image:url(/nexus_logo.svg);mask-size:contain;-webkit-mask-size:contain;mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.app-name{font-size:32px;font-weight:700;letter-spacing:1px;max-width:150px;overflow:visible;display:inline-flex;gap:2px;transition:opacity .4s cubic-bezier(.4,0,.2,1),max-width .5s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.app-letter{position:relative;display:inline-block;line-height:1;background:linear-gradient(135deg,#e8eaed,#a8b4c4 40%,#8b99ab 60%,#c4ccd8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;overflow:visible}.app-letter:after{content:attr(data-char);position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:linear-gradient(135deg,#fff0,#fff0 35%,#ffffffb3 48%,#fff,#ffffffb3 52%,#fff0 65%,#fff0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:250% 250%;background-position:200% 200%;opacity:0;animation:letterShimmer 8s cubic-bezier(.4,0,.2,1) infinite;animation-delay:calc(var(--i, 0) * .15s)}@media(prefers-reduced-motion:reduce){.app-letter:after,.app-logo:after{animation:none!important;opacity:0}}.toggle-button{position:absolute;right:-18px;top:50%;transform:translateY(-50%);width:36px;height:36px;background:linear-gradient(135deg,#323c50f2,#232d3cfa);color:var(--clr-silver-v1);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid rgba(255,255,255,.06);transition:background .26s cubic-bezier(.2,.9,.2,1),transform .36s cubic-bezier(.2,.9,.2,1),box-shadow .26s ease;z-index:12;box-shadow:0 6px 18px #00000073}.toggle-button:hover{transform:translateY(-50%) scale(1.04);background:linear-gradient(135deg,#3c465a,#2d3746);color:var(--clr-white);box-shadow:0 8px 28px #00000080}.toggle-button:focus-visible{outline:3px solid rgba(212,168,83,.18);outline-offset:4px}.toggle-button .toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:30px;transition:transform .36s cubic-bezier(.2,.9,.2,1)}.toggle-button .toggle-icon.open,.sidebar.sidebar-change .toggle-button .toggle-icon{transform:translate(0)}.sidebar-change .toggle-button{right:-14px}.navigation{display:flex;flex-direction:column;flex:1;gap:4px;overflow:visible;justify-content:center;padding:20px 0}.top-links{flex-shrink:0}.nav-list{display:flex;flex-direction:column;gap:4px}.nav-item,.profile-icon{width:100%}.nav-link{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:10px;color:#b4becdd9;text-decoration:none;position:relative;overflow:hidden;cursor:pointer;border:1px solid transparent;transition:background .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),padding .5s cubic-bezier(.4,0,.2,1),gap .5s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1)}.nav-link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;border-radius:0 2px 2px 0;opacity:0;transition:all .2s ease}.nav-link:hover{background:#ffffff0a;color:var(--clr-white)}.nav-link:hover:before{opacity:.7;height:50%}.nav-link.active{background:#ffffff14;color:var(--clr-white);font-weight:500;border-color:#ffffff0f}.nav-link.active:before{opacity:1;height:60%;background:#d4a853}.nav-link-icon{width:20px;height:20px;opacity:.6;filter:brightness(1.1) saturate(.8);transition:all .2s ease;flex-shrink:0}.nav-link:hover .nav-link-icon{opacity:.9;filter:brightness(1.3) saturate(.9)}.nav-link.active .nav-link-icon{opacity:1;filter:brightness(1.4) saturate(1)}.nav-link-text{font-size:14px;white-space:nowrap;letter-spacing:.02em;max-width:150px;overflow:hidden;transition:opacity .4s cubic-bezier(.4,0,.2,1),max-width .5s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.bottom-links{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.guide-section{margin-top:auto;padding-top:12px;flex-shrink:0}.assistant-divider,.divider{height:1px;margin:12px 0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent)}.ai-link{padding:10px 12px;border-radius:8px;background:linear-gradient(135deg,#14161c66,#12141a59);border:1px solid rgba(255,255,255,.03)}.ai-link{position:relative}.ai-link .nav-link-text{position:absolute;left:50%;transform:translate(-50%);white-space:nowrap;pointer-events:none}.ai-link .nav-link-icon{position:relative;z-index:2}.nav-link.disabled{cursor:default;opacity:.6;color:#b4becd99;pointer-events:none}.nav-link.disabled .nav-link-icon{opacity:.5}.nav-link.disabled .nav-link-text{color:inherit}.nav-link.disabled:hover{background:transparent;color:#b4becd99}.beta-label{background:#d4a8531f;color:#d4a853e6;padding:2px 6px;border-radius:4px;font-size:9px;font-weight:600;text-transform:uppercase;margin-left:8px;display:inline-block;vertical-align:middle;border:1px solid rgba(212,168,83,.2);letter-spacing:.5px}.sidebar-profile{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin-top:auto;background:linear-gradient(135deg,#0f1723e6,#141e2de6);border-radius:14px;border:1px solid rgba(212,168,83,.12);transition:background .3s cubic-bezier(.4,0,.2,1),flex-direction .5s cubic-bezier(.4,0,.2,1),gap .5s cubic-bezier(.4,0,.2,1),padding .5s cubic-bezier(.4,0,.2,1);overflow:visible}.sidebar-profile:hover{background:linear-gradient(135deg,#141e2deb,#192637eb);border-color:#d4a85333}.profile-section-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0;overflow:visible}.profile-link{text-decoration:none;color:inherit;display:flex;align-items:center;gap:10px;flex:1;min-width:0;cursor:pointer;border-radius:10px;padding:4px;margin:-4px;transition:background .2s ease,transform .2s ease;overflow:visible}.profile-link:hover{background:#ffffff0a;transform:translate(2px)}.profile-link.active{background:#d4a85314}.profile-link.active:hover{background:#d4a8531f}.profile-section-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.sidebar-profile .profile-img{width:38px;height:38px;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;overflow:visible}.sidebar-profile .profile-img:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid rgba(212,168,83,.35);transition:border-color .5s cubic-bezier(.25,.46,.45,.94),box-shadow .5s cubic-bezier(.25,.46,.45,.94);z-index:2;box-sizing:border-box;box-shadow:0 0 6px #d4a85326,0 0 10px #d4a8531a,0 0 14px #d4a8530f}.profile-link:hover .profile-img:before{border-color:#d4a853b3;box-shadow:0 0 8px #d4a8534d,0 0 14px #d4a85333,0 0 20px #d4a85326,0 0 26px #d4a8531a,0 0 32px #d4a8530d}.profile-link:hover .profile-img:after{opacity:1;box-shadow:0 0 8px #d4a8534d,0 0 14px #d4a85333,0 0 20px #d4a85326,0 0 26px #d4a8531a,0 0 32px #d4a8530d}.sidebar-profile .profile-img img{width:100%;height:100%;object-fit:cover;border-radius:50%;position:relative;z-index:1;display:block}.sidebar-profile .profile-img .default-user-icon{width:100%;height:100%;color:#d4a853cc;position:relative;z-index:1}.sidebar-profile .profile-name{font-size:14px;font-weight:700;color:#e6f4f0f2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;text-align:left;transition:opacity .4s cubic-bezier(.4,0,.2,1),max-width .5s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.logout-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#dce6f0d9;font-size:15px;cursor:pointer;flex-shrink:0;transition:background .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1)}.logout-btn:hover{background:#fe1e001f;border-color:#fe1e004d;color:#ff8b73;box-shadow:0 6px 16px #fe1e0040}.sidebar-change{--sidebar-width: var(--sidebar-collapsed-width);padding:20px 10px}.sidebar-change .sidebar-header{padding:8px 0;justify-content:center;gap:0}.sidebar-change .app-logo{margin:0 auto}.sidebar-change .app-name{opacity:0;max-width:0;width:0;transform:translate(-10px);pointer-events:none;position:absolute}.sidebar-change .nav-link{justify-content:center;padding:12px;gap:0}.sidebar-change .nav-link-text{opacity:0;max-width:0;width:0;transform:translate(-10px);pointer-events:none;position:absolute}.sidebar-change .beta-label{display:none}.sidebar-change .nav-link-icon{margin:0 auto;width:22px;height:22px}.sidebar-change .sidebar-profile{flex-direction:column;gap:8px;padding:10px 6px;align-items:center;justify-content:center}.sidebar-change .profile-section-left,.sidebar-change .profile-link{flex-direction:column;gap:0;padding:0;margin:0}.sidebar-change .profile-section-right{display:flex;align-items:center;justify-content:center;width:100%}.sidebar-change .profile-name{display:none}.sidebar-change .sidebar-profile .profile-img{width:30px;height:30px}.sidebar-change .logout-btn{width:28px;height:28px;font-size:14px;margin-left:0}@media screen and (max-width:1248px){.sidebar{--sidebar-width: var(--sidebar-collapsed-width);--sidebar-margin: 8px;padding:20px 10px}.sidebar-header{padding:8px 0;justify-content:left}.app-name,.nav-link-text,.beta-label,.profile-name{display:none}.nav-link{justify-content:center;padding:12px;gap:0}.nav-link-icon{margin:0 auto}.toggle-button{display:none}.sidebar-profile{flex-direction:column;gap:8px;padding:10px 6px;align-items:center}.sidebar-profile .profile-img{width:30px;height:30px}.logout-btn{width:28px;height:28px;font-size:14px;margin-left:0}}.logout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050810f7;display:flex;align-items:center;justify-content:center;z-index:10000;animation:logoutFadeIn .4s ease forwards}@keyframes logoutFadeIn{0%{opacity:0}to{opacity:1}}.logout-content{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;animation:logoutContentIn .45s cubic-bezier(.16,1,.3,1) .05s forwards;opacity:0;transform:scale(.95);z-index:10001;max-width:90%}@keyframes logoutContentIn{to{opacity:1;transform:scale(1) translateY(0)}}.logout-logo{width:100px;margin:0 0 12px;display:flex;align-items:center;justify-content:center;line-height:0}.logout-logo img{width:100%;height:auto;display:block;object-fit:contain;transform:translateY(1px);filter:drop-shadow(0 0 15px rgba(212,168,83,.3));animation:logoutLogoFade 1s ease-in-out infinite alternate}@keyframes logoutLogoFade{0%{filter:drop-shadow(0 0 10px rgba(212,168,83,.2));opacity:.8}to{filter:drop-shadow(0 0 20px rgba(212,168,83,.4));opacity:1}}.logout-text{font-size:16px;color:#ffffffb3;font-weight:500;letter-spacing:.5px;margin-bottom:20px}.logout-progress{width:150px;height:3px;background:#ffffff1a;border-radius:2px;margin:0 auto;overflow:hidden}.logout-progress-bar{height:100%;width:0;background:linear-gradient(90deg,#d4a853,#c49843);border-radius:2px;animation:logoutProgress .8s ease forwards}@keyframes logoutProgress{0%{width:0}to{width:100%}}.top-header{--header-height: 72px;--header-margin: 12px;--header-gap: 16px;position:fixed;top:var(--header-margin);left:calc(var(--sidebar-expanded-width, 240px) + (var(--sidebar-margin, 12px) * 2) + var(--page-horizontal-padding));right:var(--page-horizontal-padding);height:var(--header-height);z-index:90;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 var(--page-horizontal-padding);background:linear-gradient(135deg,#0f1723d9,#141e2dcc,#0f1723d9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff08,inset 0 1px #ffffff0d;transition:left .5s cubic-bezier(.4,0,.2,1)}.top-header.sidebar-collapsed{left:calc(var(--sidebar-collapsed-width, 80px) + (var(--sidebar-margin, 12px) * 2) + var(--page-horizontal-padding))}.header-left{display:flex;align-items:center;flex:1;min-width:0}.page-info{display:flex;align-items:center;gap:16px}.page-icon-wrapper{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d4a85326,#d4a8530d);border:1px solid rgba(212,168,83,.2);border-radius:12px;flex-shrink:0}.page-icon{font-size:24px;color:var(--clr-accent-gold)}.page-text{display:flex;flex-direction:column;gap:2px;min-width:0}.page-title{font-size:18px;font-weight:600;color:var(--clr-white);letter-spacing:.02em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-subtitle{font-size:13px;color:#ffffff80;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.notification-wrapper{position:relative}.notification-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.notification-btn:hover{background:#d4a8531a;border-color:#d4a85333;transform:translateY(-2px)}.notification-icon{font-size:22px;color:#ffffffb3;transition:color .25s ease}.notification-btn:hover .notification-icon{color:var(--clr-accent-gold)}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 5px;font-size:11px;font-weight:600;color:var(--clr-white);background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid var(--clr-primary);border-radius:9px;animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.notification-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:340px;background:linear-gradient(135deg,#0f1723fa,#141e2df2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 20px 40px #00000080,0 0 0 1px #ffffff08;overflow:hidden;z-index:100;animation:dropdown-fade .2s ease-out}@keyframes dropdown-fade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.notification-header span{font-size:14px;font-weight:600;color:var(--clr-white)}.mark-read-btn{font-size:12px;color:var(--clr-accent-gold);background:none;border:none;cursor:pointer;transition:opacity .2s ease}.mark-read-btn:hover{opacity:.8}.notification-list{max-height:320px;overflow-y:auto}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s ease;cursor:pointer}.notification-item:hover{background:#ffffff08}.notification-item.unread{background:#d4a8530d}.notification-item.unread:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--clr-accent-gold);border-radius:50%}.notif-icon{font-size:20px;flex-shrink:0;margin-top:2px}.notif-icon.info{color:#60a5fa}.notif-icon.success{color:#10b981}.notif-icon.warning{color:var(--clr-accent-gold)}.notif-content{flex:1;min-width:0}.notif-text{font-size:13px;color:#ffffffe6;margin:0 0 4px;line-height:1.4}.notif-time{font-size:11px;color:#fff6}.notification-footer{padding:12px 20px;border-top:1px solid rgba(255,255,255,.08)}.view-all-btn{width:100%;padding:10px;font-size:13px;font-weight:500;color:var(--clr-accent-gold);background:#d4a8531a;border:1px solid rgba(212,168,83,.2);border-radius:8px;cursor:pointer;transition:all .25s ease}.view-all-btn:hover{background:#d4a85326}.header-divider{width:1px;height:32px;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%)}.profile-wrapper{display:flex;align-items:center;gap:8px}.profile-section{display:flex;align-items:center;gap:12px;padding:6px 12px 6px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;text-decoration:none;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.profile-section:hover{background:#d4a85314;border-color:#d4a85333;transform:translateY(-2px)}.profile-section.active{background:#d4a8531a;border-color:#d4a8534d}.profile-info{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.profile-greeting{font-size:11px;color:#ffffff80;white-space:nowrap}.profile-name{font-size:14px;font-weight:500;color:var(--clr-white);white-space:nowrap}.profile-avatar{width:40px;height:40px;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#d4a85333,#d4a8531a);border:2px solid rgba(212,168,83,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-avatar img{width:100%;height:100%;object-fit:cover}.default-avatar-icon{font-size:24px;color:#fff9}.top-header .logout-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#ef4444;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.top-header .logout-btn:hover{background:#ef444433;border-color:#ef444466;transform:translateY(-2px);box-shadow:0 4px 12px #ef444433}.top-header .logout-btn svg{font-size:20px}@media(max-width:1200px){.page-subtitle,.profile-greeting{display:none}}@media(max-width:1248px){.top-header,.top-header.sidebar-collapsed{left:calc(var(--sidebar-collapsed-width, 80px) + var(--page-horizontal-padding));right:var(--page-horizontal-padding)}}@media(max-width:992px){.top-header{gap:16px;padding:0 16px}.page-text,.profile-info{display:none}}@media(max-width:768px){.top-header,.top-header.sidebar-collapsed{--header-height: 64px;left:var(--page-horizontal-padding);right:var(--page-horizontal-padding);border-radius:12px}.page-icon-wrapper{width:40px;height:40px}.page-icon{font-size:20px}.notification-btn{width:40px;height:40px}.profile-avatar{width:36px;height:36px}.notification-dropdown{width:calc(100vw - 32px);right:-60px}}.air-quality{width:100%;padding-top:35px;box-sizing:border-box;height:100%;display:flex;flex-direction:column;justify-content:center}.air-quality-info{margin-bottom:7px;margin-top:0}.air-quality-info{display:flex;flex-direction:row;align-items:baseline;justify-content:center;gap:8px;text-align:center;font-size:.95rem;width:100%;flex-wrap:nowrap;white-space:nowrap}.air-quality-value{font-weight:700;font-size:1rem;line-height:1;text-shadow:0 0 4px rgba(0,0,0,.45)}.air-quality-description{font-size:.95rem;font-style:italic;opacity:.95}.air-quality-bar{position:relative;height:10px;background:linear-gradient(to right,#00e400,#ff0,#ff7e00,red,#99004c,#7e0023);border-radius:5px;overflow:hidden;margin-left:5%;margin-right:5%}.air-quality-level{position:absolute;top:50%;width:12px;height:12px;background-color:#fff;border:2px solid #000000;border-radius:50%;transform:translate(-50%,-50%)}.mapboxgl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:rgb(0 0 0/0)}.mapboxgl-canvas{left:0;position:absolute;top:0}.mapboxgl-map:-webkit-full-screen{height:100%;width:100%}.mapboxgl-canary{background-color:salmon}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:grab;-webkit-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none}.mapboxgl-ctrl-bottom,.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-left,.mapboxgl-ctrl-right,.mapboxgl-ctrl-top,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.mapboxgl-ctrl-top-left{left:0;top:0}.mapboxgl-ctrl-top{left:50%;top:0;transform:translate(-50%)}.mapboxgl-ctrl-top-right{right:0;top:0}.mapboxgl-ctrl-right{right:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl-bottom-right{bottom:0;right:0}.mapboxgl-ctrl-bottom{bottom:0;left:50%;transform:translate(-50%)}.mapboxgl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-left{left:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{float:left;margin:10px 0 0 10px}.mapboxgl-ctrl-top .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{float:right;margin:10px 10px 0 0}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,.mapboxgl-ctrl-right .mapboxgl-ctrl{float:right;margin:0 10px 10px 0}.mapboxgl-ctrl-bottom .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl,.mapboxgl-ctrl-left .mapboxgl-ctrl{float:left;margin:0 0 10px 10px}.mapboxgl-ctrl-group{background:#fff;border-radius:4px}.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px #0000001a}@media(-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.mapboxgl-ctrl-group button{background-color:initial;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;overflow:hidden;padding:0;width:29px}.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media(-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:initial}.mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}.mapboxgl-ctrl-group button:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:only-child{border-radius:inherit}.mapboxgl-ctrl button:not(:disabled):hover{background-color:#0000000d}.mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}@media(-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}@media(-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}@media(-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}@media(-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}@media(-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")}}@media(-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-buildings-toggle .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M3.3335 11.6666C3.3335 12.5871 4.07969 13.3333 5.00016 13.3333C5.92064 13.3333 6.66683 12.5871 6.66683 11.6666L6.66683 6.66659L11.6668 6.66659C12.5873 6.66659 13.3335 5.92039 13.3335 4.99992C13.3335 4.07944 12.5873 3.33325 11.6668 3.33325H3.3335V11.6666Z' fill='currentColor'/%3E%3Cpath d='M26.6668 11.6666C26.6668 12.5871 25.9206 13.3333 25.0002 13.3333C24.0797 13.3333 23.3335 12.5871 23.3335 11.6666L23.3335 6.66659L18.3335 6.66659C17.413 6.66659 16.6668 5.92039 16.6668 4.99992C16.6668 4.07944 17.413 3.33325 18.3335 3.33325H26.6668L26.6668 11.6666Z' fill='currentColor'/%3E%3Cpath d='M13.3335 24.9999C13.3335 25.9204 12.5873 26.6666 11.6668 26.6666H3.3335V18.3333C3.3335 17.4128 4.07969 16.6666 5.00016 16.6666C5.92064 16.6666 6.66683 17.4128 6.66683 18.3333V23.3333H11.6668C12.5873 23.3333 13.3335 24.0794 13.3335 24.9999Z' fill='currentColor'/%3E%3Cpath d='M18.3335 26.6666C17.413 26.6666 16.6668 25.9204 16.6668 24.9999C16.6668 24.0794 17.413 23.3333 18.3335 23.3333H23.3335V18.3333C23.3335 17.4128 24.0797 16.6666 25.0002 16.6666C25.9206 16.6666 26.6668 17.4128 26.6668 18.3333V26.6666H18.3335Z' fill='currentColor'/%3E%3C/svg%3E");background-size:26px 26px}.mapboxgl-ctrl button.mapboxgl-ctrl-buildings-toggle.mapboxgl-ctrl-level-button-selected .mapboxgl-ctrl-icon{filter:invert(1) brightness(1)}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{animation:mapboxgl-spin 2s linear infinite}@media(-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}}@media(-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}}@keyframes mapboxgl-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='0.9' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}@media(-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}@media(-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23000'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{background-color:#ffffff80;margin:0;padding:0 5px}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{background-color:#fff;border-radius:12px;box-sizing:initial;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{background-color:#ffffff80;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:#0000000d}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0;top:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0;top:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.mapboxgl-ctrl-attrib a{color:#000000bf;text-decoration:none}.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}.mapboxgl-attrib-empty{display:none}.mapboxgl-ctrl-scale{background-color:#ffffffbf;border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px;white-space:nowrap}.mapboxgl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{flex-direction:column-reverse}.mapboxgl-popup-anchor-left{flex-direction:row}.mapboxgl-popup-anchor-right{flex-direction:row-reverse}.mapboxgl-popup-tip{border:10px solid #0000;height:0;width:0;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}.mapboxgl-popup-close-button{background-color:initial;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.mapboxgl-popup-close-button:hover{background-color:#0000000d}.mapboxgl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px #0000001a;padding:10px 10px 15px;pointer-events:auto;position:relative}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}.mapboxgl-marker{left:0;opacity:1;position:absolute;top:0;transition:opacity .2s;will-change:transform}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.mapboxgl-user-location-dot:before{animation:mapboxgl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.mapboxgl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px #00000059;box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading{height:0;width:0}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-bottom:7.5px solid #4aa1eb;content:"";position:absolute}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-left:7.5px solid #0000;transform:translateY(-28px) skewY(-20deg)}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after{border-right:7.5px solid #0000;transform:translate(7.5px,-28px) skewY(20deg)}@keyframes mapboxgl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.mapboxgl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}@media print{.mapbox-improve-map{display:none}}.mapboxgl-scroll-zoom-blocker,.mapboxgl-touch-pan-blocker{align-items:center;background:#000000b3;color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;transition:opacity .75s ease-in-out;transition-delay:1s;width:100%}.mapboxgl-scroll-zoom-blocker-show,.mapboxgl-touch-pan-blocker-show{opacity:1;transition:opacity .1s ease-in-out}.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-ctrl-separator{background-color:#e0e0e0;height:1px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button{color:#333;font-size:18px;font-weight:700;height:50px;width:50px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:hover{background-color:#f5f5f5}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected{background-color:#4a5568;color:#fff}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected:hover{background-color:#2d3748}.advanced-weather-map{--awm-bg-primary: #0f1723;--awm-bg-secondary: #1a2634;--awm-bg-tertiary: #0a0f18;--awm-accent-gold: #d4a853;--awm-accent-gold-light: #e5c07b;--awm-accent-gold-dark: #b8923f;--awm-text-primary: rgba(255, 255, 255, .95);--awm-text-secondary: rgba(255, 255, 255, .7);--awm-text-muted: rgba(255, 255, 255, .5);--awm-border: rgba(212, 168, 83, .15);--awm-glass-bg: rgba(15, 23, 35, .85);--awm-glass-border: rgba(212, 168, 83, .2);--awm-success: #10b981;--awm-warning: #fb923c;--awm-danger: #ef4444;--awm-info: #60a5fa;--awm-radius-sm: 8px;--awm-radius-md: 12px;--awm-radius-lg: 16px;--awm-radius-xl: 20px;--awm-transition: all .25s cubic-bezier(.4, 0, .2, 1)}.advanced-weather-map{display:flex;flex-direction:column;background:linear-gradient(180deg,var(--awm-bg-primary) 0%,var(--awm-bg-tertiary) 100%);border:1px solid var(--awm-border);border-radius:var(--awm-radius-xl);overflow:visible;box-shadow:0 8px 32px #0006,0 0 0 1px #d4a8530d,inset 0 1px #ffffff08;margin-top:24px}.awm-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:linear-gradient(180deg,#d4a85314,#d4a85305);border-bottom:1px solid var(--awm-border);border-top-left-radius:var(--awm-radius-xl);border-top-right-radius:var(--awm-radius-xl);overflow:hidden}.awm-header-left{display:flex;align-items:center;gap:12px}.awm-header-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--awm-accent-gold) 0%,var(--awm-accent-gold-dark) 100%);border-radius:var(--awm-radius-md);font-size:18px;color:var(--awm-bg-primary);box-shadow:0 4px 12px #d4a8534d}.awm-header h3{margin:0;font-size:18px;font-weight:600;color:var(--awm-text-primary);letter-spacing:-.01em;font-family:Space Grotesk,sans-serif}.awm-header-subtitle{font-size:12px;color:var(--awm-text-muted);margin-top:2px}.awm-header-right{display:flex;align-items:center;gap:12px}.awm-header-stats{display:flex;gap:8px}.awm-stat{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#d4a8531a;border:1px solid rgba(212,168,83,.2);border-radius:20px;font-size:12px;font-weight:500;color:var(--awm-accent-gold);transition:var(--awm-transition)}.awm-stat:hover{background:#d4a85326}.awm-stat i{font-size:12px;opacity:.8}.awm-animate-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--awm-glass-border);background:var(--awm-glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--awm-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:var(--awm-transition)}.awm-animate-btn:hover{background:#d4a85326;border-color:var(--awm-accent-gold);color:var(--awm-accent-gold);transform:scale(1.05)}.awm-animate-btn.active{background:linear-gradient(135deg,var(--awm-accent-gold) 0%,var(--awm-accent-gold-dark) 100%);border-color:var(--awm-accent-gold);color:var(--awm-bg-primary);box-shadow:0 0 20px #d4a85366}.awm-map-wrapper{position:relative;width:100%;height:550px;overflow:visible;background:var(--awm-bg-tertiary)}.awm-map-container{width:100%;height:100%;overflow:hidden;border-radius:0 0 var(--awm-radius-xl) var(--awm-radius-xl)}.awm-map-reset{position:absolute;top:120px;right:16px;z-index:40;display:flex;align-items:center}.awm-reset-btn{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:var(--awm-radius-md);border:1px solid var(--awm-glass-border);background:var(--awm-glass-bg);color:var(--awm-text-primary);cursor:pointer;font-weight:600;letter-spacing:.01em;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:var(--awm-transition)}.awm-reset-btn:hover{border-color:var(--awm-accent-gold);color:var(--awm-accent-gold);box-shadow:0 6px 14px #d4a85333}.awm-reset-btn i{font-size:24px}.awm-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0a0f18f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:100}.awm-loading-spinner{width:48px;height:48px;border:3px solid rgba(212,168,83,.2);border-top-color:var(--awm-accent-gold);border-radius:50%;animation:awm-spin .8s linear infinite}@keyframes awm-spin{to{transform:rotate(360deg)}}.awm-loading-overlay span{color:var(--awm-text-secondary);font-size:14px;font-weight:500}.advanced-location-marker{width:24px;height:24px;position:relative}.advanced-location-marker:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:linear-gradient(135deg,var(--awm-accent-gold) 0%,var(--awm-accent-gold-dark) 100%);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #d4a8534d,0 4px 12px #0006;z-index:2}.advanced-location-marker:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:radial-gradient(circle,rgba(212,168,83,1) 0%,transparent 70%);border-radius:50%;animation:location-pulse 2s ease-out infinite;z-index:1}@keyframes location-pulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.nearby-place-marker{transform:rotate(-45deg);display:inline-flex;align-items:center;justify-content:center}.nearby-place-marker i{transform:rotate(45deg);transition:transform .15s ease;display:inline-block}.nearby-place-marker:hover i{transform:rotate(45deg) scale(1.12)}.mapboxgl-popup.nearby-place-popup{transition:opacity .2s ease}.mapboxgl-popup.nearby-place-popup .mapboxgl-popup-content{padding:8px;border-radius:8px;box-shadow:0 4px 12px #00000026}.route-origin-marker{cursor:pointer}.route-origin-marker:hover{transform:scale(1.15);transition:transform .2s ease}.route-dest-marker{cursor:pointer;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.route-dest-marker:hover{transform:scale(1.1);transition:transform .2s ease}.route-dest-marker:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:radial-gradient(circle,rgba(239,68,68,.4) 0%,transparent 70%);border-radius:50%;animation:dest-pulse 2s ease-out infinite;z-index:-1}@keyframes dest-pulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.mapboxgl-popup-content{padding:8px 12px!important;border-radius:8px!important;box-shadow:0 4px 12px #0000004d!important}.awm-wind-canvas,.awm-aqi-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .5s ease}.awm-wind-canvas{z-index:4}.awm-aqi-canvas{z-index:3}.awm-wind-canvas.visible,.awm-aqi-canvas.visible{opacity:1}.awm-compass{position:absolute;top:16px;left:16px;z-index:10;width:88px;height:88px;cursor:grab;transition:transform .15s ease-out}.awm-compass:hover{transform:scale(1.05)}.awm-compass.dragging{cursor:grabbing}.awm-compass-ring{position:relative;width:100%;height:100%;background:var(--awm-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:50%;border:1px solid var(--awm-glass-border);box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff0d}.awm-compass-ring:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;transform:translate(-50%,-50%);background:var(--awm-accent-gold);border-radius:50%;box-shadow:0 0 8px #d4a85380}.awm-compass-n,.awm-compass-e,.awm-compass-s,.awm-compass-w{position:absolute;font-size:11px;font-weight:700;color:var(--awm-text-muted);font-family:Space Grotesk,sans-serif}.awm-compass-n{top:8px;left:50%;transform:translate(-50%);color:var(--awm-accent-gold);font-size:13px}.awm-compass-e{top:50%;right:10px;transform:translateY(-50%)}.awm-compass-s{bottom:8px;left:50%;transform:translate(-50%)}.awm-compass-w{top:50%;left:10px;transform:translateY(-50%)}.awm-compass-needle{position:absolute;top:50%;left:50%;width:6px;height:36px;transform:translate(-50%,-50%)}.awm-needle-north{position:absolute;top:0;left:0;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:18px solid var(--awm-accent-gold);filter:drop-shadow(0 0 4px rgba(212,168,83,.5))}.awm-needle-south{position:absolute;bottom:0;left:0;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:18px solid rgba(255,255,255,.4)}.awm-layer-control,.awm-style-control,.awm-route-control{position:absolute;z-index:20}.awm-layer-control{top:16px;right:80px}.awm-style-control{top:16px;right:136px}.awm-route-control{top:16px;right:192px}.awm-control-btn{width:40px;height:40px;border-radius:var(--awm-radius-md);border:1px solid var(--awm-glass-border);background:var(--awm-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--awm-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:var(--awm-transition);box-shadow:0 4px 16px #0003}.awm-control-btn:hover{background:#d4a85326;border-color:var(--awm-accent-gold);color:var(--awm-accent-gold);transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.awm-control-btn.active{background:linear-gradient(135deg,#d4a85333,#d4a8531a);border-color:var(--awm-accent-gold);color:var(--awm-accent-gold);box-shadow:0 4px 16px #0003,0 0 20px #d4a85333}.awm-panel{position:absolute;right:auto;min-width:280px;max-width:320px;background:var(--awm-glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--awm-glass-border);border-radius:var(--awm-radius-lg);overflow:hidden;box-shadow:0 12px 40px #0006,inset 0 1px #ffffff0d;z-index:30;animation:awm-panel-in .3s cubic-bezier(.4,0,.2,1)}@keyframes awm-panel-in{0%{opacity:0;transform:translate(12px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.awm-layer-panel{top:56px;right:16px}.awm-style-panel{top:56px;right:72px}.awm-route-panel{top:56px;right:16px}.awm-style-item svg,.awm-style-item i{width:22px;height:22px;color:var(--awm-text-muted);flex-shrink:0}.awm-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(180deg,rgba(212,168,83,.08) 0%,transparent 100%);border-bottom:1px solid var(--awm-border)}.awm-panel-header h4{margin:0;font-size:14px;font-weight:600;color:var(--awm-text-primary);font-family:Space Grotesk,sans-serif}.awm-panel-header button{width:28px;height:28px;border-radius:var(--awm-radius-sm);border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--awm-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:var(--awm-transition)}.awm-panel-header button:hover{background:#ffffff1a;border-color:#fff3;color:var(--awm-text-primary)}.awm-panel-content{padding:12px;max-height:320px;overflow-y:auto}.awm-panel-content::-webkit-scrollbar{width:4px}.awm-panel-content::-webkit-scrollbar-track{background:#ffffff05;border-radius:2px}.awm-panel-content::-webkit-scrollbar-thumb{background:#d4a8534d;border-radius:2px}.awm-panel-content::-webkit-scrollbar-thumb:hover{background:#d4a85380}.awm-panel-warning{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fb923c1a;border-top:1px solid rgba(251,146,60,.2);font-size:12px;color:var(--awm-warning)}.awm-panel-warning i{font-size:14px}.awm-layer-item{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:var(--awm-radius-md);cursor:pointer;transition:var(--awm-transition);margin-bottom:6px;border:1px solid transparent}.awm-layer-item:last-child{margin-bottom:0}.awm-layer-item:hover{background:#ffffff0d;border-color:#ffffff14}.awm-layer-item:active{transform:scale(.98)}.awm-layer-item.active{background:#d4a8531a;border-color:#d4a85340}.awm-layer-icon{width:36px;height:36px;border-radius:var(--awm-radius-sm);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;transition:var(--awm-transition)}.awm-layer-info{flex:1;min-width:0}.awm-layer-name{display:block;font-size:13px;font-weight:600;color:var(--awm-text-primary);margin-bottom:2px}.awm-layer-desc{display:block;font-size:11px;color:var(--awm-text-muted)}.awm-layer-toggle{width:48px;height:28px;background:#ffffff1a;border-radius:14px;position:relative;transition:var(--awm-transition);flex-shrink:0}.awm-control-btn svg,.awm-control-btn i{width:22px;height:22px;color:var(--awm-text-muted)}.awm-layer-toggle.on{background:linear-gradient(135deg,var(--awm-accent-gold) 0%,var(--awm-accent-gold-dark) 100%);box-shadow:0 0 16px #d4a8534d}.awm-toggle-slider{position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:var(--awm-transition);box-shadow:0 2px 6px #00000040}.awm-layer-toggle.on .awm-toggle-slider{left:23px}.awm-style-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.awm-style-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 12px;border-radius:var(--awm-radius-md);background:#ffffff08;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:var(--awm-transition)}.awm-style-item:hover{background:#ffffff14;border-color:#ffffff1f;transform:translateY(-2px)}.awm-style-item.active{background:#d4a8531f;border-color:var(--awm-accent-gold)}.awm-style-item i{font-size:20px;color:var(--awm-text-secondary);transition:var(--awm-transition)}.awm-style-item.active i{color:var(--awm-accent-gold)}.awm-style-item span{font-size:11px;font-weight:500;color:var(--awm-text-muted);transition:var(--awm-transition)}.awm-style-item.active span{color:var(--awm-accent-gold)}.awm-route-input-wrapper{position:relative;margin-bottom:10px}.awm-route-input-wrapper:last-of-type{margin-bottom:0}.awm-route-input{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--awm-radius-md);transition:var(--awm-transition)}.awm-route-input:focus-within{border-color:var(--awm-accent-gold);background:#d4a8530d;box-shadow:0 0 0 3px #d4a8531a}.awm-route-input i{color:var(--awm-accent-gold);font-size:16px;flex-shrink:0}.awm-route-input input{flex:1;background:transparent;border:none;outline:none;color:var(--awm-text-primary);font-size:13px;font-family:inherit}.awm-route-input input::placeholder{color:var(--awm-text-muted)}.awm-input-loader{font-size:14px;color:var(--awm-accent-gold)}.awm-suggestions-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--awm-glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--awm-glass-border);border-radius:var(--awm-radius-md);overflow:hidden;z-index:100;box-shadow:0 12px 40px #0006;animation:awm-dropdown-in .2s ease}@keyframes awm-dropdown-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.awm-suggestion-item{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;transition:var(--awm-transition);border-bottom:1px solid rgba(255,255,255,.05)}.awm-suggestion-item:last-child{border-bottom:none}.awm-suggestion-item:hover{background:#d4a8531a}.awm-suggestion-item:active{transform:scale(.98)}.awm-suggestion-item i{color:var(--awm-accent-gold);font-size:16px;flex-shrink:0}.awm-suggestion-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.awm-suggestion-name{font-size:13px;font-weight:500;color:var(--awm-text-primary)}.awm-suggestion-full{font-size:11px;color:var(--awm-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.awm-route-actions{display:flex;gap:10px;margin-top:14px}.awm-route-calc-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;background:linear-gradient(135deg,#d4a85333,#d4a8531a);border:1px solid var(--awm-accent-gold);border-radius:var(--awm-radius-md);color:var(--awm-accent-gold);font-size:13px;font-weight:600;cursor:pointer;transition:var(--awm-transition)}.awm-route-calc-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--awm-accent-gold) 0%,var(--awm-accent-gold-dark) 100%);color:var(--awm-bg-primary);box-shadow:0 0 24px #d4a85366;transform:translateY(-2px)}.awm-route-calc-btn:disabled{opacity:.4;cursor:not-allowed}.awm-route-clear-btn{padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--awm-radius-md);color:var(--awm-danger);font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:var(--awm-transition)}.awm-route-clear-btn:hover{background:#ef444433;border-color:var(--awm-danger)}.awm-route-info{display:flex;gap:16px;margin-top:14px;padding:14px;background:#d4a85314;border:1px solid rgba(212,168,83,.15);border-radius:var(--awm-radius-md)}.awm-route-stat{display:flex;align-items:center;gap:8px;color:var(--awm-text-primary);font-size:14px;font-weight:600}.awm-route-stat i{color:var(--awm-accent-gold);font-size:16px}.spinning{animation:awm-spin .8s linear infinite}.awm-route-panel-expanded{min-width:360px;max-width:400px;max-height:70vh;transition:box-shadow .2s ease}.awm-route-panel-expanded.dragging{box-shadow:0 20px 60px #00000080,0 0 0 1px #d4a8534d;opacity:.95;-webkit-user-select:none;user-select:none}.awm-panel-draggable{cursor:grab;-webkit-user-select:none;user-select:none}.awm-panel-draggable:active{cursor:grabbing}.awm-panel-draggable:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:32px;height:4px;background:#fff3;border-radius:2px;opacity:0;transition:opacity .2s ease}.awm-panel-header:hover .awm-panel-draggable:before,.awm-route-panel-expanded:hover .awm-panel-draggable:before{opacity:1}.awm-route-content{max-height:calc(70vh - 60px);overflow-y:auto;padding-bottom:16px}.awm-back-btn{width:32px;height:32px;border-radius:50%;border:none;background:#ffffff14;color:var(--awm-accent-gold);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--awm-transition);margin-right:8px}.awm-back-btn:hover{background:#d4a85326}.awm-route-mode-selector{display:flex;gap:8px;margin-bottom:16px;padding:4px;background:#ffffff0d;border-radius:var(--awm-radius-md)}.awm-mode-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;border:none;border-radius:var(--awm-radius-sm);background:transparent;color:var(--awm-text-muted);cursor:pointer;transition:var(--awm-transition)}.awm-mode-btn i{font-size:18px}.awm-mode-btn span{font-size:11px;font-weight:500}.awm-mode-btn:hover{background:#ffffff14;color:var(--awm-text-secondary)}.awm-mode-btn.active{background:linear-gradient(135deg,#d4a85333,#d4a8531a);color:var(--awm-accent-gold)}.awm-route-options{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px;background:#ffffff08;border-radius:var(--awm-radius-md);border:1px solid rgba(255,255,255,.06)}.awm-route-option-toggle{display:flex;align-items:center}.awm-toggle-label{display:flex;align-items:center;gap:12px;cursor:pointer;width:100%;padding:4px 0}.awm-toggle-label input[type=checkbox]{display:none}.awm-toggle-switch{position:relative;width:44px;height:24px;background:#ffffff26;border-radius:12px;transition:var(--awm-transition);flex-shrink:0}.awm-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:var(--awm-transition);box-shadow:0 2px 4px #0003}.awm-toggle-label input[type=checkbox]:checked+.awm-toggle-switch{background:linear-gradient(135deg,var(--awm-accent-gold) 0%,var(--awm-accent-gold-dark) 100%)}.awm-toggle-label input[type=checkbox]:checked+.awm-toggle-switch:after{transform:translate(20px)}.awm-toggle-text{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--awm-text-secondary);font-weight:500}.awm-toggle-text i{font-size:14px;color:var(--awm-accent-gold);opacity:.8}.awm-toggle-label:hover .awm-toggle-text{color:var(--awm-text-primary)}.awm-toggle-label input[type=checkbox]:checked~.awm-toggle-text{color:var(--awm-text-primary)}.awm-toggle-label input[type=checkbox]:checked~.awm-toggle-text i{opacity:1}.awm-input-marker{width:12px;height:12px;border-radius:50%;flex-shrink:0}.awm-marker-origin{background:var(--awm-accent-gold);box-shadow:0 0 0 3px #d4a8534d}.awm-marker-dest{background:var(--awm-danger);box-shadow:0 0 0 3px #ef44444d}.awm-input-clear{padding:4px;border:none;background:transparent;color:var(--awm-text-muted);cursor:pointer;transition:var(--awm-transition)}.awm-input-clear:hover{color:var(--awm-text-primary)}.awm-route-connector{display:flex;align-items:center;justify-content:center;position:relative;height:24px;margin:-4px 0}.awm-connector-line{position:absolute;left:22px;width:2px;height:100%;background:linear-gradient(180deg,var(--awm-accent-gold) 0%,var(--awm-danger) 100%)}.awm-swap-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--awm-glass-border);background:var(--awm-glass-bg);color:var(--awm-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:var(--awm-transition);z-index:1}.awm-swap-btn:hover{background:#d4a85326;border-color:var(--awm-accent-gold);color:var(--awm-accent-gold)}.awm-route-calc-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;margin-top:16px;background:linear-gradient(135deg,var(--awm-accent-gold) 0%,var(--awm-accent-gold-dark) 100%);border:none;border-radius:var(--awm-radius-md);color:var(--awm-bg-primary);font-size:14px;font-weight:600;cursor:pointer;transition:var(--awm-transition);box-shadow:0 4px 16px #d4a8534d}.awm-route-calc-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #d4a85366}.awm-route-calc-btn:disabled{opacity:.5;cursor:not-allowed;background:#d4a8534d}.awm-section-title{display:flex;align-items:center;justify-content:space-between;padding:12px 0 8px;font-size:12px;font-weight:600;color:var(--awm-text-muted);text-transform:uppercase;letter-spacing:.5px}.awm-clear-btn{padding:4px 10px;border:none;border-radius:var(--awm-radius-sm);background:transparent;color:var(--awm-accent-gold);font-size:11px;font-weight:500;cursor:pointer;transition:var(--awm-transition)}.awm-clear-btn:hover{background:#d4a8531a}.awm-places-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.awm-place-card{display:flex;align-items:center;gap:10px;padding:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--awm-radius-md);cursor:pointer;transition:var(--awm-transition)}.awm-place-card:hover{background:#ffffff14;border-color:#ffffff1f}.awm-place-card.has-place{border-color:#d4a85333}.awm-place-icon{width:36px;height:36px;border-radius:var(--awm-radius-sm);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.awm-place-icon.home{background:#60a5fa26;color:#60a5fa}.awm-place-icon.work{background:#a855f726;color:#a855f7}.awm-place-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.awm-place-label{font-size:12px;font-weight:600;color:var(--awm-text-primary)}.awm-place-address{font-size:10px;color:var(--awm-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.awm-place-edit{width:24px;height:24px;border:none;border-radius:50%;background:transparent;color:var(--awm-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--awm-transition)}.awm-place-edit:hover{background:#ffffff1a;color:var(--awm-accent-gold)}.awm-recents-list{display:flex;flex-direction:column;gap:4px}.awm-recent-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--awm-radius-sm);cursor:pointer;transition:var(--awm-transition)}.awm-recent-item:hover{background:#ffffff0d}.awm-recent-item i{color:var(--awm-text-muted);font-size:14px}.awm-recent-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.awm-recent-name{font-size:13px;font-weight:500;color:var(--awm-text-primary)}.awm-recent-full{font-size:11px;color:var(--awm-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.awm-find-nearby{margin-top:16px}.awm-active-category-indicator{margin-bottom:12px}.awm-active-category-badge{display:flex;align-items:center;gap:8px;padding:10px 12px;background:rgba(var(--category-color-rgb, 212, 168, 83),.12);border:1px solid var(--category-color, #d4a853);border-radius:var(--awm-radius-sm);font-size:12px;color:var(--awm-text-primary);animation:slideIn .3s ease-out}.awm-active-category-badge i:first-child{color:var(--category-color, #d4a853);font-size:14px}.awm-active-category-badge span{flex:1;font-weight:500}.awm-clear-category-btn{background:none;border:none;padding:4px;color:var(--awm-text-muted);cursor:pointer;transition:var(--awm-transition);display:flex;align-items:center;justify-content:center}.awm-clear-category-btn:hover{color:var(--category-color, #d4a853);transform:scale(1.1)}.awm-clear-category-btn i{font-size:16px}.awm-find-nearby-btn{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#d4a8531f,#d4a8530f);border:1px solid rgba(212,168,83,.25);border-radius:var(--awm-radius-md);color:var(--awm-text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:var(--awm-transition)}.awm-find-nearby-btn:hover{background:linear-gradient(135deg,#d4a8532e,#d4a8531a);border-color:var(--awm-accent-gold)}.awm-find-nearby-btn i:first-child{font-size:16px;color:var(--awm-accent-gold)}.awm-find-nearby-btn span{flex:1;text-align:left}.awm-find-nearby-btn i:last-child{font-size:12px;color:var(--awm-text-muted)}.awm-nearby-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:8px 0}.awm-nearby-category-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--awm-radius-md);cursor:pointer;transition:var(--awm-transition)}.awm-nearby-category-btn:hover{background:#ffffff14;border-color:var(--category-color, var(--awm-accent-gold));transform:translateY(-2px)}.awm-category-icon{width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--category-color, #d4a853) 15%,transparent);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--category-color, var(--awm-accent-gold));transition:var(--awm-transition)}.awm-nearby-category-btn:hover .awm-category-icon{background:color-mix(in srgb,var(--category-color, #d4a853) 25%,transparent);transform:scale(1.1)}.awm-nearby-category-btn span{font-size:11px;font-weight:500;color:var(--awm-text-secondary);text-align:center}.awm-nearby-results{padding:8px 0}.awm-nearby-results-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-bottom:4px;background:#d4a85314;border-radius:var(--awm-radius-sm)}.awm-results-count{font-size:12px;font-weight:500;color:var(--awm-accent-gold)}.awm-search-radius{font-size:11px;color:var(--awm-text-muted);font-weight:400}.awm-zoom-hint{display:flex;align-items:center;gap:6px;padding:6px 12px;margin-bottom:8px;font-size:11px;color:var(--awm-text-muted);background:#ffffff05;border-radius:var(--awm-radius-sm)}.awm-zoom-hint i{font-size:12px;opacity:.7}.awm-nearby-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;color:var(--awm-text-muted)}.awm-nearby-loading i{font-size:24px;color:var(--awm-accent-gold)}.awm-nearby-results-list{display:flex;flex-direction:column;gap:4px}.awm-nearby-result-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--awm-radius-sm);cursor:pointer;transition:var(--awm-transition)}.awm-nearby-result-item:hover{background:#ffffff0f;border-color:#d4a85333}.awm-nearby-result-icon{width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--category-color, #d4a853) 15%,transparent);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--category-color, var(--awm-accent-gold));flex-shrink:0}.awm-nearby-result-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.awm-nearby-result-name-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.awm-nearby-result-name{font-size:13px;font-weight:500;color:var(--awm-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.awm-nearby-result-distance{font-size:11px;font-weight:600;color:var(--awm-accent-gold);white-space:nowrap;flex-shrink:0}.awm-nearby-result-address{font-size:11px;color:var(--awm-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.awm-nearby-directions-btn{width:32px;height:32px;border-radius:50%;border:none;background:#d4a8531a;color:var(--awm-accent-gold);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:var(--awm-transition);flex-shrink:0}.awm-nearby-directions-btn:hover{background:#d4a85333;transform:scale(1.1)}.awm-nearby-no-results{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;color:var(--awm-text-muted)}.awm-nearby-no-results i{font-size:32px;opacity:.5}.awm-nearby-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.awm-nearby-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:var(--awm-radius-sm);cursor:pointer;transition:var(--awm-transition)}.awm-nearby-item:hover{background:#ffffff14;border-color:#d4a85333}.awm-nearby-icon{width:32px;height:32px;border-radius:50%;background:#d4a8531a;display:flex;align-items:center;justify-content:center;color:var(--awm-accent-gold);font-size:14px}.awm-nearby-name{font-size:10px;font-weight:500;color:var(--awm-text-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.awm-nearby-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;color:var(--awm-text-muted);font-size:12px}.awm-nearby-empty i{font-size:24px;opacity:.5}.awm-route-summary{background:linear-gradient(135deg,#d4a8531f,#d4a8530f);border:1px solid rgba(212,168,83,.2);border-radius:var(--awm-radius-md);padding:16px;margin-bottom:12px}.awm-route-main-info{display:flex;align-items:center;gap:16px;margin-bottom:12px}.awm-route-time{display:flex;align-items:baseline;gap:4px}.awm-time-value{font-size:32px;font-weight:700;color:var(--awm-accent-gold);line-height:1}.awm-time-unit{font-size:14px;font-weight:500;color:var(--awm-accent-gold-light)}.awm-route-details{display:flex;flex-direction:column;gap:2px}.awm-route-distance{font-size:14px;font-weight:600;color:var(--awm-text-primary)}.awm-route-arrival{font-size:12px;color:var(--awm-text-muted)}.awm-traffic-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:500}.awm-traffic-badge.light{background:#10b98126;color:#10b981}.awm-traffic-badge.moderate{background:#eab30826;color:#eab308}.awm-traffic-badge.heavy{background:#ef444426;color:#ef4444}.awm-route-preferences{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.awm-pref-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:16px;font-size:11px;font-weight:600}.awm-pref-badge.toll-free{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.awm-pref-badge.no-highways{background:#60a5fa26;color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.awm-pref-badge i{font-size:12px}.awm-alternate-routes{margin-bottom:12px}.awm-alt-route{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--awm-radius-sm);margin-bottom:6px;cursor:pointer;transition:var(--awm-transition)}.awm-alt-route:hover{background:#ffffff14;border-color:#ffffff1f}.awm-alt-time{font-size:14px;font-weight:600;color:var(--awm-text-primary)}.awm-alt-distance{font-size:12px;color:var(--awm-text-muted)}.awm-directions-list{margin-top:8px}.awm-steps-count{font-size:11px;color:var(--awm-text-muted);font-weight:400;text-transform:none;letter-spacing:0}.awm-direction-step{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.awm-direction-step:last-child{border-bottom:none}.awm-step-icon{width:32px;height:32px;border-radius:50%;background:#d4a8531a;display:flex;align-items:center;justify-content:center;color:var(--awm-accent-gold);font-size:14px;flex-shrink:0}.awm-step-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.awm-step-instruction{font-size:13px;font-weight:500;color:var(--awm-text-primary);line-height:1.4}.awm-step-road{font-size:11px;color:var(--awm-text-muted)}.awm-step-meta{font-size:11px;color:var(--awm-text-muted);white-space:nowrap}.awm-end-route-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;margin-top:16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--awm-radius-md);color:var(--awm-danger);font-size:14px;font-weight:600;cursor:pointer;transition:var(--awm-transition)}.awm-end-route-btn:hover{background:#ef444433;border-color:var(--awm-danger)}.awm-edit-place{display:flex;flex-direction:column;align-items:center;padding:20px 0}.awm-edit-place-icon{width:64px;height:64px;border-radius:50%;background:#d4a85326;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--awm-accent-gold);margin-bottom:16px}.awm-edit-place-desc{font-size:13px;color:var(--awm-text-muted);text-align:center;margin-bottom:20px}.awm-edit-place .awm-route-input-wrapper{width:100%}.awm-legend{position:absolute;bottom:40px;left:16px;background:var(--awm-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--awm-glass-border);border-radius:var(--awm-radius-md);padding:12px 14px;max-width:200px;z-index:10;box-shadow:0 8px 24px #0000004d}.awm-legend-section{margin-bottom:12px}.awm-legend-section:last-child{margin-bottom:0}.awm-legend-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--awm-text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.awm-legend-title i{font-size:12px}.awm-estimated-badge{margin-left:8px;padding:2px 8px;background:#fb923c26;border:1px solid rgba(251,146,60,.3);border-radius:4px;font-size:9px;font-weight:500;color:#fb923c;text-transform:uppercase;letter-spacing:.5px;cursor:help;transition:var(--awm-transition)}.awm-estimated-badge:hover{background:#fb923c40;border-color:#fb923c80}.awm-legend-items{display:flex;flex-direction:column;gap:6px}.awm-legend-item{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--awm-text-muted)}.awm-legend-color{width:12px;height:12px;border-radius:3px;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.awm-cursor-position{position:absolute;bottom:12px;right:16px;display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--awm-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--awm-glass-border);border-radius:var(--awm-radius-sm);font-size:11px;color:var(--awm-text-muted);font-family:SF Mono,Roboto Mono,monospace;z-index:10}.awm-cursor-position i{color:var(--awm-accent-gold);font-size:10px}.awm-weather-overlay{position:absolute;top:16px;left:80px;display:flex;gap:8px;z-index:10;flex-wrap:wrap;max-width:calc(100% - 200px)}.awm-weather-item{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--awm-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--awm-glass-border);border-radius:20px;font-size:12px;font-weight:600;color:var(--awm-text-primary);box-shadow:0 4px 12px #0003}.awm-weather-item i{font-size:14px;color:var(--awm-accent-gold)}.awm-weather-item.precip i{color:var(--awm-info)}.awm-weather-item.aqi i{color:var(--awm-success)}.awm-actions-bar{display:flex;align-items:center;justify-content:center;gap:4px;padding:14px 20px;background:linear-gradient(180deg,rgba(212,168,83,.03) 0%,transparent 100%);border-top:1px solid var(--awm-border)}.awm-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 14px;min-width:64px;background:transparent;border:1px solid transparent;border-radius:var(--awm-radius-md);color:var(--awm-text-muted);cursor:pointer;transition:var(--awm-transition)}.awm-action-btn i{font-size:18px}.awm-action-btn span{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.awm-action-btn:hover{background:#ffffff0d;border-color:#ffffff14;color:var(--awm-text-secondary)}.awm-action-btn.active{background:#d4a8531f;border-color:#d4a85340;color:var(--awm-accent-gold)}.awm-action-btn.active i{filter:drop-shadow(0 0 6px rgba(212,168,83,.5))}.aqi-marker{display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:auto;cursor:pointer;animation:aqi-fade-in .4s ease}@keyframes aqi-fade-in{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.aqi-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 16px;border-radius:var(--awm-radius-md);color:#fff;font-weight:600;box-shadow:0 4px 16px #0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);min-width:70px}.aqi-value{font-size:24px;font-weight:700;line-height:1}.aqi-label{font-size:11px;font-weight:500;opacity:.9;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.aqi-details{display:none;background:var(--awm-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--awm-glass-border);border-radius:var(--awm-radius-md);padding:12px 16px;box-shadow:0 8px 24px #0006;min-width:160px}.aqi-marker:hover .aqi-details{display:block;animation:aqi-details-in .2s ease}@keyframes aqi-details-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.aqi-component{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:12px}.aqi-component:last-child{border-bottom:none}.aqi-component span:first-child{color:var(--awm-text-muted);font-weight:500}.aqi-component span:last-child{color:var(--awm-text-primary);font-weight:600}@media(max-width:1024px){.awm-map-wrapper{height:480px}.awm-header-stats{display:none}.awm-weather-overlay{flex-wrap:wrap;max-width:200px}.awm-panel{min-width:260px;right:48px}}@media(max-width:768px){.awm-map-wrapper{height:420px}.awm-header{padding:14px 18px}.awm-header h3{font-size:16px}.awm-header-icon{width:36px;height:36px;font-size:16px}.awm-compass{width:46px;height:46px}.awm-control-btn{width:36px;height:36px;font-size:14px}.awm-layer-control{right:54px}.awm-layer-control{top:16px;right:16px}.awm-style-control{top:16px;right:72px}.awm-route-control{top:16px;right:128px}}.awm-legend{max-width:180px;padding:10px 12px}.awm-actions-bar{flex-wrap:wrap;padding:12px 16px;gap:4px}.awm-action-btn{min-width:56px;padding:8px 12px}.awm-action-btn i{font-size:16px}@media(max-width:480px){.awm-map-wrapper{height:360px}.awm-header{padding:12px 14px}.awm-header h3{font-size:14px}.awm-header-icon{width:32px;height:32px;font-size:14px}.awm-weather-overlay{left:64px;top:12px}.awm-weather-item{padding:6px 10px;font-size:11px}.awm-panel{position:fixed;top:auto!important;bottom:0;left:0;right:0;min-width:100%;max-width:100%;border-radius:var(--awm-radius-xl) var(--awm-radius-xl) 0 0;max-height:60vh;animation:awm-panel-up .3s cubic-bezier(.4,0,.2,1)}@keyframes awm-panel-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.awm-actions-bar{gap:2px;padding:10px 12px}.awm-action-btn{min-width:48px;padding:6px 8px}.awm-action-btn span{font-size:9px}}.awm-map-container .mapboxgl-ctrl-top-right{top:12px;right:12px;z-index:10}.awm-map-container .mapboxgl-ctrl-group{background:var(--awm-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--awm-glass-border);border-radius:var(--awm-radius-md);overflow:hidden;box-shadow:0 4px 16px #00000040;z-index:10}.awm-map-container .mapboxgl-ctrl-group button{background:transparent;border:none;width:36px;height:36px;transition:var(--awm-transition)}.awm-map-container .mapboxgl-ctrl-group button:hover{background:#d4a85326}.awm-map-container .mapboxgl-ctrl-group button+button{border-top:1px solid rgba(255,255,255,.08)}.awm-map-container .mapboxgl-ctrl-icon{filter:invert(1) brightness(.85)}.awm-map-container .mapboxgl-ctrl-scale{background:var(--awm-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--awm-glass-border);border-radius:6px;color:var(--awm-text-muted);font-size:10px;padding:3px 8px}.awm-control-btn:focus-visible,.awm-action-btn:focus-visible,.awm-animate-btn:focus-visible,.awm-layer-item:focus-visible,.awm-style-item:focus-visible{outline:2px solid var(--awm-accent-gold);outline-offset:2px}.awm-route-error{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 16px;gap:12px}.awm-route-error-icon{width:64px;height:64px;border-radius:50%;background:#ef444426;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.awm-route-error-icon i{font-size:28px;color:#ef4444}.awm-route-error-title{margin:0;font-size:16px;font-weight:600;color:var(--awm-text-primary)}.awm-route-error-reason{margin:0;font-size:13px;color:var(--awm-text-muted);line-height:1.5;max-width:280px}.awm-route-error-actions{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:12px}.awm-error-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:var(--awm-radius-md);border:none;background:linear-gradient(135deg,var(--awm-accent-gold),var(--awm-accent-gold-dark));color:var(--awm-bg-primary);font-size:14px;font-weight:600;cursor:pointer;transition:var(--awm-transition);text-decoration:none}.awm-error-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #d4a85366}.awm-error-action-btn.secondary{background:#ffffff14;color:var(--awm-text-primary);border:1px solid var(--awm-border)}.awm-error-action-btn.secondary:hover{background:#ffffff1f;border-color:var(--awm-accent-gold)}.awm-error-back-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:none;background:transparent;color:var(--awm-text-muted);font-size:13px;cursor:pointer;transition:var(--awm-transition)}.awm-error-back-btn:hover{color:var(--awm-text-primary)}@media(prefers-reduced-motion:reduce){.advanced-weather-map *,.advanced-weather-map *:before,.advanced-weather-map *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.card-slot-container{position:relative;height:100%;width:100%;border-radius:15px}.card-selector-wrapper{position:absolute;top:15px;left:15px;z-index:10}.card-dropdown-trigger{display:inline-flex;align-items:center;gap:6px;color:#ffffffe6;background:linear-gradient(135deg,#1e2332e6,#141928f2);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 10px;font-size:.78rem;font-weight:600;cursor:pointer;outline:none;transition:all .15s ease;font-family:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 3px 8px #0000002e}.card-type-icon{font-size:14px;color:#ffffffe6;display:inline-flex;align-items:center}.card-dropdown-trigger:hover{background:linear-gradient(135deg,#282d3cf2,#1e2332fa);border-color:#00ffff4d;color:#fff;transform:translateY(-1px);box-shadow:0 6px 16px #00000040}.card-dropdown-trigger:focus{border-color:#00ffff80;box-shadow:0 0 0 3px #00ffff26}.dropdown-arrow{font-size:9px;line-height:1;color:#0ff;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.card-dropdown-list{list-style-type:none;padding:6px;margin-top:6px;background:linear-gradient(145deg,#1e2332fa,#141928fc);border:1px solid rgba(255,255,255,.08);border-radius:12px;position:absolute;width:max-content;min-width:100%;max-height:220px;overflow-y:auto;z-index:999;box-shadow:0 10px 40px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-dropdown-list::-webkit-scrollbar{width:6px}.card-dropdown-list::-webkit-scrollbar-track{background:#ffffff05;border-radius:3px;margin:6px 0}.card-dropdown-list::-webkit-scrollbar-thumb{background:#00ffff4d;border-radius:3px}.card-dropdown-list::-webkit-scrollbar-thumb:hover{background:#00ffff80}.card-dropdown-item{display:flex;align-items:center;gap:8px;padding:10px 14px;margin:2px 0;letter-spacing:.02em;transition:all .2s ease;border-radius:8px;cursor:pointer;font-size:.85rem;color:#ffffffbf}.card-dropdown-item:hover{background:linear-gradient(135deg,#00ffff26,#00c8ff1a);color:#fff;transform:translate(4px)}.card-dropdown-item:active{transform:translate(4px) scale(.98)}.card-dropdown-item.selected{background:#00ffff1f;color:#0ff;font-weight:600}.card-content-wrapper{height:100%;width:100%;cursor:pointer;transition:transform .2s ease}.card-content-wrapper>div{height:100%;width:100%;box-sizing:border-box}.card-content-wrapper:hover .highlight{transform:translateY(-6px);box-shadow:0 12px 20px #00000059,0 22px 40px #0006;transition:transform .4s cubic-bezier(.25,.8,.25,1),box-shadow .4s cubic-bezier(.25,.8,.25,1)}.wind-status{margin-right:10px}.wind-status h4 .title-icon{margin-right:10px;font-size:18px;color:#0ff;font-weight:700}.wind-visual{position:relative;margin:10px 0}.wind-visual,.wind-chart{overflow:visible}.wind-line-chart,.wind-bar-chart{width:100%;height:100%;overflow:visible}.wind-chart{margin-bottom:0}.wind-bars rect{transform:translateY(8px);transition:fill .3s ease}.wind-bars rect:hover{fill:#c8ffff}.wind-speed-info{position:absolute;bottom:10px;left:0;width:100%}.wind-data-unit{display:flex;align-items:baseline;color:#8f9779}.wind-speed{font-size:2rem;font-weight:700;text-align:left;padding-left:20px;text-shadow:0 0 5px}.speed-unit{font-size:1rem;margin-left:5px;font-style:italic}.wind-time-data{display:flex;flex-direction:column;align-items:flex-end;font-style:italic;font-size:.8rem;margin-right:10px}.wind-time{bottom:0;color:#aaa}.wind-tooltip{position:absolute;background-color:#000000d9;color:#0ff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;pointer-events:none;white-space:nowrap;z-index:100;transform:translate(-50%,-100%);box-shadow:0 2px 8px #0000004d;border:1px solid rgba(0,255,255,.3)}.wind-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:4px;border-style:solid;border-color:rgba(0,0,0,.85) transparent transparent transparent}.tooltip{position:fixed;background-color:var(--clr-primary);color:#fff;padding:5px;border-radius:5px;font-size:12px;pointer-events:none;white-space:nowrap;z-index:10}.index-gauge{display:flex;align-items:center;justify-content:center;margin-top:1em}.index-gauge .percent{position:relative}.index-gauge svg{position:relative;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.index-gauge svg circle{fill:none;stroke-width:30;stroke-linecap:round;min-height:150px;min-width:150px}.index-gauge .bg-circle{stroke:#404040;filter:drop-shadow(0px 3px 10px rgba(0,0,0,.4))}.index-gauge .fill-circle{stroke:var(--stroke-color);stroke-dasharray:600px;stroke-dashoffset:calc(600px - (600px * var(--percent)) / 100);stroke-width:36;stroke-linecap:round;transition:stroke-dashoffset .3s ease;filter:drop-shadow(0 0 12px var(--stroke-color))}.index-gauge .number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.index-gauge .number h3{font-size:38px;font-weight:700;margin:0}.index-gauge .number h3 span{font-size:15px}.uv-level{transition:color .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:.5em}.number h2{font-weight:100;font-size:12px;font-style:italic}.number h1{font-size:14px;font-weight:150;font-style:italic}.peak-uv-description{color:#aaa;margin-top:1em;font-size:3vw}@media(min-width:600px){.index-gauge .number h3{font-size:38px}.index-gauge .number h3 span{font-size:15px}.index-gauge .number h2{font-size:12px}.index-gauge .number h1,.peak-uv-description{font-size:14px}}@media(max-width:600px){.uv-level{font-size:4vw}}.sunrise-sunset-visual{position:relative;width:220px;height:110px;margin-left:30px;margin-right:30px;margin-top:20px}.sunrise-sunset .arc{position:relative;width:100%;height:100%;border-top:4px solid #ffd700;border-radius:110px 110px 0 0}.sun{position:absolute;width:24px;height:24px;background:radial-gradient(circle,#fd0,#fb3,#ff7e00,#ff4500 90%);border-radius:50%;transition:left 1s ease-in-out,top 1s ease-in-out;transform:translate(-50%,-50%)}.sun:before{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;background:radial-gradient(circle,rgba(255,223,0,.8) 20%,rgba(255,165,0,.6) 40%,rgba(255,100,0,.3) 60%,rgba(255,50,0,.1) 80%,transparent 100%);transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:-1;animation:pulse 3s infinite ease-in-out}@keyframes pulse{0%{box-shadow:0 0 2px 4px #ffa50033,0 0 5px 10px #ffdf0026}50%{box-shadow:0 0 4px 8px #ffa50066,0 0 7px 14px #ffdf0059}to{box-shadow:0 0 2px 4px #ffa50033,0 0 5px 10px #ffdf0026}}.moon{position:absolute;top:95%;left:50%;width:20px;height:20px;background:radial-gradient(circle,#ffffff 60%,rgba(200,200,255,.8) 80%,transparent 100%);border-radius:50%;transform:translate(-50%,-50%);transition:top .8s ease-in-out,opacity .8s ease-in-out;box-shadow:0 0 10px #fff9}.moon:after{content:"";position:absolute;top:3px;left:5px;width:15px;height:16px;background:radial-gradient(circle,rgba(0,0,0,.6) 60%,transparent 100%);border-radius:50%}.moon:before{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;background:radial-gradient(circle,#fff 80%,#ffffff80);border-radius:50%;transform:translate(-50%,-50%);animation:sparkle 3.5s infinite ease-in-out;box-shadow:0 0 6px 2px #fffc}@keyframes sparkle{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1);box-shadow:0 0 8px 3px #fff9}25%{opacity:1;transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 10px 5px #ffffffe6}50%{opacity:.9;transform:translate(-50%,-50%) scale(1);box-shadow:0 0 7px 3px #ffffffb3}75%{opacity:1;transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 9px 4px #fffc}}.moon.hidden{top:150%;opacity:0}.time-until-event{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);color:#999;font-size:14px;text-align:center;transition:opacity .8s ease-in-out}.sunrise-sunset .time-info{display:flex;justify-content:space-between;margin:10px 5px}.sunrise-sunset .time{text-align:center}.sunrise-sunset .sunrise-time,.sunrise-sunset .sunset-time{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:90px}.sunrise-sunset .label-row{display:inline-flex;align-items:center;gap:6px}.sunrise-sunset .label-row i{font-size:16px;color:#aaa}.sunrise-sunset .sunrise-value,.sunrise-sunset .sunset-value{margin-top:0}.sunrise-time i,.sunset-time i{font-size:20px;color:#aaa}.sunrise-time p:first-child,.sunset-time p:first-child{color:#999;margin:0}.sunrise-time p:last-child,.sunset-time p:last-child{margin:0}.local-time{position:absolute;display:flex;margin-top:20px;text-align:center;bottom:12px;color:#aaa;font-style:italic;text-shadow:0 0 5px}.local-time .time{padding-left:4px}h4 .title-icon{margin-right:10px;font-size:18px;font-weight:700;color:inherit}.highlight .humidity{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:100%;width:100%;padding:35px 20px 0;box-sizing:border-box}.humidity-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.humidity-info{display:flex;align-items:center;gap:15px}.humidity-icon{font-size:2.2rem;color:#0ff}.humidity-value-percentage{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.humidity-value{font-size:1.5rem;font-weight:700;color:#e0e0e0;line-height:1}.humidity-percentage{font-size:.8rem;color:#aaa;margin-left:0}.dew-point{display:flex;flex-direction:column;align-items:flex-end;font-size:.8rem;color:#b0b0b0;text-align:right;max-width:50%;line-height:1.2}.dew-point .bi-droplet-half{display:none}.highlight .feels-like{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:100%;width:100%;padding:35px 20px 0;box-sizing:border-box}.feels-like-content{display:flex;align-items:center;gap:15px}.feels-like-icon{font-size:2.2rem}.feels-like-temp{font-size:1.5rem;font-weight:700;text-shadow:0 0 5px}.feels-like-description{font-size:.8rem;color:#b0b0b0;text-align:right;max-width:50%;line-height:1.2}.hot{color:#ff4500}.warm{color:orange}.cool{color:#00bfff}.cold{color:#1e90ff}.highlight .visibility{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:100%;width:100%;padding:35px 20px 0;box-sizing:border-box}.visibility-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.visibility-info{display:flex;align-items:center;gap:15px}.visibility-icon{font-size:2.2rem;color:#ddd}.visibility-value-unit{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.visibility-value{font-size:1.5rem;font-weight:700;color:#e0e0e0;line-height:1}.visibility-unit{font-size:.8rem;color:#aaa;margin-left:0}.visibility-desc{text-align:center;font-size:1rem;color:#ccc;font-weight:500}.highlight .pressure{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:100%;width:100%;padding:35px 20px 0;box-sizing:border-box}.pressure-content{display:flex;flex-direction:row;align-items:center;gap:15px}.pressure-icon{font-size:2.2rem;color:#00d2ff}.pressure-value-unit{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.pressure-value{font-size:1.5rem;font-weight:700;color:#e0e0e0;line-height:1}.pressure-unit{font-size:.8rem;color:#aaa}.pressure-desc{font-size:1rem;color:#ccc;font-weight:500;text-align:center}.highlight .cloud-cover{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:100%;width:100%;padding:35px 20px 0;box-sizing:border-box}.cloud-cover-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.cloud-info{display:flex;align-items:center;gap:15px}.cloud-icon{font-size:2.2rem;color:#ddd;transition:opacity .5s ease}.cloud-cover-value-unit{display:flex;flex-direction:row;align-items:baseline;justify-content:center;gap:2px}.cloud-cover-value{font-size:1.5rem;font-weight:700;color:#e0e0e0;line-height:1}.cloud-cover-unit{font-size:.8rem;color:#aaa;margin-left:0}.cloud-desc{text-align:center}.cloud-desc{font-size:1rem;color:#ccc;font-weight:500}.cloud-desc{font-size:1rem;color:#ccc}.map-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.map-container{width:100%;height:100%}.map-compass{position:absolute;top:16px;left:16px;z-index:10;width:70px;height:70px;transition:transform .15s ease-out}.compass-ring{position:relative;width:100%;height:100%;background:radial-gradient(circle at center,#0a0f19f2,#050a14fa);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50%;border:2px solid rgba(0,255,255,.3);box-shadow:0 0 20px #00ffff26,0 4px 16px #00000080,inset 0 0 30px #00ffff0d}.compass-ring:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;border:1px solid rgba(0,255,255,.2);animation:compass-pulse 3s ease-in-out infinite}.compass-ring:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(0,255,255,.8) 0%,rgba(0,255,255,.2) 60%,transparent 70%);border-radius:50%;box-shadow:0 0 8px #0ff9}@keyframes compass-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.compass-direction{position:absolute;font-size:9px;font-weight:600;letter-spacing:1px;color:#ffffff80;text-shadow:0 0 6px rgba(0,255,255,.3);font-family:Consolas,Monaco,monospace}.compass-n{top:6px;left:50%;transform:translate(-50%);color:#0ff;font-size:11px;font-weight:700;text-shadow:0 0 10px rgba(0,255,255,.8),0 0 20px rgba(0,255,255,.4)}.compass-s{bottom:6px;left:50%;transform:translate(-50%)}.compass-e{right:7px;top:50%;transform:translateY(-50%)}.compass-w{left:7px;top:50%;transform:translateY(-50%)}.compass-needle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:36px}.needle-north{position:absolute;top:2px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:16px solid cyan;filter:drop-shadow(0 0 6px rgba(0,255,255,.8))}.needle-south{position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:14px solid rgba(255,255,255,.25)}.current-location-marker{width:14px;height:14px;border-radius:9999px;background:#0ff;box-shadow:0 0 #00ffff8c;animation:current-location-pulse 1.8s infinite;transform:translate(-50%,-50%)}@keyframes current-location-pulse{0%{box-shadow:0 0 #00ffff8c}70%{box-shadow:0 0 0 18px #0ff0}to{box-shadow:0 0 #0ff0}}.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right{display:none!important}.map-controls-overlay{position:absolute;top:16px;right:50px;z-index:1;display:flex}.map-home-btn{background-color:#1e1e1ed9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fffc;cursor:pointer;box-shadow:0 4px 6px #0000004d;transition:all .2s ease}.map-home-btn:hover{background-color:#323232f2;color:#fff;transform:scale(1.05)}.mapboxgl-ctrl-group{background-color:#1e1e1ed9!important;border:none!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mapboxgl-ctrl-group button{border-bottom:1px solid rgba(255,255,255,.1)}.mapboxgl-ctrl-group button:last-child{border-bottom:none}.mapboxgl-ctrl-icon{filter:invert(1)}.map-weather-overlay{position:absolute;bottom:12px;left:12px;display:flex;flex-direction:column;gap:6px;z-index:1}.map-weather-item{display:flex;align-items:center;gap:6px;background-color:#1e1e1ed9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 10px;border-radius:8px;font-size:12px;color:#ffffffe6;box-shadow:0 2px 6px #0000004d}.map-weather-item i{color:#0ff;font-size:14px}.map-weather-item.precip i{color:#64b5f6}.map-coords-overlay{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:6px;background-color:#1e1e1ed9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 10px;border-radius:8px;font-size:11px;color:#ffffffb3;box-shadow:0 2px 6px #0000004d;font-family:SF Mono,Monaco,Consolas,monospace}.map-coords-overlay i{color:#0ff;font-size:12px}.map-loading-state{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#191e2df2,#0f1423fa);border-radius:inherit}.map-loading-content{display:flex;flex-direction:column;align-items:center;gap:16px}.map-loading-icon{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.map-loading-icon>i{font-size:28px;color:#0ffc;z-index:1;animation:map-icon-float 2s ease-in-out infinite}@keyframes map-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.map-loading-pulse{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(0,255,255,.15),transparent 70%);animation:map-pulse-ring 2s ease-out infinite}@keyframes map-pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(1.8);opacity:0}}.map-loading-text{font-size:14px;color:#ffffff80;letter-spacing:.02em}.map-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#191e2df2,#0f1423fa);z-index:10}.map-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.06);border-top-color:#00ffffe6;border-radius:50%;box-shadow:0 8px 18px #00ffff0f,inset 0 0 8px #0009}.current-weather{grid-column:1 / 2;grid-row:1 / 3;display:flex;flex-direction:column;justify-content:flex-start;min-width:300px;max-width:100%;height:100%;background-color:var(--clr-primary);border-radius:15px;overflow:hidden;box-shadow:0 4px 8px #00000080,0 12px 24px #0000008c,0 20px 30px #00000080}.weather-container{display:flex;flex-direction:column;flex:1;height:100%}@media(max-width:768px){.weather-container{height:auto}}.current-weather-details{padding:8px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:6px;width:100%;height:280px;flex:0 0 auto}.weather-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:brightness(.55)}.current-weather-details h2{width:calc(100% - 140px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.current-weather-details p{font-style:italic;color:var(--clr-accent-gold)}.current-weather-details h2,.current-weather-details p{position:relative;z-index:1}.current-date{font-weight:700}.temperature{position:relative;display:flex;align-items:center;justify-content:center;width:100%;flex-direction:column;z-index:1}.temperature{flex:1 1 auto;min-height:0}.high-low-temp i{font-size:70px}.high-low-temp{display:flex;flex-direction:column;align-items:center;font-size:16px;position:absolute;top:16px;right:14%;margin-right:0}.temp-info{position:absolute;left:12px;bottom:56px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:6px;z-index:4}.temp-info h1{margin:0;font-size:48px;line-height:1}.temp-info p{margin:0;font-size:14px;color:#ffffffe6;opacity:.95}@media(max-width:768px){.temperature img{height:100px;width:100px}}@media(max-width:480px){.temp-info h1{font-size:28px}}.weather-map{flex:1 1 auto;width:100%;height:100%;position:relative;min-height:120px}.hourly-forecast-container{flex:0 0 auto}.temp-toggle{position:absolute;top:20px;right:20px;z-index:10;display:flex;align-items:center;gap:10px}.search-icon-btn{width:48px;height:48px;border-radius:50%;border:none;background:#0000004d;color:#ffffffe6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease}.search-icon-btn:hover{background:#00e5ff33;color:#00e5ff;transform:scale(1.1)}.search-icon-btn:active{transform:scale(.95)}.search-icon-btn i{font-size:20px}.home-btn-wrapper{position:relative}.home-icon-btn{width:48px;height:48px;border-radius:50%;border:none;background:#0000004d;color:#ffffffe6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease}.home-icon-btn:hover{background:#00e5ff33;color:#00e5ff;transform:scale(1.1)}.home-icon-btn:active{transform:scale(.95)}.home-icon-btn i{font-size:20px}.home-popup{position:absolute;top:calc(100% + 10px);right:0;z-index:100;animation:fadeInDown .2s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.home-popup-content{background:#14141ef2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:16px 20px;min-width:220px;text-align:center;box-shadow:0 8px 32px #0006}.home-popup-content i{font-size:28px;color:#ffb347;margin-bottom:8px;display:block}.home-popup-content p{margin:0 0 4px;font-size:14px;font-weight:600;color:#fff}.home-popup-content span{display:block;font-size:12px;color:#fff9;margin-bottom:12px}.home-popup-close{background:#00e5ff33;border:1px solid rgba(0,229,255,.4);color:#00e5ff;padding:6px 16px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.home-popup-close:hover{background:#00e5ff4d}.temp-unit-toggle{position:absolute;left:12px;bottom:12px;z-index:3;display:inline-flex;align-items:center;background:#0009;border-radius:20px;border:2px solid #00e5ff;overflow:hidden;width:auto}.unit-btn{padding:6px 14px;font-size:14px;font-weight:700;border:none;background:transparent;color:#fff6;cursor:pointer;transition:all .25s ease}.unit-btn.active{background:#00e5ff;color:#000}.unit-btn:not(.active):hover{color:#ffffffb3}.save-location-btn{position:absolute;bottom:15px;right:15px;width:44px;height:44px;border-radius:50%;border:none;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fffc;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 10px #0000004d}.save-location-btn:hover:not(:disabled){background:#00e5ff4d;color:#00e5ff;transform:scale(1.1);box-shadow:0 4px 20px #00e5ff4d}.save-location-btn:active:not(:disabled){transform:scale(.95)}.save-location-btn.saved{background:#00e5ff33;color:#00e5ff;cursor:default}.save-location-btn.saving{cursor:wait}.save-location-btn i{font-size:20px}.save-location-btn i.spinning{animation:spin 1s linear infinite}@media(max-width:1550px){.current-weather{grid-row:1 / 2}}@media(max-width:768px){.current-weather{grid-column:1 / span 1;grid-row:1 / 2;width:100%;min-width:unset;max-width:100%}}@media(max-width:480px){.current-weather{min-width:100%;padding:10px}.current-weather-details{padding:10px;gap:6px;height:180px}.current-weather-details h2{width:100%}.high-low-temp{font-size:14px}.temp-toggle{top:10px;right:10px}.unit-btn{padding:4px 10px;font-size:12px}.temp-unit-toggle{position:absolute;left:12px;bottom:12px;top:auto;right:auto;min-width:72px}}.hourly-forecast-container{width:100%;padding:8px 15px;background:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);z-index:2;overflow:hidden;position:relative}.hourly-forecast-scroll{display:flex;overflow-x:auto;gap:18px;padding-bottom:2px;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;-webkit-user-select:none;user-select:none}.hourly-forecast-scroll.dragging{cursor:grabbing;scroll-behavior:auto}.hourly-forecast-scroll:active{cursor:grabbing}.hourly-forecast-scroll::-webkit-scrollbar{display:none}.hourly-forecast-container:before,.hourly-forecast-container:after{content:"";position:absolute;top:0;bottom:0;width:56px;pointer-events:none;z-index:6;display:flex;align-items:center;justify-content:center;color:#fffffff2;font-size:20px;transition:opacity .18s ease}.hourly-forecast-container:before{left:0;padding-left:10px;content:"";background:linear-gradient(to right,rgba(0,0,0,.75),rgba(0,0,0,.25) 50%,transparent);opacity:.95}.hourly-forecast-container:after{right:0;padding-right:10px;content:"";background:linear-gradient(to left,rgba(0,0,0,.75),rgba(0,0,0,.25) 50%,transparent);opacity:.95}@media(max-width:480px){.hourly-forecast-container:before,.hourly-forecast-container:after{width:42px;font-size:16px;opacity:.85}}.hourly-forecast-container.no-left:before{opacity:0!important;visibility:hidden}.hourly-forecast-container.no-right:after{opacity:0!important;visibility:hidden}.hourly-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:none;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;z-index:9;cursor:pointer;transition:transform .15s ease,background .15s ease,opacity .15s ease}.hourly-scroll-btn:hover{transform:translateY(-50%) scale(1.05);background:#00e5ff1f;color:#00e5ff}.hourly-scroll-btn.left{left:8px}.hourly-scroll-btn.right{right:8px}.hourly-forecast-container.no-left .hourly-scroll-btn.left,.hourly-forecast-container.no-right .hourly-scroll-btn.right{opacity:0;pointer-events:none;transform:translateY(-50%) scale(.9)}@media(max-width:480px){.hourly-scroll-btn{width:34px;height:34px;font-size:14px}}.hourly-item{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:45px;color:#ffffffe6;flex-shrink:0;pointer-events:none}.hourly-time{font-size:12px;font-weight:600;white-space:nowrap}.hourly-icon{font-size:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.hourly-temp{font-size:14px;font-weight:700}.sunrise-item .hourly-icon,.sunset-item .hourly-icon{font-size:22px}.sunrise-item .hourly-icon{color:#ffb347}.sunset-item .hourly-icon{color:#ff6b6b}.sun-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-details{background:linear-gradient(135deg,#1a2332,#0d1520);min-height:180px}.skeleton-location,.skeleton-date,.skeleton-temp{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:8px}.skeleton-location{width:70%;height:24px;margin-bottom:10px}.skeleton-date{width:50%;height:16px;margin-bottom:20px}.skeleton-temp{width:100px;height:48px;position:absolute;bottom:15px;left:15px}.skeleton-hourly{background:#0006}.skeleton-hourly-items{display:flex;gap:18px;padding:5px 0}.skeleton-hourly-item{width:45px;height:60px;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:8px;flex-shrink:0}.skeleton-map{flex:1;min-height:200px;background:linear-gradient(90deg,#ffffff08 25%,#ffffff0f,#ffffff08 75%);background-size:200% 100%;animation:skeleton-pulse 2s ease-in-out infinite}@media(max-width:768px){.forecast{grid-column:1 / span 1}}.forecast-cards{display:grid;grid-template-columns:repeat(10,1fr);gap:16px;width:100%;min-width:0}@media(max-width:1648px){.forecast-cards{grid-template-columns:repeat(4,1fr)}}@media(max-width:1350px){.forecast-cards{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.forecast-cards{grid-template-columns:repeat(2,1fr);gap:10px}}@media(max-width:480px){.forecast-cards{grid-template-columns:1fr}}.forecast-card{background:radial-gradient(circle,#2f3741a2,#2f374133);padding:10px;border-radius:8px;text-align:center;height:200px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-width:0;box-shadow:0 4px 8px #0003,0 12px 24px #00000040,0 20px 30px #0003}@media(max-width:768px){.forecast-card{height:auto;padding:15px}}@media(max-width:480px){.forecast-card{padding:10px}}.forecast-icon{flex:1;display:flex;align-items:center;justify-content:space-between;flex-direction:column;width:100%;min-width:0}.forecast-temps{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:0}.forecast-temp{font-size:14px;font-weight:600;color:var(--clr-white);width:28px;min-width:0;flex:0 0 auto}.forecast-temp.low{color:var(--clr-silver-v1)}.forecast-range-track{flex:1;height:8px;border-radius:12px;background-color:#ffffff40;position:relative;overflow:visible;min-width:0}.forecast-range-fill{position:absolute;top:0;bottom:0;left:var(--left);width:var(--width);border-radius:12px;background:linear-gradient(90deg,var(--start-color),var(--end-color));box-shadow:0 2px 6px #0006,inset 0 1px #ffffff4d}.forecast-icon i{font-size:60px;display:flex;align-items:center;justify-content:center;width:100px;height:100px}.forecast-date{display:flex;flex-direction:column;align-items:center}.forecast-day{color:#aaa}.forecast-dayMonth{color:#0ff;font-weight:700}.forecast-info{align-self:center}.forecast-info p{color:#fff;font-size:16px}.forecast-heat-bar-container{width:100%;min-width:0;display:flex;flex-direction:column;gap:6px;margin-top:auto}.forecast-heat-bar-track{width:100%;height:8px;background:#ffffff1a;border-radius:4px;position:relative;overflow:visible;min-width:0}.forecast-temp-labels{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.forecast-heat-bar{position:absolute;top:0;height:100%;border-radius:4px;box-shadow:0 0 6px #fff9,0 0 12px #fff6,inset 0 1px #fff6;min-width:4px;opacity:.9}.forecast-temp-label{font-size:12px;font-weight:600;color:var(--clr-white);white-space:nowrap;flex-shrink:0}.forecast-temp-low{color:var(--clr-silver-v1)}.forecast-temp-high{color:var(--clr-white)}.search-bar{grid-column:2 / 3;grid-row:2 / 3;display:flex;justify-content:flex-end;align-items:center;padding-left:0;gap:12px;margin:0!important}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:18px;color:#ffffff80;pointer-events:none;transition:color .2s ease}.search-input-wrapper:focus-within .search-icon{color:#0ff}.search-input{padding:12px 44px;background:transparent;color:#fff;font-size:15px;border:none;border-radius:12px;width:100%;transition:all .15s ease;box-shadow:none}.search-input,.search-input-wrapper{box-sizing:border-box}.search-input{background-clip:padding-box}.search-input:hover{color:#fff}.search-input:focus{outline:none;border-color:#00ffff80;box-shadow:0 4px 20px #0000004d}.search-input::placeholder{color:#fff6;font-style:italic}.search-input-wrapper{position:relative;width:320px;max-width:360px;min-width:220px;flex-shrink:0;background:linear-gradient(135deg,#1e2332f2,#141928fa);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:0}.search-top-left .search-input-wrapper{width:100%;max-width:none;min-width:0}.search-input-wrapper:focus-within:after{content:"";position:absolute;left:-6px;top:-6px;right:-6px;bottom:-6px;border-radius:18px;pointer-events:none;box-shadow:0 0 0 4px #00ffff1f}.search-bar .search-input-wrapper .search-input,.search-input-wrapper>.search-input{background:transparent!important;border:none!important;width:100%!important;padding:12px 44px!important;display:block!important;box-sizing:border-box!important;height:44px!important;border-radius:12px!important}.search-bar .search-input-wrapper .search-icon,.search-input-wrapper .search-icon{left:14px}.search-input:-webkit-autofill,.search-input:-webkit-autofill:hover,.search-input:-webkit-autofill:focus,.search-input:-internal-autofill-selected{-webkit-box-shadow:0 0 0px 1000px transparent inset!important;box-shadow:0 0 0 1000px transparent inset!important;background-color:transparent!important;background-image:none!important}.search-input:focus{outline:none!important}.location-external-link{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:16px;color:#fff6;text-decoration:none;padding:4px;border-radius:6px;transition:all .2s ease;cursor:pointer}.location-external-link:hover{color:#0ff;background:#00ffff1a}.suggestions-list{list-style-type:none;padding:6px;margin-top:6px;background:linear-gradient(145deg,#1e2332fa,#141928fc);border:1px solid rgba(255,255,255,.08);border-radius:14px;position:absolute;width:100%;max-height:280px;overflow-y:auto;z-index:999;box-shadow:0 10px 40px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.suggestions-list::-webkit-scrollbar{width:6px}.suggestions-list::-webkit-scrollbar-track{background:#ffffff05;border-radius:3px;margin:6px 0}.suggestions-list::-webkit-scrollbar-thumb{background:#00ffff4d;border-radius:3px}.suggestions-list::-webkit-scrollbar-thumb:hover{background:#00ffff80}.suggestions-list li{display:flex;align-items:center;padding:10px 14px;margin:2px 0;border-radius:10px;letter-spacing:.02em;font-size:14px;color:#fffc;transition:all .2s ease;cursor:pointer}.suggestions-list li:hover{background:linear-gradient(135deg,#00ffff26,#00c8ff1a);color:#fff;transform:translate(4px)}.suggestions-list li:active{transform:translate(4px) scale(.98)}@media(max-width:1550px){.search-bar{grid-column:1 / -1;grid-row:2 / 3;width:100%;max-width:100%;justify-content:flex-end}}@media(max-width:768px){.search-bar{flex-direction:column;align-items:flex-end;gap:10px}.search-input-wrapper{width:100%}}@media(max-width:480px){.search-input{font-size:14px;padding:10px 10px 10px 40px}.temp-info h1{font-size:36px}.high-low-temp{font-size:14px}}.weather-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.weather-modal-content{background:linear-gradient(145deg,#232837f2,#191c28fa);border-radius:20px;border:1px solid rgba(255,255,255,.08);width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 60px #00000080,0 0 0 1px #ffffff0d;animation:slideUp .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent)}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#fff;letter-spacing:.02em}.close-button{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;font-size:1rem;cursor:pointer;padding:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:all .2s ease}.close-button:hover{background:#ff646433;border-color:#ff64644d;color:#ff6b6b;transform:scale(1.05)}.modal-body{padding:20px 24px;overflow-y:auto;flex:1}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#ffffff05;border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#ffffff40}.modal-data-section{display:flex;flex-direction:column;gap:16px}.data-summary{display:flex;gap:16px;padding:12px 16px;background:#ffffff0a;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.summary-item{display:flex;align-items:center;gap:8px;color:#fff9;font-size:.85rem}.summary-item i{color:#64c8ffb3}.data-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.data-cards-grid.simple{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.modal-data-card{background:linear-gradient(145deg,#ffffff0f,#ffffff05);border-radius:14px;border:1px solid rgba(255,255,255,.08);padding:14px;transition:all .2s ease}.modal-data-card:hover{background:linear-gradient(145deg,#ffffff14,#ffffff0a);border-color:#64c8ff33;transform:translateY(-2px)}.modal-data-card.full-width{grid-column:1 / -1}.modal-data-card.simple{text-align:center;padding:10px}.card-time-header{display:flex;align-items:center;gap:8px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08);color:#fff;font-weight:600;font-size:.95rem}.card-time-header i{color:#64c8ffcc;font-size:1rem}.card-values{display:flex;flex-direction:column;gap:8px}.value-item{display:flex;align-items:center;gap:10px}.value-item.standalone{padding:4px 0}.value-item>i{color:#64c8ff99;font-size:.9rem;width:20px;text-align:center;flex-shrink:0}.value-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.value-label{font-size:.72rem;color:#ffffff80;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.value-number{font-size:.95rem;font-weight:600;color:#fff}.nested-data{margin-top:8px;padding-top:8px;border-top:1px dashed rgba(255,255,255,.1)}.no-data{text-align:center;color:#fff6;padding:40px 20px;font-size:.95rem}.sunrise-modal-content,.sun-times-grid{display:flex;flex-direction:column;gap:20px}.sun-day-section{display:flex;flex-direction:column;gap:12px}.sun-day-title{display:flex;align-items:center;gap:8px;margin:0;font-size:.95rem;font-weight:600;color:#ffffffb3}.sun-day-title i{color:#64c8ffb3}.sun-times-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sun-time-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:14px;background:linear-gradient(145deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.08);transition:all .2s ease}.sun-time-card:hover{transform:translateY(-2px);border-color:#ffffff26}.sun-time-card.sunrise .sun-icon-wrapper{background:linear-gradient(135deg,#ffb46433,#ff96321a)}.sun-time-card.sunrise .sun-icon-wrapper i{color:#ffb464}.sun-time-card.sunset .sun-icon-wrapper{background:linear-gradient(135deg,#ff785033,#c850641a)}.sun-time-card.sunset .sun-icon-wrapper i{color:#ff8060}.sun-icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;flex-shrink:0}.sun-icon-wrapper i{font-size:1.5rem}.sun-time-info{display:flex;flex-direction:column;gap:2px}.sun-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.sun-time{font-size:1.3rem;font-weight:600;color:#fff}.sun-date{font-size:.78rem;color:#ffffff73}.timezone-info-card{display:flex;gap:16px;padding:14px 18px;background:#ffffff0a;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.timezone-item{display:flex;align-items:center;gap:10px;flex:1}.timezone-item i{color:#64c8ff99;font-size:1rem}.timezone-label{font-size:.75rem;color:#ffffff80;margin-right:4px}.timezone-value{font-size:.9rem;font-weight:500;color:#fff}.graph-container{display:flex;flex-direction:column;gap:16px}.graph-header{display:flex;gap:16px;padding:12px 16px;background:#ffffff0a;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.graph-wrapper{width:100%;background:#ffffff05;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.06);overflow-x:auto}.weather-graph{width:100%;min-width:700px;height:200px;display:block}.graph-point{transition:r .2s ease;cursor:pointer}.graph-point:hover{r:6;opacity:.8}.graph-legend{display:flex;gap:20px;padding:12px 16px;background:#ffffff0a;border-radius:12px;border:1px solid rgba(255,255,255,.06);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:8px;color:#fffc;font-size:.85rem}.legend-color{width:16px;height:4px;border-radius:2px;display:inline-block;background:currentColor}@media(max-width:600px){.weather-modal-content{width:95%;max-height:90vh;border-radius:16px}.modal-header{padding:16px 18px}.modal-header h2{font-size:1.1rem}.modal-body{padding:16px 18px}.data-cards-grid{grid-template-columns:1fr 1fr}.data-summary{flex-direction:column;gap:8px}.sun-times-row{grid-template-columns:1fr}.timezone-info-card{flex-direction:column;gap:12px}.graph-wrapper{padding:10px}.weather-graph{min-width:500px}}.hero-section{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;width:100%}.hero-main-card{position:relative;background:radial-gradient(circle at 20% 30%,rgba(212,168,83,.08),transparent 50%),radial-gradient(circle at 85% 60%,rgba(0,212,170,.06),transparent 50%),linear-gradient(135deg,#0f1723f2,#141e2de6,#0f1723f2);border-radius:24px;padding:36px 40px;border:1px solid rgba(212,168,83,.15);overflow:hidden;min-height:240px;display:flex;align-items:center;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff08 inset;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.4,0,.2,1)}.hero-main-card:hover{border-color:#d4a85340;box-shadow:0 24px 72px #0009,0 0 0 1px #ffffff0d inset,0 0 60px #d4a8531a;transform:translateY(-2px)}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px;opacity:.25;-webkit-mask-image:radial-gradient(circle at 30% 30%,rgba(0,0,0,.45),transparent 60%);mask-image:radial-gradient(circle at 30% 30%,rgba(0,0,0,.45),transparent 60%)}.hero-orb{position:absolute;width:280px;height:280px;right:-50px;top:50%;transform:translateY(-50%);background:radial-gradient(circle,rgba(212,168,83,.15),rgba(0,212,170,.08) 40%,transparent 70%);filter:blur(20px);opacity:.9;animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7;transform:translateY(-50%) scale(1)}50%{opacity:.9;transform:translateY(-50%) scale(1.05)}}.hero-content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;gap:14px}.hero-top{display:flex;align-items:center;gap:12px;justify-content:space-between}.chip{padding:8px 16px;border-radius:16px;border:1px solid rgba(212,168,83,.3);background:#d4a8531a;color:var(--clr-accent-gold);font-weight:600;font-size:12px;letter-spacing:.5px;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 8px #d4a85326}.meta,.muted{color:var(--clr-silver);font-size:12px;opacity:.9}.hero-value{display:flex;align-items:baseline;color:var(--clr-white);gap:6px}.hero-value .currency-sign{font-size:30px;font-weight:400;opacity:.7;margin-top:6px}.hero-value .value-number{font-size:72px;font-weight:800;letter-spacing:-3px;background:linear-gradient(135deg,#fff,#d4a853f2,#d4a853cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;text-shadow:0 0 40px rgba(212,168,83,.3)}.hero-value .value-decimal{font-size:28px;font-weight:500;opacity:.7}.hero-meta-row{display:flex;align-items:center;gap:12px}.trend-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:14px;font-weight:600;background:#ffffff0a;border:1px solid rgba(255,255,255,.1)}.trend-pill.positive{color:var(--clr-green);border-color:#10b98166;background:#10b9811f;box-shadow:0 2px 8px #10b98133}.trend-pill.negative{color:var(--clr-scarlet);border-color:#fe1e004d;background:#fe1e0014}.trend-pill.neutral{color:var(--clr-silver)}.pill-muted{opacity:.8}.hero-side{display:flex;flex-direction:column;gap:12px}.summary-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.summary-card{background:linear-gradient(135deg,#0f1723e6,#141e2dd9,#0f1723e6);border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 16px #0000004d}.summary-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 0%,rgba(255,255,255,.04),transparent 40%);pointer-events:none}.summary-card:hover{border-color:#d4a8534d;transform:translateY(-3px);box-shadow:0 8px 24px #0006,0 0 0 1px #ffffff0d inset}.summary-head{display:flex;align-items:center;gap:12px}.summary-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:18px;box-shadow:inset 0 0 0 1px #ffffff14}.summary-card.assets .summary-icon{background:linear-gradient(135deg,#10b98133,#10b9811a);color:var(--clr-green);box-shadow:0 4px 12px #10b98133}.summary-card.liabilities .summary-icon{background:linear-gradient(135deg,#ef444433,#ef44441a);color:var(--clr-scarlet);box-shadow:0 4px 12px #ef444433}.summary-labels{display:flex;flex-direction:column;gap:2px}.summary-label{font-size:12px;color:var(--clr-silver);letter-spacing:.4px;text-transform:uppercase}.summary-sub{font-size:12px;color:#ffffffb3}.summary-value{font-size:28px;font-weight:700;letter-spacing:-.5px}.summary-value.positive{color:var(--clr-green)}.summary-value.negative{color:var(--clr-scarlet)}.progress{width:100%;height:7px;border-radius:999px;background:#ffffff14;overflow:hidden}.progress-bar{height:100%;border-radius:999px;transition:width .6s ease}.progress-bar.assets{background:linear-gradient(90deg,#10b981,#059669);box-shadow:0 0 12px #10b98180}.progress-bar.liabilities{background:linear-gradient(90deg,#ef4444,#dc2626);box-shadow:0 0 12px #ef444480}.progress-meta{display:flex;justify-content:space-between;font-size:12px;color:#ffffffd9}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stat-chip{padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#0f1723cc,#141e2d99);display:flex;flex-direction:column;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden}.stat-chip:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:0;transition:opacity .3s ease}.stat-chip.positive{border-color:#10b98140;color:var(--clr-green)}.stat-chip.positive:before{background:linear-gradient(90deg,transparent,rgba(16,185,129,.6),transparent)}.stat-chip.negative{border-color:#ef444440;color:var(--clr-scarlet)}.stat-chip.negative:before{background:linear-gradient(90deg,transparent,rgba(239,68,68,.6),transparent)}.stat-chip:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.stat-chip:hover:before{opacity:1}.chip-label{font-size:12px;color:var(--clr-silver);letter-spacing:.3px}.chip-value{font-size:18px;font-weight:700;color:var(--clr-white);letter-spacing:-.3px}@media screen and (max-width:1200px){.hero-section{grid-template-columns:1fr;gap:20px}.hero-main-card{min-height:220px;padding:32px}}@media screen and (max-width:768px){.hero-main-card{padding:24px;min-height:200px}.hero-value .value-number{font-size:52px}.hero-value .currency-sign{font-size:24px}.hero-value .value-decimal{font-size:22px}.hero-section{gap:16px}.summary-duo{grid-template-columns:1fr;gap:12px}.summary-card{padding:18px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-chip{padding:12px 14px}.chip{padding:6px 12px;font-size:11px}}.timeline-panel{height:auto;display:flex;flex-direction:column}.timeline-controls{display:flex;align-items:center;gap:12px}.range-selector{display:flex;background:#ffffff0d;border-radius:8px;padding:4px}.range-btn{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;color:var(--clr-silver);transition:all .2s ease}.range-btn:hover{color:var(--clr-white)}.range-btn.active{background:var(--clr-pumpkin);color:#fff}.forecast-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500;color:var(--clr-silver);background:#ffffff0d;border:1px solid transparent;transition:all .2s ease}.forecast-toggle:hover{border-color:#d4a8534d;color:var(--clr-white)}.forecast-toggle.active{background:#d4a85333;border-color:var(--clr-pumpkin);color:var(--clr-pumpkin)}.timeline-legend{display:flex;gap:20px;padding:12px 24px;border-bottom:1px solid rgba(255,255,255,.05)}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--clr-silver)}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.financials{background:#d4a853}.legend-dot.assets{background:#00fe93}.legend-dot.liabilities{background:#fe1e00}.legend-item.forecast .legend-line{width:20px;height:2px;background:#d4a853;border-style:dashed}.timeline-chart{flex:0 0 auto;padding:20px 24px;height:360px;max-height:520px;min-height:240px}.timeline-chart canvas{width:100%!important;height:100%!important;object-fit:contain;max-height:100%}.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--clr-silver);text-align:center}.no-data i{font-size:48px;opacity:.3;margin-bottom:16px}.no-data p{font-size:16px;font-weight:500;color:var(--clr-white);margin-bottom:4px}.no-data span{font-size:13px}@media screen and (max-width:768px){.timeline-controls{flex-direction:column;align-items:flex-end;gap:8px}.timeline-legend{flex-wrap:wrap;gap:12px}.timeline-chart{height:300px;min-height:220px}}.breakdown-panel{height:auto;display:flex;flex-direction:column}.breakdown-content{padding:12px 16px;flex:0 0 auto;display:flex;flex-direction:column;gap:12px}.chart-container{display:flex;justify-content:center;align-items:center;padding:8px 0}.doughnut-wrapper{position:relative;width:140px;height:140px}.chart-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.center-label{display:block;font-size:11px;color:var(--clr-silver);text-transform:uppercase}.center-value{display:block;font-size:16px;font-weight:600;color:var(--clr-white)}.breakdown-section{background:#ffffff05;border-radius:12px;padding:12px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.section-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--clr-silver)}.section-title i{font-size:14px}.section-title i.positive{color:var(--clr-green)}.section-title i.negative{color:var(--clr-scarlet)}.section-value{font-size:14px;font-weight:600}.section-value.positive{color:var(--clr-green)}.section-value.negative{color:var(--clr-scarlet)}.section-items{display:flex;flex-direction:column;gap:6px}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.item-info{display:flex;align-items:center;gap:8px}.item-dot{width:8px;height:8px;border-radius:50%}.item-label{font-size:13px;color:var(--clr-silver)}.item-values{display:flex;align-items:center;gap:8px}.item-amount{font-size:13px;font-weight:500;color:var(--clr-white)}.item-percent{font-size:11px;color:var(--clr-silver);background:#ffffff0d;padding:2px 6px;border-radius:4px}.ratio-bar-container{margin-top:auto}.ratio-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--clr-silver);margin-bottom:6px}.ratio-bar{height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden;display:flex}.ratio-fill{height:100%;transition:width 1s ease}.ratio-fill.assets{background:linear-gradient(90deg,#00fe93,#14b8a6)}.ratio-fill.liabilities{background:linear-gradient(90deg,#ef4444,#dc2626)}.changes-panel{height:auto;display:flex;flex-direction:column}.panel-subtitle{font-size:12px;color:var(--clr-silver)}.changes-content{padding:16px 24px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.monthly-summary{background:linear-gradient(135deg,#d4a8531a,#d4a8530d);border-radius:12px;padding:16px;border-left:3px solid var(--clr-pumpkin)}.summary-text{font-size:14px;color:var(--clr-white);line-height:1.5;margin:0}.highlights-section,.alerts-section{display:flex;flex-direction:column;gap:8px}.highlight-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:13px}.highlight-item.positive{background:#00fe931a;color:var(--clr-green)}.highlight-item.alert{background:#fe1e001a;color:var(--clr-scarlet)}.highlight-item i{font-size:14px}.changes-list{display:flex;flex-direction:column;gap:8px}.change-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#ffffff05;border-radius:10px;transition:all .2s ease}.change-item:hover{background:#ffffff0d}.change-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.change-icon.positive{background:#00fe931a;color:var(--clr-green)}.change-icon.negative{background:#fe1e001a;color:var(--clr-scarlet)}.change-icon i{font-size:14px}.change-details{flex:1;min-width:0}.change-description{font-size:13px;color:var(--clr-white);margin:0 0 4px;line-height:1.4}.change-time{font-size:11px;color:var(--clr-silver)}.change-amount{text-align:right;flex-shrink:0}.change-amount span{display:block;font-size:13px;font-weight:600}.change-amount.positive span:first-child{color:var(--clr-green)}.change-amount.negative span:first-child{color:var(--clr-scarlet)}.change-percent{font-size:11px!important;font-weight:400!important;color:var(--clr-silver)!important}.no-changes{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.no-changes i{font-size:36px;color:var(--clr-pumpkin);opacity:.3;margin-bottom:12px}.no-changes p{font-size:14px;color:var(--clr-white);margin:0 0 4px}.no-changes span{font-size:12px;color:var(--clr-silver)}.changes-content::-webkit-scrollbar{width:6px}.changes-content::-webkit-scrollbar-track{background:transparent}.changes-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.changes-content::-webkit-scrollbar-thumb:hover{background:#fff3}.cashflow-panel{position:relative;height:100%;display:flex;flex-direction:column;overflow:hidden}.cashflow-panel:after{content:"";position:absolute;inset:-40% auto auto 40%;width:360px;height:360px;background:radial-gradient(circle,rgba(0,254,147,.08) 0%,transparent 60%);filter:blur(20px);pointer-events:none}.cf-header{padding:18px 24px}.panel-title small{display:block;font-size:12px;color:var(--clr-silver)}.cf-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#00fe9324,#00fe9314);color:var(--clr-green);box-shadow:inset 0 0 0 1px #00fe9333}.cf-title-wrap{display:flex;flex-direction:column;gap:2px}.cf-period{font-size:12px;color:var(--clr-white);background:#ffffff14;padding:6px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.12)}.cashflow-content{padding:16px 24px 22px;flex:1;display:flex;flex-direction:column;gap:16px}.net-flow-card{padding:18px 20px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(120deg,#05142dcc,#00fe9314)}.net-flow-card.negative{background:linear-gradient(120deg,#220707b3,#fe1e0014);border-color:#fe1e004d}.nf-main{display:flex;flex-direction:column;gap:6px}.nf-label{font-size:12px;color:var(--clr-silver);text-transform:uppercase;letter-spacing:.5px}.nf-value{font-size:34px;font-weight:700;line-height:1}.nf-sub{font-size:12px;color:#fffc}.net-flow-card.positive .nf-value{color:var(--clr-green)}.net-flow-card.negative .nf-value{color:var(--clr-scarlet)}.nf-badge{display:flex;align-items:center;gap:10px}.nf-icon-wrap{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:inset 0 0 0 1px #ffffff1a}.net-flow-card.positive .nf-icon-wrap{background:#00fe9329;color:var(--clr-green)}.net-flow-card.negative .nf-icon-wrap{background:#fe1e0029;color:var(--clr-scarlet)}.nf-savings{font-size:12px;color:var(--clr-silver);display:flex;flex-direction:column;gap:2px;text-align:right}.nf-savings .positive,.nf-savings .negative{font-weight:700;font-size:15px}.nf-savings .positive{color:var(--clr-green)}.nf-savings .negative{color:var(--clr-scarlet)}.flow-card{padding:16px 18px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;display:flex;flex-direction:column;gap:10px}.flow-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.flow-label{color:var(--clr-silver);font-size:13px;text-transform:uppercase;letter-spacing:.4px}.flow-legend{display:flex;align-items:center;gap:8px;font-size:12px;color:#ffffffe6;flex-wrap:wrap}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #ffffff0a}.legend-dot.income{background:#00fe93}.legend-dot.expense{background:#fe6b4e}.flow-track{position:relative;height:18px;width:100%;border-radius:12px;background:#ffffff0a;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.flow-income{position:relative;height:100%;background:linear-gradient(90deg,#00fe93cc,#02cd8e99);border-radius:12px;transition:width .3s ease;min-width:6px}.flow-expense{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#fe6b4ed9,#fe1e00bf);border-radius:12px;transition:width .3s ease;min-width:4px}.flow-scale{display:grid;grid-template-columns:repeat(5,1fr);font-size:11px;color:var(--clr-silver);margin-top:4px}.flow-scale span{text-align:left}.cf-breakdown{display:flex;flex-direction:column;gap:10px}.breakdown-head{display:flex;justify-content:space-between;align-items:center}.cf-breakdown .section-label{font-size:12px;color:var(--clr-silver);text-transform:uppercase;letter-spacing:.5px}.expense-total{font-size:12px;color:#ffffffe6;padding:6px 10px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.expenses-list{display:flex;flex-direction:column;gap:10px}.expense-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.06);transition:all .2s ease}.expense-item:hover{background:#ffffff0d;border-color:#fe6b4e66}.expense-left{display:flex;align-items:center;gap:10px}.expense-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#fe6b4ee6,#fe1e00cc);box-shadow:0 0 0 4px #fe1e0014}.expense-category{font-size:13px;color:var(--clr-silver)}.expense-amount{font-size:15px;font-weight:700;color:var(--clr-white)}.milestones-panel{height:auto;display:flex;flex-direction:column}.milestone-stats{font-size:12px;color:var(--clr-pumpkin);background:#d4a8531a;padding:4px 10px;border-radius:12px}.milestones-content{padding:16px 24px;flex:1;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.milestone-section{display:flex;flex-direction:column;gap:12px}.section-label{font-size:12px;color:var(--clr-silver);text-transform:uppercase;letter-spacing:.5px;margin:0;display:flex;align-items:center;gap:6px}.section-label i{color:var(--clr-green)}.milestone-item{padding:14px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.milestone-item:hover{border-color:#d4a85333}.milestone-item.achieved{background:linear-gradient(135deg,rgba(0,254,147,.05) 0%,transparent 100%);border-color:#00fe931a}.ms-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ms-name{font-size:14px;font-weight:500;color:var(--clr-white);display:flex;align-items:center;gap:8px}.ms-name i{color:var(--clr-green);font-size:12px}.ms-target{font-size:13px;font-weight:600;color:var(--clr-pumpkin)}.ms-target.achieved{color:var(--clr-green)}.ms-progress-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:8px}.ms-progress-fill{height:100%;border-radius:3px;transition:width 1s ease}.ms-stats{display:flex;justify-content:space-between;font-size:12px}.ms-current{color:var(--clr-white)}.ms-percent{color:var(--clr-silver)}.ms-achieved-info{display:flex;justify-content:space-between;align-items:center}.ms-date{font-size:11px;color:var(--clr-green)}.celebrate-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;color:var(--clr-yellow);background:#fec80a1a;border-radius:12px;transition:all .2s ease}.celebrate-btn:hover{background:#fec80a33}.celebrate-btn:disabled{opacity:.5;cursor:not-allowed}.no-milestones{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.no-milestones i{font-size:36px;color:var(--clr-pumpkin);opacity:.3;margin-bottom:12px}.no-milestones p{font-size:14px;color:var(--clr-white);margin:0 0 4px}.no-milestones span{font-size:12px;color:var(--clr-silver)}.accounts-panel{height:auto;display:flex;flex-direction:column}.accounts-count{font-size:12px;color:var(--clr-silver);background:#ffffff0d;padding:4px 10px;border-radius:12px}.category-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.05)}.category-stat{padding:14px 16px;background:#ffffff08;border-radius:12px;text-align:center;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.category-stat:hover{background:#ffffff0d;border-color:#d4a8534d}.cat-label{display:block;font-size:11px;color:var(--clr-silver);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.cat-total{font-size:18px;font-weight:600;color:var(--clr-green)}.cat-total.negative{color:var(--clr-scarlet)}.accounts-tabs{display:flex;gap:4px;padding:12px 24px;border-bottom:1px solid rgba(255,255,255,.05);overflow-x:auto}.tab-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;color:var(--clr-silver);background:transparent;transition:all .2s ease;white-space:nowrap}.tab-btn:hover{background:#ffffff0d;color:var(--clr-white)}.tab-btn.active{background:var(--clr-pumpkin);color:#fff}.tab-count{font-size:11px;background:#fff3;padding:2px 6px;border-radius:10px}.tab-btn.active .tab-count{background:#ffffff4d}.accounts-list{flex:1;padding:16px 24px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;align-content:start}.account-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.account-card:hover{background:#ffffff0a;border-color:var(--accent-color, rgba(212, 168, 83, .3));transform:translate(4px)}.acc-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(var(--accent-color),.1);background:linear-gradient(135deg,#d4a85326,#d4a8530d);color:var(--accent-color, var(--clr-pumpkin));font-size:18px}.acc-info{flex:1;min-width:0}.acc-name{display:block;font-size:14px;font-weight:500;color:var(--clr-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acc-institution{font-size:12px;color:var(--clr-silver)}.acc-value-container{text-align:right}.acc-value{display:block;font-size:15px;font-weight:600}.acc-value.positive{color:var(--clr-white)}.acc-value.negative{color:var(--clr-scarlet)}.acc-updated{font-size:10px;color:var(--clr-silver)}.no-accounts{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.no-accounts i{font-size:32px;color:var(--clr-silver);opacity:.3;margin-bottom:12px}.no-accounts p{font-size:14px;color:var(--clr-silver);margin:0}.accounts-list::-webkit-scrollbar{width:6px}.accounts-list::-webkit-scrollbar-track{background:transparent}.accounts-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.accounts-list::-webkit-scrollbar-thumb:hover{background:#fff3}.retirement-panel{padding:24px;height:auto;display:flex;flex-direction:column;gap:24px;position:relative}.retirement-panel:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(102,126,234,.08) 0%,transparent 60%);pointer-events:none;animation:retirement-glow 10s ease-in-out infinite alternate}@keyframes retirement-glow{0%{transform:translate(0) rotate(0)}to{transform:translate(-20%,20%) rotate(45deg)}}.retirement-header{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1}.retirement-title{display:flex;align-items:center;gap:16px}.title-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #667eea59}.title-icon i{font-size:22px;color:#fff}.title-text h3{font-size:18px;font-weight:600;color:var(--clr-white);margin:0}.title-subtitle{font-size:13px;color:var(--clr-silver)}.retirement-total{text-align:right}.total-label{display:block;font-size:12px;color:var(--clr-silver);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.total-value{font-size:28px;font-weight:700;color:var(--clr-white);background:linear-gradient(135deg,#667eea,#4facfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.retirement-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;position:relative;z-index:1}.retirement-stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px;display:flex;align-items:center;gap:12px;transition:all .3s ease;cursor:pointer}.retirement-stat-card:hover{background:#ffffff0f;transform:translateY(-2px);border-color:#667eea4d}.retirement-stat-card .stat-icon{width:36px;height:36px;border-radius:10px;background:var( --stat-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%) );display:flex;align-items:center;justify-content:center;flex-shrink:0}.retirement-stat-card .stat-icon i{font-size:16px;color:#fff}.retirement-stat-card .stat-info{display:flex;flex-direction:column;min-width:0}.retirement-stat-card .stat-type{font-size:11px;color:var(--clr-silver);text-transform:uppercase;letter-spacing:.5px}.retirement-stat-card .stat-value{font-size:15px;font-weight:600;color:var(--clr-white)}.retirement-accounts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;position:relative;z-index:1;flex:1;overflow-y:auto}.retirement-account-card{position:relative;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.retirement-account-card:hover{transform:translateY(-4px);border-color:#667eea66;box-shadow:0 12px 40px #0000004d,0 0 30px #667eea26}.retirement-card-glow{position:absolute;top:0;left:0;right:0;height:4px;background:var(--card-gradient);opacity:.8}.retirement-card-content{padding:20px;position:relative;z-index:1}.retirement-card-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.retirement-icon-wrapper{width:44px;height:44px;border-radius:12px;background:var(--card-gradient);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #0003}.retirement-icon-wrapper i{font-size:20px;color:#fff}.retirement-card-info{display:flex;flex-direction:column}.retirement-card-name{font-size:15px;font-weight:600;color:var(--clr-white)}.retirement-card-type{font-size:12px;color:var(--clr-silver)}.retirement-card-value{font-size:26px;font-weight:700;color:var(--clr-white);margin-bottom:12px}.retirement-card-institution{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--clr-silver);margin-bottom:12px}.retirement-card-institution i{font-size:14px;color:var(--clr-pumpkin)}.retirement-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.retirement-updated{font-size:11px;color:var(--clr-silver)}.retirement-contribution{font-size:11px;color:#4facfe;font-weight:500}.retirement-card-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);transition:left .6s ease;pointer-events:none}.retirement-card-shine.active{left:100%}.retirement-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;flex:1}.retirement-empty .empty-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea33,#764ba233);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.retirement-empty .empty-icon i{font-size:36px;color:#667eea}.retirement-empty h4{font-size:18px;font-weight:600;color:var(--clr-white);margin:0 0 8px}.retirement-empty p{font-size:14px;color:var(--clr-silver);max-width:280px;margin:0 0 20px;line-height:1.5}.add-retirement-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px;font-weight:500;font-size:14px;transition:all .3s ease}.add-retirement-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.retirement-projection{background:#ffffff08;border:1px solid rgba(102,126,234,.2);border-radius:12px;padding:16px;position:relative;z-index:1}.projection-header{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--clr-silver);margin-bottom:8px}.projection-header i{color:#4facfe}.projection-value{font-size:22px;font-weight:600;color:#43e97b;margin-bottom:12px}.projection-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.projection-fill{height:100%;background:linear-gradient(90deg,#4facfe,#43e97b);border-radius:3px;transition:width 1s ease-out}@media screen and (max-width:768px){.retirement-panel{padding:16px;gap:16px}.retirement-header{flex-direction:column;gap:16px}.retirement-total{text-align:left}.total-value{font-size:24px}.retirement-stats-grid{grid-template-columns:repeat(2,1fr)}.retirement-accounts-grid{grid-template-columns:1fr}.retirement-card-value{font-size:22px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.modal-container{background:linear-gradient(135deg,#0f1723fa,#141e2dfa);border-radius:20px;border:1px solid rgba(212,168,83,.3);max-width:500px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}.modal-container.wide{max-width:700px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.05)}.close-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--clr-silver);background:#ffffff0d;transition:all .2s ease}.modal-form{padding:20px 24px;overflow-y:auto;flex:1}.form-error{padding:12px 16px;background:#fe1e001a;border:1px solid rgba(254,30,0,.2);border-radius:10px;color:var(--clr-scarlet);font-size:13px;margin-bottom:16px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:12px;font-weight:500;color:var(--clr-silver);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--clr-white);font-size:14px;font-family:inherit;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--clr-pumpkin);background:#ffffff14}.form-group select{cursor:pointer}.form-group select option{background:var(--clr-primary);color:var(--clr-white)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.input-prefix{position:absolute;left:14px;color:var(--clr-silver);font-size:14px}.color-picker{display:flex;gap:8px;flex-wrap:wrap}.color-option{width:32px;height:32px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .2s ease}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:var(--clr-white);box-shadow:0 0 0 2px var(--clr-pumpkin)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05);margin-top:8px}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:500;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--clr-pumpkin) 0%,#1a7a7a 100%);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #d4a8534d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#ffffff0d;color:var(--clr-silver);border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#ffffff1a;color:var(--clr-white)}.date-group{max-width:200px}.update-sections{display:flex;flex-direction:column;gap:20px;max-height:400px;overflow-y:auto;padding-right:8px}.update-section{background:#ffffff05;border-radius:12px;padding:16px}.section-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05)}.section-title.cash{color:#0ea5e9}.section-title.investment{color:#d4a853}.section-title.asset{color:#14b8a6}.section-title.debt{color:#ef4444}.update-accounts{display:flex;flex-direction:column;gap:10px}.update-account-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.ua-info{flex:1;min-width:0}.ua-name{display:block;font-size:14px;color:var(--clr-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ua-current{font-size:11px;color:var(--clr-silver)}.ua-input{display:flex;align-items:center;gap:10px}.ua-input .input-with-prefix{width:140px}.ua-input input{padding:8px 10px 8px 26px;font-size:13px}.ua-change{font-size:12px;font-weight:500;white-space:nowrap}.ua-change.positive{color:var(--clr-green)}.ua-change.negative{color:var(--clr-scarlet)}.update-sections::-webkit-scrollbar,.modal-form::-webkit-scrollbar{width:6px}.update-sections::-webkit-scrollbar-track,.modal-form::-webkit-scrollbar-track{background:transparent}.update-sections::-webkit-scrollbar-thumb,.modal-form::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}@media screen and (max-width:600px){.modal-container{max-height:100vh;border-radius:0}.form-row{grid-template-columns:1fr}.update-account-row{flex-direction:column;align-items:flex-start;gap:8px}.ua-input{width:100%}.ua-input .input-with-prefix{flex:1}}.connection-status-banner{position:fixed;top:0;left:0;right:0;z-index:10000;background:#91585880;backdrop-filter:blur(var(--glass-blur, 20px)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur, 20px)) saturate(180%);border-bottom:1px solid var(--glass-border, rgba(212, 168, 83, .2));box-shadow:0 4px 24px #0000004d,inset 0 1px #d4a85314;animation:slideDown .4s cubic-bezier(.4,0,.2,1)}.connection-status-banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,var(--clr-accent-gold, #d4a853) 20%,var(--clr-accent-gold-light, #e5c07b) 50%,var(--clr-accent-gold, #d4a853) 80%,transparent 100%);opacity:.6}.connection-status-banner:after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,var(--clr-accent-gold-light, #e5c07b) 50%,transparent 100%);animation:pulseGlow 2s ease-in-out infinite}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulseGlow{0%,to{opacity:.3;transform:scaleX(.3)}50%{opacity:.8;transform:scaleX(1)}}.connection-status-content{display:flex;align-items:center;gap:16px;padding:10px 24px;max-width:1400px;margin:0 auto;position:relative;z-index:1}.connection-status-content.centered{justify-content:center}.connection-status-info.centered{text-align:center;align-items:center}.connection-retry-btn{display:none}.connection-status-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#d4a8531a;border:1px solid rgba(212,168,83,.25);border-radius:8px;flex-shrink:0;transition:all .3s ease}.connection-status-icon.centered-icon{width:44px;height:44px;border-radius:10px;margin:0 auto 8px}.connection-status-icon i{font-size:16px;color:var(--clr-accent-gold, #d4a853)}.reconnect-spinner{animation:spin 1.2s linear infinite}.connection-status-info{display:flex;flex-direction:row;gap:12px;min-width:0;align-items:center;justify-content:center}.connection-status-text{display:flex;flex-direction:column;gap:4px;align-items:center}.connection-status-title{font-size:13px;font-weight:600;color:var(--clr-accent-gold, #d4a853);letter-spacing:.3px;font-family:var(--font-family-space, "Space Grotesk", sans-serif);line-height:1.2}.connection-status-message{font-size:12px;color:var(--clr-silver, #9ca3af);font-weight:400;font-family:var(--font-family-bai, "Bai Jamjuree", sans-serif);line-height:1.3}.connection-retry-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background:transparent;border:1px solid var(--clr-accent-gold, #d4a853);border-radius:6px;color:var(--clr-accent-gold, #d4a853);font-size:12px;font-weight:600;font-family:var(--font-family-space, "Space Grotesk", sans-serif);cursor:pointer;transition:all .25s ease;white-space:nowrap;letter-spacing:.3px}.connection-retry-btn:hover:not(:disabled){background:#d4a85326;border-color:var(--clr-accent-gold-light, #e5c07b);color:var(--clr-accent-gold-light, #e5c07b);transform:translateY(-1px);box-shadow:0 2px 8px #d4a85333}.connection-retry-btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.connection-retry-btn:disabled{opacity:.5;cursor:not-allowed;border-color:#d4a8534d}.connection-retry-btn i{font-size:12px}.connection-status-banner.reconnecting .connection-status-icon{animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{box-shadow:0 0 #d4a85366}50%{box-shadow:0 0 0 8px #d4a85300}}@media screen and (max-width:768px){.connection-status-content{padding:8px 16px;gap:12px}.connection-status-icon{width:32px;height:32px}.connection-status-icon i{font-size:14px}.connection-status-title{font-size:12px}.connection-status-message{font-size:11px}.connection-retry-btn{padding:5px 10px;font-size:11px}}@media screen and (max-width:480px){.connection-status-content{padding:8px 12px;gap:10px}.connection-status-icon{width:28px;height:28px}.connection-status-icon i{font-size:12px}.connection-status-title{font-size:11px}.connection-status-message{font-size:10px}.connection-retry-btn{padding:4px 8px;font-size:10px;gap:4px}.connection-retry-btn i{font-size:10px}}.home-page{flex:1;min-width:0;padding:0 var(--page-horizontal-padding) 24px;min-height:0;background:transparent;overflow-x:hidden;position:relative;z-index:1}.home-page>*{position:relative;z-index:1}.home-header{margin-bottom:32px}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.greeting-section{display:flex;flex-direction:column;gap:4px}.greeting-text{font-size:32px;font-weight:700;color:var(--clr-white);margin:0;letter-spacing:-.5px;line-height:1.2}.user-name{background:linear-gradient(135deg,#d4a853,#e5c07b,#b8923f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.date-text{font-size:14px;color:var(--clr-silver);margin:0;font-weight:400}.refresh-btn{width:44px;height:44px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--clr-silver);display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s ease}.refresh-btn:hover{background:#d4a8531a;border-color:#d4a8534d;color:#d4a853;transform:scale(1.05)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(190px,auto);gap:20px}.home-dashboard-grid>:nth-child(1){grid-column:1 / span 6;grid-row:1 / span 2;min-height:260px}.home-dashboard-grid>:nth-child(2){grid-column:7 / -1;grid-row:1 / span 2;min-height:260px}.home-dashboard-grid>:nth-child(3){grid-column:1 / span 5;grid-row:3 / span 1;min-height:230px}.home-dashboard-grid>:nth-child(4){grid-column:6 / -1;grid-row:3 / span 1;min-height:220px}.home-dashboard-grid>:nth-child(5){grid-column:1 / span 5;grid-row:4 / span 1;min-height:220px}.home-dashboard-grid>:nth-child(6){grid-column:6 / -1;grid-row:4 / span 1;min-height:220px}.home-widget{background:linear-gradient(145deg,#0f1723d9,#141e2dbf,#1a2634cc);border-radius:20px;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);overflow:hidden;position:relative}.home-widget{display:flex;flex-direction:column}.home-widget .widget-content{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.home-widget:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%)}.widget-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.05)}.widget-title-section{display:flex;align-items:center;gap:12px}.widget-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s ease}.widget-title{font-size:16px;font-weight:600;color:var(--clr-white);margin:0}.widget-subtitle{font-size:12px;color:var(--clr-silver);margin:0}.widget-arrow{width:32px;height:32px;border-radius:8px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:var(--clr-silver);transition:all .3s ease;cursor:pointer}.widget-arrow:hover{background:#d4a85333;color:#d4a853;transform:translate(4px)}.widget-content{padding:20px 24px}.widget-icon.calendar{background:linear-gradient(135deg,#d4a85333,#d4a8531a);color:#d4a853}.widget-icon.weather{background:linear-gradient(135deg,#0ea5e933,#0ea5e91a);color:#0ea5e9}.widget-icon.financials,.widget-icon.subscriptions{background:linear-gradient(135deg,#d4a85333,#d4a8531a);color:#d4a853}.widget-icon.travel{background:linear-gradient(135deg,#ff793f33,#ff793f1a);color:#ff793f}@media screen and (max-width:1200px){.home-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(200px,auto)}.home-dashboard-grid>:nth-child(1),.home-dashboard-grid>:nth-child(2),.home-dashboard-grid>:nth-child(3),.home-dashboard-grid>:nth-child(4),.home-dashboard-grid>:nth-child(5),.home-dashboard-grid>:nth-child(6){grid-column:auto;grid-row:auto;min-height:200px}.greeting-text{font-size:28px}}@media screen and (max-width:768px){.home-page{padding:16px}.greeting-text{font-size:24px}.widget-header,.widget-content{padding:16px 20px}.home-dashboard-grid{grid-template-columns:1fr;grid-auto-rows:minmax(180px,auto)}}@keyframes widget-entrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-widget{animation:widget-entrance .6s ease forwards}.home-dashboard-grid .home-widget:nth-child(1){animation-delay:.1s}.home-dashboard-grid .home-widget:nth-child(2){animation-delay:.2s}.home-dashboard-grid .home-widget:nth-child(3){animation-delay:.3s}.home-dashboard-grid .home-widget:nth-child(4){animation-delay:.4s}.home-dashboard-grid .home-widget:nth-child(5){animation-delay:.5s}.home-dashboard-grid .home-widget:nth-child(6){animation-delay:.6s}.empty-widget{opacity:.3;border-style:dashed;border-color:#ffffff1a;pointer-events:none}.widget-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;color:var(--clr-silver);text-align:center;gap:12px}.widget-empty i{font-size:32px;opacity:.5}.widget-empty p{margin:0;font-size:14px}.widget-loading{height:100%;min-height:150px;width:100%;flex:1 1 auto;display:block;background:#ffffff05;background-image:linear-gradient(90deg,#ffffff05,#ffffff0a,#ffffff0f,#ffffff0a,#ffffff05);background-size:200% 100%;animation:skeleton-shimmer 5s ease-in-out infinite;border-radius:12px;position:relative;overflow:hidden}.calendar-widget{min-height:280px}.calendar-grid-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;height:100%}.calendar-mini-calendar{background:#d4a8530f;border:1px solid rgba(212,168,83,.12);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:12px}.mini-cal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}.mini-cal-month{font-size:13px;font-weight:600;color:var(--clr-white)}.mini-cal-nav{display:flex;gap:6px}.mini-cal-nav-btn{width:24px;height:24px;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--clr-silver);display:flex;align-items:center;justify-content:center;font-size:11px;cursor:pointer;transition:all .2s ease}.mini-cal-nav-btn:hover{background:#d4a85326;border-color:#d4a85340;color:#d4a853;cursor:pointer}.mini-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.mini-cal-dow{text-align:center;font-size:9px;font-weight:600;color:var(--clr-silver);padding:6px 0;text-transform:uppercase;letter-spacing:.5px}.mini-cal-day{position:relative;aspect-ratio:1;border-radius:6px;background:transparent;color:var(--clr-white);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;font-weight:500;border:1px solid transparent}.mini-cal-day.other-month{color:var(--clr-silver);opacity:.3}.mini-cal-day.today{background:#d4a85333;border-color:#d4a8534d;color:var(--clr-white);font-weight:700}.mini-cal-day.has-events{position:relative}.mini-cal-day-num{line-height:1;margin-top:6px}.mini-cal-event-dot{position:absolute;top:4px;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%;background:var(--clr-scarlet);box-shadow:0 0 6px #00000059}.mini-cal-day.today .mini-cal-event-dot{background:var(--clr-scarlet)}.calendar-side-containers{display:flex;flex-direction:column;gap:12px}.calendar-small-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;max-height:100%;overflow:hidden}.calendar-small-card.today-card{background:#d4a85314;border-color:#d4a85326}.calendar-small-card.upcoming-card{background:#ffffff05}.calendar-small-card.stats-card{background:#ffffff08}.small-card-header{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:#d4a853;text-transform:uppercase;letter-spacing:.5px}.small-card-header i{font-size:12px}.event-count-badge{margin-left:auto;background:#d4a85333;color:#d4a853;padding:2px 6px;border-radius:8px;font-size:10px;font-weight:600}.small-card-content{display:flex;flex-direction:column;gap:6px;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;max-height:200px}.small-card-content::-webkit-scrollbar{width:4px}.small-card-content::-webkit-scrollbar-track{background:transparent}.small-card-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.small-event-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff0a;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.event-dot{width:3px;height:20px;border-radius:2px;flex-shrink:0}.event-details{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.event-title-small{font-size:12px;font-weight:500;color:var(--clr-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-time-small,.event-date-small{font-size:10px;color:var(--clr-silver)}.small-event-item.holiday-item{background:#8b5cf61a;border-color:#8b5cf633}.holiday-icon{font-size:14px;display:inline-block;margin-right:4px}.holiday-type{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#8b5cf6cc}.small-card-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;flex:1;color:var(--clr-silver);font-size:11px}.small-card-empty i{font-size:20px;color:#d4a853;opacity:.5}.stats-content{display:flex;flex-direction:column;gap:10px;flex:1}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#ffffff0a;border-radius:8px}.stat-label{font-size:11px;color:var(--clr-silver);text-transform:uppercase;letter-spacing:.3px}.stat-value{font-size:16px;font-weight:700;color:var(--clr-white)}.calendar-widget .widget-empty{min-height:150px}.calendar-widget .widget-empty i{color:#d4a853}@media(max-width:768px){.calendar-grid-layout{grid-template-columns:1fr}}.calendar-small-card.upcoming-card:hover,.calendar-small-card.upcoming-card:focus{background:#ffffff05;transform:none;transition:none;cursor:default}.calendar-small-card.upcoming-card:hover .small-event-item,.calendar-small-card.upcoming-card:focus .small-event-item{background:#ffffff0a;border-color:#ffffff0d;box-shadow:none}.weather-widget{min-height:230px;display:flex;flex-direction:column;position:relative;overflow:visible}.weather-widget-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;transition:background 1.2s cubic-bezier(.4,0,.2,1),opacity 1s cubic-bezier(.4,0,.2,1),transform 1.2s cubic-bezier(.4,0,.2,1);will-change:background,opacity,transform}.weather-widget .widget-content{flex:1;display:flex;flex-direction:column;min-height:0;position:relative;z-index:1}.weather-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;height:100%;min-height:0}.weather-current-card{background:#0ea5e914;border-radius:14px;border:1px solid rgba(14,165,233,.15);padding:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:18px;min-height:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:background 1.2s cubic-bezier(.4,0,.2,1),border-color 1.2s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.34,1.56,.64,1),box-shadow 1.2s cubic-bezier(.4,0,.2,1);will-change:background,transform,box-shadow;animation:weather-card-entrance .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes weather-card-entrance{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.weather-card-top-bar{position:absolute;top:12px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;z-index:2}.video-toggle-btn{width:28px;height:28px;border-radius:50%;border:none;background:#0006;color:#fffc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.video-toggle-btn:hover{background:#0009;color:var(--clr-white);transform:scale(1.1)}.video-toggle-btn i{font-size:14px}.weather-current-time{font-size:14px;font-weight:600;color:var(--clr-white);font-variant-numeric:tabular-nums}.weather-current-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.05) 0%,transparent 50%);opacity:.3;pointer-events:none}.weather-current-card .weather-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:brightness(.55);border-radius:14px}.current-main{padding-top:10%;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;width:100%}.current-main-left{display:flex;align-items:flex-start;gap:16px;flex:1}.weather-icon-large{font-size:56px;line-height:1;transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .5s cubic-bezier(.4,0,.2,1),filter .5s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.temp-display{display:flex;align-items:flex-start}.temp-unit-toggle{display:flex;background:#0006;border-radius:20px;border:1px solid rgba(255,255,255,.15);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.weather-widget .widget-header .temp-unit-toggle{position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;margin:0!important;z-index:2;display:inline-flex;align-items:center}.unit-btn{padding:6px 12px;font-size:12px;font-weight:600;border:none;background:transparent;color:#ffffff80;cursor:pointer;transition:all .2s ease;min-width:32px;position:relative}.unit-btn:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px}.unit-btn:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px}.unit-btn.active{background:#0ea5e94d;color:#0ea5e9}.unit-btn.active:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px}.unit-btn.active:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px}.unit-btn:not(.active):hover{color:#fffc;background:#ffffff0d}.current-temp{font-weight:700;color:var(--clr-white);line-height:1;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .4s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.temp-unit{font-size:28px;font-weight:400;color:var(--clr-silver);margin-top:4px}.current-condition{font-size:22px;color:gold;text-align:right;text-transform:capitalize;align-self:flex-start;margin-top:8px;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.weather-feels-like{position:absolute;bottom:16px;left:16px;font-size:16px;color:var(--clr-silver);z-index:2}.widget-heat-bar-container{width:100%;min-width:0;display:flex;flex-direction:column;gap:6px;margin-top:8px}.widget-heat-bar-track{width:180px;max-width:100%;height:8px;background:#ffffff1a;border-radius:4px;position:relative;overflow:visible;min-width:0}.widget-heat-bar{position:absolute;top:0;height:100%;border-radius:4px;box-shadow:0 0 6px #fff9,0 0 12px #fff6,inset 0 1px #fff6;min-width:4px;opacity:.9}.widget-temp-label{position:absolute;top:12px;font-size:16px;font-weight:600;color:var(--clr-white);white-space:nowrap;flex-shrink:0}.widget-temp-low{left:-4px}.widget-temp-high{right:-4px}.widget-temp-low{color:var(--clr-silver-v1)}.widget-temp-high{color:var(--clr-white)}.weather-visibility{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:6px;font-size:14px;color:var(--clr-silver);z-index:2}.weather-visibility i{font-size:16px;opacity:.7}.temp-range .low{color:#0ea5e9;display:flex;align-items:center}.temp-range .high{color:#ff6b35;display:flex;align-items:center}.weather-details-card{display:flex;flex-direction:column;gap:12px;height:100%;justify-content:space-between}.weather-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1;min-height:0}.weather-stat-item-wrapper{position:relative}.weather-stat-item{background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.06);padding:14px;display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:0;text-align:left;transition:all .2s ease}.weather-stat-item-wrapper:hover .weather-stat-item{background:#ffffff0d;border-color:#ffffff1a}.weather-stat-item i{font-size:24px;color:#0ea5e9;flex-shrink:0;margin-left:0;margin-right:8px}.stat-info{display:flex;flex-direction:column;gap:2px;flex:none;align-items:flex-start}.stat-info .stat-value{font-size:18px;font-weight:600;color:var(--clr-white);line-height:1.2}.stat-value .stat-value-main{color:var(--clr-white)}.stat-unit{color:var(--clr-silver);font-size:13px;font-weight:500}.stat-info .stat-label{font-size:11px;color:var(--clr-silver);text-transform:uppercase;letter-spacing:.3px}.stat-info-sunrise{gap:4px}.sunrise-time,.sunset-time{display:flex;align-items:center;gap:4px}.sunrise-label,.sunset-label{font-size:12px;font-weight:500;color:var(--clr-white)}.card-dropdown-btn{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:8px;border:none;background:#00000047;color:#ffffffe6;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:1;transition:transform .12s ease,background .12s ease;z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card-dropdown-btn:hover{background:#00000075;color:var(--clr-white);transform:translateY(-1px)}.card-dropdown-btn i{font-size:14px;color:inherit;margin:0}.card-dropdown-menu{position:absolute;top:32px;right:6px;background:#1e293bfa;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px;width:max-content;min-width:fit-content;max-height:280px;overflow-y:auto;z-index:3000;box-shadow:0 8px 24px #0006,0 2px 8px #0003;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.card-dropdown-option{width:100%;padding:10px 12px;border:none;background:transparent;color:var(--clr-white);text-align:left;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:13px;transition:all .15s ease}.card-dropdown-option i{font-size:16px;color:#0ea5e9;margin:0}.card-dropdown-option:hover{background:#0ea5e926}.card-dropdown-option.selected{background:#0ea5e933;color:#0ea5e9}.card-dropdown-option.selected i{color:#0ea5e9}.card-dropdown-menu::-webkit-scrollbar{width:6px}.card-dropdown-menu::-webkit-scrollbar-track{background:#0003;border-radius:3px}.card-dropdown-menu::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.card-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.mini-forecast{display:flex;justify-content:space-around;background:#ffffff05;border-radius:10px;padding:12px 8px;border:1px solid rgba(255,255,255,.05);flex-shrink:0}.forecast-day{display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px 12px;border-radius:8px}.forecast-day-name{font-size:11px;font-weight:500;color:var(--clr-silver);text-transform:uppercase}.forecast-day--today .forecast-day-name{color:var(--clr-scarlet);font-weight:700}.forecast-day i{font-size:22px}.forecast-temps{display:flex;flex-direction:column;align-items:center;gap:1px}.forecast-high{font-size:12px;font-weight:600;color:var(--clr-white)}.forecast-low{font-size:10px;color:var(--clr-silver)}.mini-forecast-heat-bar-container{width:100%;min-width:0;display:flex;flex-direction:column;gap:6px;margin-top:6px}.mini-forecast-heat-bar-track{width:100%;height:7px;background:#ffffff1a;border-radius:4px;position:relative;overflow:visible;min-width:0}.mini-forecast-temp-labels{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:6px;padding:0 2px}.mini-forecast-heat-bar{position:absolute;top:0;height:100%;border-radius:3px;box-shadow:0 0 4px #ffffff80,0 0 8px #ffffff4d,inset 0 1px #ffffff4d;min-width:3px;opacity:.9}.mini-forecast-temp-label{font-size:11px;font-weight:600;color:var(--clr-white);white-space:nowrap;flex-shrink:0}.mini-forecast-temp-low{color:var(--clr-silver)}.mini-forecast-temp-high{color:var(--clr-white)}.weather-widget .widget-empty{min-height:150px}.weather-widget .widget-empty i{color:#0ea5e9}.weather-widget .bi-sun-fill{background:linear-gradient(to bottom right,#fec80a,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.weather-widget .bi-cloud-fill{color:#b0c4de}.weather-widget .bi-cloud-sun-fill{background:linear-gradient(to bottom right,#fff 30%,#fec80a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.weather-widget .bi-cloud-rain-fill{background:linear-gradient(to bottom right,#cfd9df,#12a6e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.weather-widget .bi-cloud-lightning-rain-fill{background:linear-gradient(to bottom right,#4b6cb7,#182848);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.weather-widget .bi-snow,.weather-widget .bi-cloud-snow-fill{background:linear-gradient(to bottom right,#e0eafc,#cfdef3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.weather-widget .bi-moon-stars-fill{background:linear-gradient(to bottom right,#9796f0,#fbc7d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.weather-widget .bi-cloud-haze-fill,.weather-widget .bi-cloud-fog2-fill{background:linear-gradient(to bottom right,#d7d2cc,#304352);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.weather-current-card.weather-updating{animation:weather-update-pulse .8s cubic-bezier(.4,0,.2,1)}@keyframes weather-update-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.95}to{transform:scale(1);opacity:1}}@media screen and (max-width:1200px){.weather-grid-layout{grid-template-columns:1fr;align-items:start}.weather-details-card{margin-top:12px}.widget-heat-bar-track{width:220px;max-width:220px}}@media screen and (max-width:900px){.weather-grid-layout{grid-template-columns:1fr;gap:12px}.current-main{flex-direction:column;align-items:flex-start;gap:10px;padding-top:6%}.current-main-left{width:100%;display:flex;align-items:center;gap:12px}.current-condition{text-align:left;align-self:flex-start;margin-top:0}.weather-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.mini-forecast{justify-content:space-between;padding:8px}.widget-heat-bar-track{width:180px;max-width:100%}.weather-feels-like{position:static;bottom:auto;left:auto;margin-top:8px;padding-left:0;z-index:1}.weather-current-card{padding-bottom:56px}}@media screen and (max-width:480px){.weather-widget{padding:8px}.weather-current-card{padding:12px;border-radius:12px}.weather-icon-large{font-size:44px}.current-temp{font-size:36px}.widget-heat-bar-track{max-width:100%}.weather-stats-grid{grid-template-columns:1fr 1fr;gap:6px}.mini-forecast{flex-direction:column;gap:8px;align-items:stretch}.weather-feels-like{position:static;bottom:auto;left:auto;margin-top:6px;font-size:14px}.weather-current-card{padding-bottom:48px}}.weather-widget .current-main .current-main-left i.current-weather-icon{color:wheat!important;background:none!important;-webkit-text-fill-color:wheat!important;-webkit-background-clip:unset!important}.blur-overlay-wrapper{position:relative;width:100%;height:100%}.blur-overlay-content{filter:blur(18px);pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.blur-overlay-mask{position:absolute;top:0;left:0;right:0;bottom:0;cursor:default;pointer-events:auto;z-index:100;display:flex;align-items:center;justify-content:center}.blur-overlay-message{background:#0f1723e6;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);padding:24px 32px;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;color:var(--clr-white);font-size:16px;font-weight:600;text-align:center;max-width:400px}.financials-widget{min-height:260px}.financials-grid-layout{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:14px}.nw-main-card{grid-column:1 / -1;background:#d4a85314;border-radius:14px;border:1px solid rgba(212,168,83,.15);padding:18px;display:flex;flex-direction:column;gap:8px}.nw-value-display{display:flex;align-items:flex-start}.nw-currency{font-size:24px;font-weight:500;color:var(--clr-silver);margin-right:2px;margin-top:6px}.nw-amount{font-size:38px;font-weight:700;color:var(--clr-white);line-height:1}.nw-change{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500}.nw-change.positive{color:#00fe93}.nw-change.negative{color:#fe1e00}.nw-change.neutral{color:var(--clr-silver)}.nw-change i{font-size:12px}.nw-change-percent{color:var(--clr-silver);font-weight:400}.nw-stats-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.nw-stat-card{background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06);padding:12px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .3s ease}.nw-stat-card:hover{background:#d4a85314;border-color:#d4a85333}.nw-stat-card.assets .nw-stat-icon{background:#00fe931a;color:#00fe93}.nw-stat-card.liabilities .nw-stat-icon{background:#ff6b351a;color:#ff6b35}.nw-stat-card.accounts .nw-stat-icon,.nw-stat-card.updated .nw-stat-icon{background:#d4a8531a;color:#d4a853}.nw-stat-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px}.nw-stat-info{display:flex;flex-direction:column;align-items:center;gap:2px}.nw-stat-info .nw-stat-value{font-size:14px;font-weight:700;color:var(--clr-white);line-height:1}.nw-stat-info .nw-stat-label{font-size:9px;color:var(--clr-silver);text-transform:uppercase;letter-spacing:.5px}.nw-ratio-card{grid-column:1 / -1;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05);padding:12px 14px;display:flex;flex-direction:column;gap:8px}.nw-bar-container{display:flex;height:8px;border-radius:4px;overflow:hidden;background:#ffffff0d}.nw-bar-fill{height:100%;transition:width .6s ease}.nw-bar-fill.assets{background:linear-gradient(90deg,#d4a853,#e5c07b)}.nw-bar-fill.liabilities{background:linear-gradient(90deg,#ff6b35,#fe1e00)}.nw-bar-labels{display:flex;justify-content:space-between}.nw-bar-label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--clr-silver)}.nw-dot{width:6px;height:6px;border-radius:50%}.nw-dot.assets{background:#d4a853}.nw-dot.liabilities{background:#ff6b35}.financials-widget .widget-empty{min-height:120px}.financials-widget .widget-empty i{color:#d4a853}@media screen and (max-width:768px){.nw-stats-grid{grid-template-columns:repeat(2,1fr)}}.subscriptions-widget{min-height:220px}.subs-grid-layout{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:12px;height:100%}.subs-main-card{background:#d4a8531a;border:1px solid rgba(212,168,83,.2);border-radius:14px;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.subs-main-header{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#d4a853;text-transform:uppercase;letter-spacing:.5px}.subs-main-header i{font-size:12px}.subs-main-value{font-size:28px;font-weight:700;color:var(--clr-white);line-height:1.1}.subs-per-period{font-size:12px;color:var(--clr-silver)}.subs-stats-grid{display:flex;flex-direction:column;gap:8px}.subs-stat-card{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px}.subs-stat-card.active{border-left:3px solid #d4a853}.subs-stat-card.trial{border-left:3px solid #fec80a}.subs-stat-card.unused{border-left:3px solid #ff6b35}.subs-stat-number{font-size:18px;font-weight:700;color:var(--clr-white)}.subs-stat-card.active .subs-stat-number{color:#d4a853}.subs-stat-card.trial .subs-stat-number{color:#fec80a}.subs-stat-card.unused .subs-stat-number{color:#ff6b35}.subs-stat-label{font-size:11px;color:var(--clr-silver);text-transform:uppercase;letter-spacing:.5px}.subs-upcoming-card{grid-column:span 2;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px}.subs-upcoming-header{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#d4a853;text-transform:uppercase;letter-spacing:.5px}.subs-upcoming-header i{font-size:12px}.subs-charges-list{display:flex;flex-direction:column;gap:6px}.subs-charge-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#ffffff08;border-radius:8px;transition:all .2s ease}.subs-charge-item:hover{background:#d4a8531a}.charge-icon{width:28px;height:28px;border-radius:6px;background:#d4a85326;display:flex;align-items:center;justify-content:center;color:#d4a853;font-size:12px}.charge-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.charge-name{font-size:12px;font-weight:500;color:var(--clr-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.charge-date{font-size:10px;color:var(--clr-silver)}.charge-amount{font-size:13px;font-weight:600;color:var(--clr-white)}.no-upcoming{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--clr-silver);font-size:12px;padding:16px}.no-upcoming i{color:#d4a853;font-size:16px}.subscriptions-widget .widget-empty{min-height:120px}.subscriptions-widget .widget-empty i{color:#d4a853}.travel-widget{min-height:200px}.travel-content{display:flex;flex-direction:column}.travel-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.travel-info-card{background:#ff793f0f;border-radius:14px;border:1px solid rgba(255,121,63,.15);padding:16px;display:flex;flex-direction:column;gap:12px}.countdown-header{display:flex;flex-direction:column;gap:4px}.trip-destination{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:var(--clr-white)}.trip-flag{font-size:22px}.trip-location{font-size:13px;color:var(--clr-silver);padding-left:32px}.trip-meta{display:flex;flex-direction:column;gap:8px;margin-top:auto}.trip-meta span{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--clr-silver)}.trip-meta i{color:#ff793f;font-size:14px}.countdown-card{background:#ff793f14;border-radius:14px;border:1px solid rgba(255,121,63,.2);padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.countdown-label-top{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#ff793f;font-weight:600}.countdown-display{display:flex;align-items:center;gap:8px}.countdown-item{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:45px}.countdown-value{font-size:28px;font-weight:700;color:#ff793f;line-height:1;font-family:var(--font-family-space)}.countdown-label{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--clr-silver)}.countdown-separator{font-size:22px;font-weight:300;color:#ff793f80;margin-bottom:14px}.travel-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.travel-widget .stat-card{background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06);padding:14px 12px;display:flex;align-items:center;gap:10px}.travel-widget .stat-card:hover{background:#ffffff08!important;border-color:#ffffff0f!important;transform:none!important;box-shadow:none!important}.travel-widget .stat-card.highlight{background:#ff793f1a;border-color:#ff793f2e;box-shadow:0 12px 28px #ff793f1f}.travel-widget .stat-card.highlight:hover{background:#ff793f1a!important;border-color:#ff793f2e!important;box-shadow:0 12px 28px #ff793f1f!important;transform:none!important}.stat-card-icon{width:32px;height:32px;border-radius:8px;background:#ff793f1a;display:flex;align-items:center;justify-content:center;color:#ff793f;font-size:14px}.stat-card-content{display:flex;flex-direction:column;gap:2px}.stat-card-value{font-size:20px;font-weight:700;color:var(--clr-white);line-height:1}.stat-card-label{font-size:10px;color:var(--clr-silver);text-transform:uppercase;letter-spacing:.5px}.travel-trips-card{background:#ff793f0a;border-radius:14px;border:1px solid rgba(255,121,63,.1);padding:14px;display:flex;flex-direction:column;gap:10px}.trips-card-header{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#ff793f}.trips-card-header i{font-size:14px}.trips-list{display:flex;flex-direction:column;gap:8px}.travel-widget .trip-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.travel-widget .trip-item:hover{background:#ffffff08!important;border-color:#ffffff0d!important;transform:none!important;box-shadow:none!important}.trip-icon{width:32px;height:32px;border-radius:8px;background:#ff793f1a;display:flex;align-items:center;justify-content:center}.trip-flag-small{font-size:18px}.trip-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.trip-name{font-size:13px;font-weight:500;color:var(--clr-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trip-detail{font-size:11px;color:var(--clr-silver)}.trip-status{width:6px;height:6px;border-radius:50%}.no-trips-card{display:flex;align-items:center;gap:14px;padding:20px 16px}.no-trips-icon{width:44px;height:44px;border-radius:12px;background:#ff793f1a;display:flex;align-items:center;justify-content:center;color:#ff793f;font-size:20px}.no-trips-text{display:flex;flex-direction:column;gap:4px}.no-trips-title{font-size:14px;font-weight:600;color:var(--clr-white)}.no-trips-subtitle{font-size:12px;color:var(--clr-silver)}.travel-widget .widget-empty{min-height:120px}.travel-widget .widget-empty i{color:#ff793f}@media screen and (max-width:768px){.travel-grid-layout{grid-template-columns:1fr}.travel-stats-grid{grid-template-columns:repeat(4,1fr)}}.profile-page{flex:1;min-width:0;padding:0 var(--page-horizontal-padding) 24px;min-height:0;background:transparent;overflow-x:hidden;position:relative;color:var(--clr-white);z-index:1}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px;color:var(--clr-silver);position:relative;z-index:1}.loading-ring{width:60px;height:60px;position:relative}.loading-ring:before,.loading-ring:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent}.loading-ring:before{border-top-color:#d4a853;animation:ring-spin 1s linear infinite}.loading-ring:after{border-bottom-color:#d4a85380;animation:ring-spin 1.5s linear infinite reverse}.loading-ring-inner{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;border:2px solid rgba(212,168,83,.2)}@keyframes ring-spin{to{transform:rotate(360deg)}}.profile-loading p{font-size:14px;font-weight:500;letter-spacing:.5px}.profile-top-spacer{height:32px;position:relative;z-index:1}.profile-hero{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;position:relative;z-index:1;gap:20px;flex-wrap:wrap}.hero-content{display:flex;flex-direction:column;gap:8px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#d4a8531a;border:1px solid rgba(212,168,83,.2);border-radius:20px;font-size:12px;font-weight:600;color:#d4a853;width:fit-content;text-transform:uppercase;letter-spacing:.5px}.hero-badge i{font-size:14px}.hero-title{font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:700;background:linear-gradient(135deg,#fff,#ffffffbf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.hero-subtitle{font-size:15px;color:var(--clr-silver);margin:0}.hero-save-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#d4a853,#b8923f);color:#fff;border:none;border-radius:14px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:160px;justify-content:center;box-shadow:0 4px 20px #d4a85340;position:relative;overflow:hidden}.hero-save-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.hero-save-btn:hover:not(:disabled):before{left:100%}.hero-save-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 30px #d4a85366}.hero-save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.hero-save-btn i{font-size:18px}.profile-layout{display:grid;grid-template-columns:340px 1fr;gap:28px;position:relative;z-index:1;max-width:1500px;margin:0 auto}.profile-showcase{position:sticky;top:24px;height:fit-content}.showcase-card{background:linear-gradient(145deg,#0f1723f2,#141e2de6);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(212,168,83,.15);border-radius:24px;padding:32px 24px;position:relative;overflow:hidden}.showcase-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(212,168,83,.4) 30%,rgba(212,168,83,.6) 50%,rgba(212,168,83,.4) 70%,transparent 100%)}.showcase-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(212,168,83,.03) 0%,transparent 50%);pointer-events:none}.showcase-visual{display:flex;justify-content:center;margin-bottom:24px;position:relative}.avatar-container{position:relative;width:130px;height:130px}.avatar-container:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;background:radial-gradient(circle at center,rgba(212,168,83,.35) 0%,rgba(212,168,83,.2) 25%,rgba(212,168,83,.12) 45%,rgba(212,168,83,.06) 65%,transparent 85%);filter:blur(10px);opacity:.9;z-index:0;pointer-events:none;transform:translateZ(0);will-change:opacity}.avatar-ring{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;animation:ring-rotate 10s linear infinite;will-change:transform;transform-origin:center center;z-index:1}.avatar-ring svg{width:100%;height:100%;transform:rotate(-90deg);filter:none;position:relative;z-index:1}.ring-track{fill:none;stroke:#d4a8531a;stroke-width:2}.ring-progress{fill:none;stroke:url(#ring-gradient);stroke:#d4a853;stroke-width:2;stroke-linecap:round;stroke-dasharray:289;stroke-dashoffset:72;filter:none}@keyframes ring-rotate{to{transform:rotate(360deg)}}.avatar-image{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#1a2634,#0f1723);display:flex;align-items:center;justify-content:center;border:3px solid rgba(212,168,83,.4);box-shadow:0 0 40px #d4a85333,inset 0 0 30px #0000004d;z-index:2}.avatar-image img{width:100%;height:100%;object-fit:cover}.avatar-initials{font-family:Space Grotesk,sans-serif;font-size:42px;font-weight:700;background:linear-gradient(135deg,#d4a853,#b8923f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.avatar-edit{position:absolute;bottom:4px;right:4px;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#d4a853,#b8923f);color:#fff;border:3px solid rgba(15,23,35,.95);display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;transition:all .3s ease;z-index:3}.avatar-edit:hover{transform:scale(1.1);box-shadow:0 6px 20px #d4a85380}.avatar-status{position:absolute;top:8px;right:8px;width:14px;height:14px;border-radius:50%;border:3px solid rgba(15,23,35,.95)}.avatar-status.online{background:#22c55e;box-shadow:0 0 10px #22c55e99}.showcase-identity{text-align:center;margin-bottom:20px}.identity-name{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;color:var(--clr-white);margin:0 0 4px;background:linear-gradient(135deg,#fff,#ffffffd9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.identity-handle{font-size:14px;color:var(--clr-silver);margin:0 0 12px}.identity-role{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#d4a85314;border:1px solid rgba(212,168,83,.15);border-radius:20px;font-size:13px;color:#d4a853;font-weight:500}.identity-role i{font-size:14px}.role-divider{color:#ffffff4d}.role-company{color:var(--clr-silver)}.showcase-bio{padding:16px 0;border-top:1px solid rgba(255,255,255,.06);margin-bottom:20px}.showcase-bio p{font-size:13px;color:var(--clr-silver);line-height:1.7;margin:0;text-align:center}.showcase-info{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.info-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:linear-gradient(135deg,#0000004d,#00000026);border:1px solid rgba(255,255,255,.04);border-radius:14px;transition:all .3s ease}.info-item:hover{transform:translate(4px);border-color:#d4a85333;background:linear-gradient(135deg,#d4a8530d,#0003)}.info-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#d4a8531a;color:#d4a853;font-size:16px;flex-shrink:0}.info-content{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.info-label{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#ffffff73;font-weight:600}.info-value{font-size:11px;font-weight:500;color:#e6f7f3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.showcase-social{display:flex;justify-content:center;gap:12px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06)}.social-btn{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;transition:all .3s ease;position:relative;overflow:hidden}.social-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s ease;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent)}.social-btn:hover:before{opacity:1}.social-btn.linkedin{background:linear-gradient(135deg,#0077b5,#005885)}.social-btn.github{background:linear-gradient(135deg,#333,#1a1a1a)}.social-btn.instagram{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-btn.website{background:linear-gradient(135deg,#d4a853,#b8923f)}.social-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 10px 25px #0006}.profile-editor{display:flex;flex-direction:column;gap:20px}.editor-nav{display:flex;gap:8px;padding:8px;background:linear-gradient(135deg,#0f1723e6,#141e2dd9);border-radius:16px;border:1px solid rgba(255,255,255,.06)}.nav-tab{display:flex;align-items:center;gap:10px;padding:14px 22px;border:none;border-radius:12px;font-size:14px;font-weight:500;color:var(--clr-silver);background:transparent;cursor:pointer;transition:all .3s ease;position:relative;flex:1;justify-content:center}.nav-tab:hover{color:var(--clr-white);background:#ffffff0d}.nav-tab.active{color:#d4a853;background:#d4a8531a}.nav-tab i{font-size:18px}.tab-indicator{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:30px;height:3px;background:linear-gradient(90deg,#d4a853,#b8923f);border-radius:3px;animation:tab-glow 2s ease-in-out infinite alternate}@keyframes tab-glow{0%{box-shadow:0 0 5px #d4a85380}to{box-shadow:0 0 15px #d4a853cc}}.editor-content{background:linear-gradient(145deg,#0f1723f2,#141e2de6);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(212,168,83,.12);border-radius:24px;padding:32px;position:relative;overflow:hidden;flex:1}.editor-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(212,168,83,.35) 25%,rgba(212,168,83,.5) 50%,rgba(212,168,83,.35) 75%,transparent 100%);z-index:3}.form-panel{display:flex;flex-direction:column;gap:28px;position:relative}.form-panel-actions{display:flex;justify-content:flex-end;margin-top:8px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06)}.panel-save-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#d4a853,#b8923f);color:#fff;border:none;border-radius:14px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:160px;justify-content:center;box-shadow:0 4px 20px #d4a85340;position:relative;overflow:hidden}.panel-save-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 30px #d4a85366}.panel-save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.panel-save-btn i{font-size:18px}.form-panel.animate-in{animation:panel-enter .4s ease}@keyframes panel-enter{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.profile-page .editor-content .panel-header{position:relative;width:100%;padding:12px 0 20px;border-bottom:1px solid rgba(255,255,255,.06);text-align:center;min-height:64px}.profile-page .editor-content .panel-header .panel-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;background:linear-gradient(135deg,#d4a85326,#d4a8530d);color:#d4a853;border:1px solid rgba(212,168,83,.2);position:absolute;left:20px;top:50%;transform:translateY(-50%)}.panel-icon.career{background:linear-gradient(135deg,#d4a85326,#d4a8530d);color:#d4a853;border-color:#d4a85333}.panel-icon.location{background:linear-gradient(135deg,#0ea5e926,#0ea5e90d);color:#0ea5e9;border-color:#0ea5e933}.panel-icon.social{background:linear-gradient(135deg,#ec489926,#ec48990d);color:#ec4899;border-color:#ec489933}.profile-page .editor-content .panel-header .panel-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;margin:0;z-index:1}.profile-page .editor-content .panel-header .panel-title h3{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600;color:var(--clr-white);margin:0 0 4px;text-align:center;display:block}.profile-page .editor-content .panel-header .panel-title p{font-size:13px;color:var(--clr-silver);margin:6px 0 0;text-align:center;display:block}.profile-page .editor-content .panel-header{min-height:84px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field.span-full{grid-column:1 / -1}.form-field label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--clr-silver);text-transform:uppercase;letter-spacing:.5px}.form-field label i{color:#d4a853;font-size:14px}.form-field input,.form-field select,.form-field textarea{background:#00000059;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 16px;font-size:14px;color:var(--clr-white);transition:all .3s ease;width:100%;font-family:inherit}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#d4a853;box-shadow:0 0 0 4px #d4a8531a;background:#00000073}.form-field input::placeholder,.form-field textarea::placeholder{color:#a8a5a666}.form-field input:-webkit-autofill,.form-field input:-webkit-autofill:hover,.form-field input:-webkit-autofill:focus,.form-field input:-webkit-autofill:active,.input-prefix input:-webkit-autofill,.input-prefix input:-webkit-autofill:hover,.input-prefix input:-webkit-autofill:focus,.input-prefix input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:var(--clr-white);transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #00000059;background-clip:text}.form-field input.error,.form-field select.error,.form-field textarea.error{border-color:#ff6b6b;box-shadow:0 0 0 4px #ff6b6b1a}.form-field textarea{resize:vertical;min-height:100px;line-height:1.6}.form-field select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23d4a853' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}.form-field select option{background:#0f1723;color:var(--clr-white)}.input-prefix{display:flex;align-items:center;width:100%;background:#00000059;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;transition:all .3s ease;box-sizing:border-box;position:relative;min-height:44px}.input-prefix:focus-within{border-color:#d4a853;background:#00000073}.input-prefix:focus-within:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border-radius:12px;pointer-events:none;box-shadow:0 0 0 3px #d4a85314;z-index:1}.input-prefix{z-index:0}.input-prefix span{display:none}.input-prefix input{background:transparent;border:none;padding:14px 16px;flex:1 1 auto;min-width:0;box-sizing:border-box;width:100%;font-size:14px;color:var(--clr-white);font-family:inherit}.form-field input,.form-field select,.form-field textarea,.input-prefix input{min-width:0}.showcase-card .info-value{white-space:normal;word-break:break-word}.input-prefix input:focus{box-shadow:none;background:transparent;border:none;outline:none}.char-counter{align-self:flex-end;font-size:11px;color:var(--clr-silver);margin-top:4px;font-weight:500}.field-error{font-size:11px;color:#ff6b6b;margin-top:4px;font-weight:500;display:flex;align-items:center;gap:4px}.field-error:before{content:"⚠";font-size:10px}.form-panel-actions{display:flex;justify-content:flex-end;padding-top:24px;margin-top:24px;border-top:1px solid rgba(255,255,255,.06);animation:fadeSlideUp .3s ease}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel-save-btn{display:flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#d4a853,#b8923f);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:140px;justify-content:center;box-shadow:0 4px 16px #d4a85340;position:relative;overflow:hidden}.panel-save-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.panel-save-btn:hover:not(:disabled):before{left:100%}.panel-save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #d4a85359}.panel-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.panel-save-btn i{font-size:16px}.social-links-grid{display:flex;flex-direction:column;gap:16px}.social-link-card{display:flex;align-items:center;gap:18px;padding:20px;background:linear-gradient(135deg,#00000040,#00000026);border-radius:16px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.social-link-card:hover{border-color:#ffffff1a;transform:translate(4px);background:linear-gradient(135deg,#0000004d,#0003)}.social-link-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}.social-link-icon.linkedin{background:linear-gradient(135deg,#0077b5,#005885)}.social-link-icon.github{background:linear-gradient(135deg,#333,#1a1a1a)}.social-link-icon.instagram{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-link-input{flex:1;display:flex;flex-direction:column;gap:8px}.social-link-input label{font-size:14px;font-weight:600;color:var(--clr-white)}.social-link-input input{background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 14px;font-size:13px;color:var(--clr-white);font-family:inherit;transition:all .3s ease}.social-link-input input:focus{outline:none;border-color:#d4a853;box-shadow:0 0 0 3px #d4a8531a}.social-link-input input.error{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a}.social-link-input .field-error{margin-top:6px}.profile-page .react-datepicker-wrapper{width:100%}.profile-page .react-datepicker__input-container input{background:#00000059;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 16px;font-size:14px;color:var(--clr-white);width:100%;font-family:inherit;transition:all .3s ease}.profile-page .react-datepicker__input-container input:focus{outline:none;border-color:#d4a853;box-shadow:0 0 0 4px #d4a8531a}@media screen and (max-width:1200px){.profile-layout{grid-template-columns:300px 1fr;gap:24px}.hero-title{font-size:28px}}@media screen and (max-width:992px){.profile-page{padding:20px}.profile-layout{grid-template-columns:1fr;gap:24px}.profile-showcase{position:static}.showcase-card{display:grid;grid-template-columns:auto 1fr;gap:24px;text-align:left;padding:28px}.showcase-visual{margin-bottom:0}.avatar-container{width:110px;height:110px}.showcase-identity{text-align:left;margin-bottom:0;align-self:center}.identity-role{margin-top:8px}.showcase-bio{grid-column:1 / -1;text-align:left;margin-bottom:0}.showcase-bio p{text-align:left}.showcase-info{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;gap:12px}.info-item{flex:1;min-width:200px}.showcase-social{grid-column:1 / -1;justify-content:flex-start}}@media screen and (max-width:768px){.profile-page{padding:16px}.profile-hero{flex-direction:column;align-items:stretch;gap:20px}.hero-save-btn{width:100%}.hero-title{font-size:24px}.editor-nav{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:6px}.editor-nav::-webkit-scrollbar{display:none}.nav-tab{padding:12px 16px;flex:0 0 auto}.tab-label{display:none}.form-grid{grid-template-columns:1fr}.showcase-card{grid-template-columns:1fr;text-align:center}.showcase-visual{justify-content:center}.showcase-identity,.showcase-bio p{text-align:center}.showcase-info{flex-direction:column}.info-item{min-width:auto}.showcase-social{justify-content:center}.editor-content{padding:24px 20px}.panel-header{flex-direction:column;text-align:center}}@media screen and (max-width:480px){.editor-content{padding:20px 16px}.social-link-card{flex-direction:column;text-align:center;padding:24px 20px}.social-link-input{width:100%}.social-link-input label{text-align:center}.nav-tab{padding:12px}.nav-tab i{font-size:20px}}.settings-tab-content{display:flex;flex-direction:column;gap:24px}.settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;color:#fff9}.settings-message{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-message.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.settings-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.settings-message i{font-size:20px;flex-shrink:0}.settings-message span{flex:1;font-size:14px}.settings-message .dismiss-btn{background:transparent;border:none;color:inherit;cursor:pointer;padding:4px;opacity:.6;transition:opacity .2s}.settings-message .dismiss-btn:hover{opacity:1}.settings-section{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:24px}.section-header{margin-bottom:20px}.section-header h3{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#fff;margin:0 0 8px}.section-header h3 i{color:#d4a853;font-size:20px}.section-description{font-size:13px;color:#ffffff80;margin:0}.connected-accounts-list{display:flex;flex-direction:column;gap:12px}.account-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;transition:all .25s ease}.account-card:hover{background:#ffffff0d}.account-card.connected{border-color:#22c55e33}.account-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:10px;flex-shrink:0}.account-info{flex:1;min-width:0}.account-name{font-size:15px;font-weight:600;color:#fff;margin-bottom:4px}.account-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.status-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:4px 10px;border-radius:20px}.status-badge.connected{background:#22c55e26;color:#22c55e}.status-badge.connected i{font-size:11px}.status-badge.not-connected{background:#ffffff0d;color:#ffffff80}.connected-date{font-size:11px;color:#fff6}.account-action{flex-shrink:0}.link-btn,.unlink-btn,.set-password-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .25s ease}.link-btn{background:#4285f41a;border:1px solid rgba(66,133,244,.3);color:#4285f4}.link-btn:hover:not(:disabled){background:#4285f433;border-color:#4285f480}.unlink-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.unlink-btn:hover:not(:disabled){background:#ef444433;border-color:#ef444480}.set-password-btn{background:#d4a8531a;border:1px solid rgba(212,168,83,.3);color:#d4a853}.set-password-btn:hover:not(:disabled){background:#d4a85333;border-color:#d4a85380}.link-btn:disabled,.unlink-btn:disabled,.set-password-btn:disabled{opacity:.5;cursor:not-allowed}.security-status{display:flex;flex-direction:column;gap:12px}.security-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px}.security-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:8px}.security-icon i{font-size:18px;color:#fff9}.security-info{flex:1;display:flex;flex-direction:column;gap:2px}.security-label{font-size:13px;color:#ffffff80}.security-value{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500}.security-value.verified,.security-value.set{color:#22c55e}.security-value.unverified,.security-value.not-set{color:#f59e0b}.security-value i{font-size:12px}.password-form-container{margin-top:20px;padding:20px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:10px}.password-form h4{font-size:15px;font-weight:600;color:#fff;margin:0 0 8px}.password-form .form-description{font-size:13px;color:#ffffff80;margin:0 0 20px}.password-form .form-group{margin-bottom:16px}.password-form .form-group label{display:block;font-size:13px;color:#ffffffb3;margin-bottom:6px}.password-form .form-group input{width:100%;padding:10px 14px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;transition:all .25s ease}.password-form .form-group input:focus{outline:none;border-color:#d4a85380;background:#0000004d}.password-form .form-group input::placeholder{color:#ffffff4d}.password-error{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:6px;color:#ef4444;font-size:13px;margin-bottom:16px}.password-form .form-actions{display:flex;gap:12px;justify-content:flex-end}.password-form .cancel-btn{padding:10px 20px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ffffffb3;font-size:13px;font-weight:500;cursor:pointer;transition:all .25s ease}.password-form .cancel-btn:hover{background:#ffffff0d;border-color:#ffffff4d}.password-form .submit-btn{padding:10px 20px;background:linear-gradient(135deg,#d4a853,#c49843);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s ease}.password-form .submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #d4a8534d}.password-form .submit-btn:disabled{opacity:.6;cursor:not-allowed}.verify-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:6px;color:#22c55e;font-size:13px;font-weight:500;cursor:pointer;transition:all .25s ease;margin-left:auto}.verify-btn:hover:not(:disabled){background:#22c55e33;border-color:#22c55e80}.verify-btn:disabled{opacity:.5;cursor:not-allowed}.update-password-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#d4a8531a;border:1px solid rgba(212,168,83,.3);border-radius:6px;color:#d4a853;font-size:13px;font-weight:500;cursor:pointer;transition:all .25s ease;margin-left:auto}.update-password-btn:hover:not(:disabled){background:#d4a85333;border-color:#d4a85380}.update-password-btn:disabled{opacity:.5;cursor:not-allowed}.info-section{background:transparent;border:none;padding:0}.info-card{display:flex;gap:14px;padding:16px 18px;background:#4285f40d;border:1px solid rgba(66,133,244,.15);border-radius:10px}.info-card>i{color:#4285f4;font-size:20px;flex-shrink:0;margin-top:2px}.info-content strong{display:block;font-size:14px;color:#fff;margin-bottom:6px}.info-content p{font-size:13px;color:#fff9;line-height:1.6;margin:0}@media screen and (max-width:600px){.account-card{flex-wrap:wrap}.account-action{width:100%;margin-top:8px}.account-action button{width:100%;justify-content:center}.security-item{flex-wrap:wrap}.security-item .set-password-btn{width:100%;margin-top:8px;justify-content:center}}.danger-zone{border:1px solid rgba(239,68,68,.3);background:#ef44440d;border-radius:12px;margin-top:24px}.danger-heading{color:#ef4444;font-size:16px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px}.danger-heading i{font-size:18px}.danger-content{display:flex;justify-content:space-between;align-items:flex-start;gap:25%;flex-wrap:wrap}.danger-info{flex:1;min-width:250px}.danger-info p{font-size:13px;color:#ffffffb3;margin-bottom:12px;line-height:1.6}.danger-info ul{margin:0;padding-left:20px;font-size:13px;color:#fff9;line-height:1.8}.danger-info ul li{margin-bottom:4px}.danger-btn{padding:10px 20px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.danger-btn--simple{background:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.12);padding:10px 18px;border-radius:10px;box-shadow:none;font-weight:700}.danger-btn--simple:hover:not(:disabled){background:#ef44440a;transform:translateY(-1px);box-shadow:0 6px 18px #ef44440f}.danger-btn:hover:not(:disabled){background:#000;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.danger-btn:disabled{opacity:.5;cursor:not-allowed}.delete-modal{max-width:520px;width:90%}.delete-modal .modal-header h2{color:#ef4444;display:flex;align-items:center;gap:10px;font-size:20px}.delete-modal .modal-header h2 i{font-size:24px}.warning-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:16px;display:flex;gap:12px;margin-bottom:20px}.warning-banner>i{color:#ef4444;font-size:24px;flex-shrink:0;margin-top:2px}.warning-banner strong{display:block;color:#ef4444;font-size:14px;margin-bottom:4px}.warning-banner p{font-size:13px;color:#ffffffb3;margin:0;line-height:1.5}.google-only-warning{background:#4285f41a;border:1px solid rgba(66,133,244,.3);border-radius:8px;padding:12px;font-size:13px;color:#ffffffb3;margin-bottom:16px}.delete-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px;color:#ef4444;font-size:13px;display:flex;align-items:center;gap:8px;margin-top:12px}.delete-error i{font-size:16px;flex-shrink:0}.delete-confirm-btn{background:#ef4444;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.delete-confirm-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.delete-confirm-btn:disabled{opacity:.5;cursor:not-allowed}@media screen and (max-width:600px){.danger-content{flex-direction:column}.danger-btn{width:100%;justify-content:center}.delete-modal{max-width:95%}}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{border-radius:.3rem;background-color:#2a87d0;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media(max-width:400px),(max-height:550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.custom-dropdown{position:relative;width:100%}.custom-dropdown-trigger{width:100%;height:44px;padding:0 16px;border-radius:12px;background:#00000059;border:1px solid rgba(255,255,255,.08);color:var(--clr-white);font-size:14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease;text-align:left;box-sizing:border-box}.custom-dropdown-trigger:hover:not(:disabled){background:#00000073;border-color:#ffffff26}.custom-dropdown-trigger:focus{outline:none;border-color:#d4a853;background:#00000073;box-shadow:0 0 0 4px #d4a8531a}.custom-dropdown-trigger:disabled{opacity:.6;cursor:not-allowed}.custom-dropdown-placeholder{color:#a8a5a666}.custom-dropdown-arrow{font-size:12px;color:var(--clr-silver);transition:transform .2s ease;flex-shrink:0;margin-left:8px}.custom-dropdown-arrow--open{transform:rotate(180deg)}.custom-dropdown--open .custom-dropdown-trigger{border-color:var(--modal-accent, var(--clr-pumpkin));background:#2f3741cc;box-shadow:0 0 0 3px #d4a85326}.custom-dropdown-menu{position:fixed;background:#0f1723fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:0 8px 32px #00000080;z-index:10000;max-height:300px;overflow-y:auto;animation:dropdownSlideDown .2s ease}.custom-dropdown-menu--upward{animation:dropdownSlideUp .2s ease}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.custom-dropdown-item{width:100%;padding:12px 14px;background:transparent;border:none;color:var(--clr-white);font-size:14px;text-align:left;cursor:pointer;transition:all .15s ease;border-radius:0}.custom-dropdown-item:first-child{border-top-left-radius:10px;border-top-right-radius:10px}.custom-dropdown-item:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.custom-dropdown-item:hover{background:#2f374199}.custom-dropdown-item--selected{background:#d4a85326;color:var(--clr-accent-gold);font-weight:500}.custom-dropdown-item--selected:hover{background:#d4a85333}.custom-dropdown-menu::-webkit-scrollbar{width:6px}.custom-dropdown-menu::-webkit-scrollbar-track{background:transparent}.custom-dropdown-menu::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.custom-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#fff3}.input-box{position:relative}.input-box label{color:inherit;display:inline-block;line-height:1}.input-box .input-glow{background:none!important}@media(prefers-reduced-motion:reduce){.input-box label{transition:none!important}.logo-wrapper:after,.success-logo:after,.success-letter:after{animation:none!important;opacity:0}}.input-box input:-webkit-autofill,.input-box input:-webkit-autofill:hover,.input-box input:-webkit-autofill:focus,.input-box textarea:-webkit-autofill,.input-box textarea:-webkit-autofill:hover,.input-box textarea:-webkit-autofill:focus,.input-box select:-webkit-autofill,.input-box select:-webkit-autofill:focus{-webkit-text-fill-color:inherit!important;color:inherit!important;background-color:transparent!important;-webkit-box-shadow:0 0 0px 1000px transparent inset!important;box-shadow:0 0 0 1000px transparent inset!important;-webkit-transition:background-color 5000s ease-in-out 0s,color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s,color 5000s ease-in-out 0s!important;caret-color:auto!important}.input-box input:-moz-autofill,.input-box textarea:-moz-autofill,.input-box select:-moz-autofill{box-shadow:0 0 0 1000px transparent inset!important;background-clip:padding-box!important;color:inherit!important}.input-box input:-webkit-autofill:first-line{color:inherit!important}.login-page *{margin:0;padding:0;box-sizing:border-box;font-family:inherit}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;position:relative;overflow:hidden;background:linear-gradient(135deg,#050810,#0a0f18,#0f1723 60%,#0a1628);opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1)}.login-page.mounted{opacity:1}.login-page.login-success{transition:all .8s cubic-bezier(.4,0,.2,1)}.login-page.login-success .wrapper{transform:scale(.95);opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1)}.particle-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.15;animation:orbFloat 30s ease-in-out infinite;pointer-events:none;z-index:0;will-change:transform}.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(212,168,83,.2) 0%,transparent 70%);top:-200px;left:-100px;animation-delay:0s}.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(212,168,83,.15) 0%,transparent 70%);bottom:-150px;right:-100px;animation-delay:-10s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.03)}50%{transform:translate(-20px,20px) scale(.97)}75%{transform:translate(-30px,-20px) scale(1.02)}}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(212,168,83,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(212,168,83,.015) 1px,transparent 1px),linear-gradient(rgba(212,168,83,.008) 1px,transparent 1px),linear-gradient(90deg,rgba(212,168,83,.008) 1px,transparent 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px;z-index:1;pointer-events:none;opacity:.5;animation:gridPulse 8s ease-in-out infinite}@keyframes gridPulse{0%,to{opacity:.3}50%{opacity:.4}}.corner-decoration{position:absolute;width:80px;height:80px;pointer-events:none;z-index:2;opacity:.15}.corner-decoration:before,.corner-decoration:after{content:"";position:absolute;background:#d4a85380}.corner-tl{top:20px;left:20px}.corner-tl:before{width:40px;height:2px;top:0;left:0}.corner-tl:after{width:2px;height:40px;top:0;left:0}.corner-tr{top:20px;right:20px}.corner-tr:before{width:40px;height:2px;top:0;right:0}.corner-tr:after{width:2px;height:40px;top:0;right:0}.corner-bl{bottom:20px;left:20px}.corner-bl:before{width:40px;height:2px;bottom:0;left:0}.corner-bl:after{width:2px;height:40px;bottom:0;left:0}.corner-br{bottom:20px;right:20px}.corner-br:before{width:40px;height:2px;bottom:0;right:0}.corner-br:after{width:2px;height:40px;bottom:0;right:0}.floating-shapes,.shape,.shape-1,.shape-2,.shape-3{display:none}.shape-4{width:40px;height:40px;bottom:20%;right:12%;border-color:#d4a8531a;border-radius:4px;animation-delay:-18s}@keyframes shapeFloat{0%,to{transform:translateY(0) rotate(0);opacity:.2}50%{transform:translateY(-20px) rotate(90deg);opacity:.35}}.wrapper{position:relative;width:900px;min-height:580px;background:#0a0f18f2;border:1px solid rgba(212,168,83,.12);border-radius:20px;box-shadow:0 0 0 1px #d4a85308,0 25px 80px #00000080,inset 0 1px #ffffff05;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);overflow:hidden;z-index:10;display:flex;transform:translateY(30px);opacity:0;animation:cardEntrance .8s cubic-bezier(.16,1,.3,1) .2s forwards;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s ease}@keyframes cardEntrance{to{transform:translateY(0);opacity:1}}.wrapper:before,.wrapper:after{content:"";position:absolute;width:40px;height:40px;border:1px solid transparent;pointer-events:none;z-index:20}.wrapper:before{top:-1px;left:-1px;border-top-color:#d4a85340;border-left-color:#d4a85340;border-top-left-radius:20px}.wrapper:after{bottom:-1px;right:-1px;border-bottom-color:#d4a85340;border-right-color:transparent;border-bottom-right-radius:20px}.wrapper.active:after{border-right-color:transparent;border-bottom-color:transparent}.glow-effect{position:absolute;pointer-events:none;z-index:0;will-change:transform,opacity}.glow-1{width:300px;height:300px;top:-150px;left:-150px;background:radial-gradient(circle,rgba(212,168,83,.06) 0%,transparent 70%);animation:glowPulse 8s ease-in-out infinite}.glow-2{width:250px;height:250px;bottom:-125px;right:-125px;background:radial-gradient(circle,rgba(212,168,83,.06) 0%,transparent 70%);animation:glowPulse 8s ease-in-out infinite 4s}@keyframes glowPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.08)}}.border-glow{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:21px;background:linear-gradient(135deg,rgba(212,168,83,.15) 0%,transparent 30%,transparent 70%,rgba(212,168,83,.1) 100%);z-index:-1;opacity:.6;pointer-events:none}.form-box{width:50%;padding:40px 45px;display:flex;flex-direction:column;justify-content:center;transition:all .6s cubic-bezier(.4,0,.2,1);z-index:5;overflow-y:auto;max-height:100%}.form-box.login{opacity:1;transform:translate(0) scale(1)}.wrapper.active .form-box.login{opacity:0;transform:translate(-80px) scale(.95);pointer-events:none}.form-box.register{position:absolute;right:0;top:0;height:100%;opacity:0;transform:translate(80px) scale(.95);pointer-events:none;padding:30px 45px}.wrapper.active .form-box.register{opacity:1;transform:translate(0) scale(1);pointer-events:auto}.form-header{text-align:center;margin-bottom:25px}.logo-container{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px}.logo-wrapper{position:relative;width:130px;height:65px;display:flex;align-items:center;justify-content:center;overflow:visible}.logo-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px rgba(212,168,83,.3));transition:filter .3s ease;position:relative;z-index:1}.logo-wrapper:hover .logo-image{filter:drop-shadow(0 0 12px rgba(212,168,83,.5))}.logo-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:linear-gradient(135deg,#fff0,#fff0 35%,#ffffffb3 48%,#fff,#ffffffb3 52%,#fff0 65%,#fff0);background-size:200% 200%;background-position:200% 200%;opacity:0;animation:logoShimmer 8s cubic-bezier(.4,0,.2,1) infinite;z-index:2;mix-blend-mode:screen;mask-image:url(/nexus_logo.svg);-webkit-mask-image:url(/nexus_logo.svg);mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.logo-glow{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background:radial-gradient(ellipse at center,rgba(212,168,83,.1) 0%,transparent 70%);animation:subtleLogoGlow 4s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes subtleLogoGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}@keyframes logoShimmer{0%{background-position:200% 200%;opacity:0}12%{opacity:1}58%{background-position:0% 0%;opacity:1}62%{opacity:0}to{background-position:0% 0%;opacity:0}}.form-header h2{font-size:26px;color:#fff;font-weight:600;margin-bottom:6px}.form-header .subtitle{font-size:13px;color:#ffffff80}.animation{opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease;transition-delay:calc(.04s * var(--j, 0))}.login-page.mounted .animation{opacity:1;transform:translateY(0)}.wrapper.active .form-box.login .animation{opacity:0;transform:translate(-15px);transition:opacity .25s ease,transform .25s ease;transition-delay:calc(.02s * var(--i, 0))}.wrapper.active .form-box.register .animation{opacity:1;transform:translateY(0);transition:opacity .35s ease,transform .35s ease;transition-delay:calc(.04s * var(--j, 0))}.wrapper:not(.active) .form-box.login .animation{opacity:1;transform:translateY(0);transition:opacity .35s ease,transform .35s ease;transition-delay:calc(.03s * var(--j, 0))}.wrapper:not(.active) .form-box.register .animation{opacity:0;transform:translate(30px)}.input-box{position:relative;width:100%;height:52px;margin-bottom:22px}.input-box.half{width:calc(50% - 8px)}.name-row{display:flex;gap:16px;margin-bottom:22px}.name-row .input-box{margin-bottom:0}.input-box input{width:100%;height:100%;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:14px 45px 14px 14px;font-size:14px;color:#fff;outline:none;transition:all .35s cubic-bezier(.4,0,.2,1)}.input-box{--accent-color: 212, 168, 83;position:relative}.input-box input:focus{border-color:rgba(var(--accent-color),.9);background:#d4a85308;box-shadow:0 8px 30px rgba(var(--accent-color),.06),0 0 0 4px rgba(var(--accent-color),.06) inset;transform:translateY(-1px)}.input-box input.is-invalid{border-color:#ff646480;background:#ff646408;animation:inputShake .4s ease-in-out}@keyframes inputShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.input-box label{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:14px;color:#fff6;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);background:transparent;padding:0;z-index:10;line-height:1.2}.input-box input:focus~label,.input-box input:valid~label{top:-10px;left:12px;transform:translateY(0) translate(0);font-size:12px;color:rgba(var(--accent-color),.95);opacity:1;pointer-events:none;background:#0a0f18f2;padding:3px 8px;border-radius:999px;box-shadow:0 3px 10px #00000073;transition:all .22s cubic-bezier(.4,0,.2,1);z-index:12}.input-box:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:14px;pointer-events:none;opacity:0;transition:opacity .22s ease,transform .22s ease;z-index:0;background:linear-gradient(90deg,#d4a8531f,#c4984314);filter:blur(6px)}.input-box input:focus~.input-glow,.input-box input:focus~.input-glow+.input-glow{opacity:1}.input-box input:focus::placeholder{opacity:.6}.input-box:focus-within:before{opacity:1}.input-box i{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:18px;color:#ffffff40;transition:all .3s ease}.input-box input:focus~i{color:#d4a853b3}.input-glow{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:10px;background:linear-gradient(135deg,rgba(212,168,83,.15),transparent 50%,rgba(212,168,83,.1));opacity:0;z-index:-1;transition:opacity .35s ease}.input-box input:focus~.input-glow{opacity:1}.invalid-feedback{position:absolute;bottom:-16px;left:0;font-size:11px;color:#ff6b6b}.remember-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;margin-top:-8px}.remember-label{display:flex;align-items:center;gap:10px;font-size:13px;color:#fff9;cursor:pointer;position:relative;padding-left:26px}.remember-label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.checkmark{position:absolute;left:0;width:16px;height:16px;background:#d4a85308;border:1px solid rgba(212,168,83,.25);border-radius:3px;transition:all .3s ease}.remember-label input:checked~.checkmark{background:linear-gradient(135deg,#d4a853,#c49843);border-color:transparent}.checkmark:after{content:"";position:absolute;display:none;left:5px;top:1px;width:4px;height:9px;border:solid #0a0f18;border-width:0 2px 2px 0;transform:rotate(45deg)}.remember-label input:checked~.checkmark:after{display:block}.forgot-password-link{background:none;border:none;color:#d4a853b3;font-size:13px;cursor:pointer;transition:color .25s ease;padding:0}.forgot-password-link:hover{color:#d4a853;text-decoration:underline}.button{position:relative;display:block;width:220px;margin:12px auto 0;padding:8px 18px;min-height:36px;background:linear-gradient(180deg,#d4a853,#c49843 60%);border:1px solid rgba(171,134,45,.95);color:#fff;border-radius:8px;cursor:pointer;overflow:hidden;transition:background .25s ease,border-color .25s ease,transform .15s ease,box-shadow .25s ease,width .2s ease;box-shadow:none;text-align:center}.button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .5s ease;pointer-events:none;border-radius:8px}.button:hover:before{transform:translate(100%)}.button:hover{border-color:#d4a853;background:linear-gradient(180deg,#f0d588,#d4a853 45%,#c49843);box-shadow:0 6px 18px #d4a8531a;transform:translateY(-2px)}.button:active{transform:translateY(0);box-shadow:none}.button:disabled{cursor:not-allowed;opacity:.6}.btn-content{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:600;color:#fff;position:relative;z-index:2}.btn-content i{font-size:20px;transition:transform .3s ease}.button:hover .btn-content i{transform:translate(4px)}.btn-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(212,168,83,.12) 50%,transparent 100%);opacity:0;transition:opacity .35s ease}.button:hover .btn-glow{opacity:1}.logreg-link{text-align:center;margin-top:20px}.logreg-link p{font-size:13px;color:#ffffff80}.logreg-link a{color:#d4a853e6;font-weight:600;cursor:pointer;text-decoration:none;margin-left:5px;position:relative;transition:all .3s ease}.logreg-link a:hover{color:#d4a853}.logreg-link a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:linear-gradient(90deg,#d4a853,#c49843);transition:width .3s ease}.logreg-link a:hover:after{width:100%}.toggle-panel{position:absolute;right:0;top:0;width:50%;height:100%;background:linear-gradient(135deg,#0f141efa,#0a0f18fa);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px;transition:all .6s cubic-bezier(.4,0,.2,1);z-index:10;overflow:hidden}.toggle-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(212,168,83,.015) 100%);pointer-events:none}.toggle-panel:after{display:none}.wrapper.active .toggle-panel{transform:translate(-100%)}.panel-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;transition:all .6s cubic-bezier(.4,0,.2,1)}.panel-content.login-panel{opacity:0;transform:translate(20px);pointer-events:none}.wrapper.active .panel-content.login-panel{opacity:1;transform:translate(0);pointer-events:auto}.panel-content.register-panel{position:absolute;opacity:1;transform:translate(0);pointer-events:auto}.wrapper.active .panel-content.register-panel{opacity:0;transform:translate(-20px);pointer-events:none}.panel-icon{width:65px;height:65px;border-radius:50%;background:#d4a8530d;border:1px solid rgba(212,168,83,.2);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;position:relative}.panel-icon i{font-size:28px;color:#d4a853cc;position:relative;z-index:1}.toggle-panel h3{font-size:22px;color:#fff;margin-bottom:12px;font-weight:600}.toggle-panel p{font-size:13px;color:#ffffff80;line-height:1.6;margin-bottom:25px;max-width:260px}.toggle-panel button{padding:12px 35px;background:transparent;border:1px solid rgba(212,168,83,.4);border-radius:25px;color:#d4a853e6;font-size:13px;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;z-index:10}.toggle-panel button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .5s ease;pointer-events:none}.toggle-panel button:hover:before{transform:translate(100%)}.toggle-panel button:hover{background:#d4a8531a;border-color:#d4a85399;transform:scale(1.03)}.success-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050810f2;display:flex;align-items:center;justify-content:center;z-index:100;animation:successFadeIn .5s ease forwards}@keyframes successFadeIn{0%{opacity:0}to{opacity:1}}.success-content{display:flex;align-items:center;justify-content:center;gap:16px;flex-direction:row;text-align:center;animation:successContentIn 2.5s cubic-bezier(.16,1,.3,1) .1s forwards;opacity:0;transform:scale(.9)}@keyframes successContentIn{to{opacity:1;transform:scale(1)}}.success-logo{width:80px;height:80px;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:visible}.success-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));position:relative;z-index:1}.success-logo:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:linear-gradient(135deg,#fff0,#fff0 35%,#ffffffb3 48%,#fff,#ffffffb3 52%,#fff0 65%,#fff0);background-size:200% 200%;background-position:200% 200%;opacity:0;animation:successLogoShimmer 3s cubic-bezier(.4,0,.2,1);z-index:2;mix-blend-mode:screen;mask-image:url(/nexus_logo.svg);-webkit-mask-image:url(/nexus_logo.svg);mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.success-text{font-size:42px;font-weight:700;letter-spacing:1px;overflow:visible;display:inline-flex;gap:2px}.success-letter{position:relative;display:inline-block;line-height:1;background:linear-gradient(135deg,#e8eaed,#a8b4c4 40%,#8b99ab 60%,#c4ccd8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;overflow:visible}.success-letter:after{content:attr(data-char);position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:linear-gradient(135deg,#fff0,#fff0 35%,#ffffffb3 48%,#fff,#ffffffb3 52%,#fff0 65%,#fff0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:250% 250%;background-position:200% 200%;opacity:0;animation:successLetterShimmer 3s cubic-bezier(.4,0,.2,1)}@keyframes letterShimmer{0%{background-position:200% 200%;opacity:0}12%{opacity:1}58%{background-position:0% 0%;opacity:1}62%{opacity:0}to{background-position:0% 0%;opacity:0}}@keyframes successLogoShimmer{0%{background-position:200% 200%;opacity:0}10%{opacity:1}50%{background-position:0% 0%;opacity:1}60%{opacity:0}to{background-position:0% 0%;opacity:0}}@keyframes successLetterShimmer{0%{background-position:200% 200%;opacity:0}10%{opacity:1}50%{background-position:0% 0%;opacity:1}60%{opacity:0}to{background-position:0% 0%;opacity:0}}@media(max-width:950px){.wrapper{width:95%;max-width:450px;min-height:auto;flex-direction:column}.form-box{width:100%;padding:35px 30px}.form-box.register{position:relative;display:none;padding:35px 30px}.wrapper.active .form-box.login{display:none}.wrapper.active .form-box.register{display:flex;opacity:1;transform:none;pointer-events:auto}.toggle-panel{display:none}.name-row{flex-direction:column;gap:0}.input-box.half{width:100%;margin-bottom:22px}.cursor-glow{display:none}}@media(max-width:480px){.form-box{padding:30px 20px}.form-header h2{font-size:22px}.logo-container{gap:8px}.logo-icon{width:28px;height:28px}.logo-text{font-size:20px;letter-spacing:2px}.input-box{height:48px;margin-bottom:20px}.button{height:46px}}@media(prefers-reduced-motion:reduce){.login-page,.wrapper,.animation,.orb,.shape,.scanline,.border-glow,.cursor-glow,.glitch-lines,.panel-icon:before,.logo-text,.button:before,.toggle-panel button:before,.logo-wrapper:after,.success-logo:after,.success-letter:after{animation:none!important;transition:opacity .3s ease!important}.login-page.mounted{opacity:1}.login-page.mounted .animation{opacity:1;transform:none}.logo-wrapper:after,.success-logo:after,.success-letter:after{opacity:0}}.auth-divider{display:flex;align-items:center;margin:16px 0;gap:12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.auth-divider span{font-size:12px;color:#fff6;text-transform:uppercase;letter-spacing:1px}.google-btn{position:relative;display:block;width:220px;margin:12px auto 0;padding:8px 18px;min-height:36px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:8px;cursor:pointer;overflow:hidden;transition:background .25s ease,border-color .25s ease,transform .15s ease,box-shadow .25s ease;text-align:center}.google-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:translate(-100%);transition:transform .5s ease;pointer-events:none;border-radius:8px}.google-btn:hover:before{transform:translate(100%)}.google-btn:hover{background:#ffffff1f;border-color:#ffffff59;transform:translateY(-2px);box-shadow:0 6px 18px #ffffff14}.google-btn:active{transform:translateY(0);box-shadow:none}.google-btn:disabled{cursor:not-allowed;opacity:.6}.google-btn .btn-content{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:600;color:#fff;position:relative;z-index:2}.google-icon{flex-shrink:0}.session-expired-message{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:10px 14px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;font-size:12px;color:#fbbf24}.session-expired-message i{font-size:16px}.general-error{text-align:center;margin-top:16px;padding:10px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;font-size:12px;color:#ef4444}.google-account-notice{display:flex;align-items:flex-start;gap:12px;margin-top:16px;padding:14px 16px;background:linear-gradient(135deg,#4285f41a,#34a85314);border:1px solid rgba(66,133,244,.3);border-radius:10px}.google-account-notice>i{font-size:24px;color:#4285f4;flex-shrink:0;margin-top:2px}.google-account-notice .notice-content{display:flex;flex-direction:column;gap:10px;flex:1}.google-account-notice .notice-content span{font-size:13px;color:#ffffffd9;line-height:1.5}.google-account-notice .google-continue-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#4285f4,#3367d6);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s ease;width:fit-content}.google-account-notice .google-continue-btn:hover{background:linear-gradient(135deg,#5a9bff,#4285f4);transform:translateY(-1px);box-shadow:0 4px 12px #4285f44d}.google-account-notice .google-continue-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.forgot-password-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease}.forgot-password-modal{position:relative;background:linear-gradient(165deg,#0f1728,#0a0f18);border:1px solid rgba(212,168,83,.2);border-radius:16px;padding:40px;width:90%;max-width:420px;box-shadow:0 20px 60px #00000080,0 0 40px #d4a8531a;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#ffffff0d;border-radius:8px;color:#fff9;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease}.modal-close-btn:hover{background:#ffffff1a;color:#ffffffe6;transform:rotate(90deg)}.forgot-password-modal .modal-icon{width:60px;height:60px;background:linear-gradient(135deg,#d4a85326,#d4a8530d);border:1px solid rgba(212,168,83,.3);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.forgot-password-modal .modal-icon i{font-size:28px;color:#d4a853}.forgot-password-modal h3{text-align:center;font-size:22px;font-weight:600;color:#fff;margin-bottom:12px}.forgot-password-modal>p{text-align:center;font-size:14px;color:#fff9;line-height:1.5;margin-bottom:28px}.modal-input-group{position:relative;margin-bottom:20px}.modal-input-group i{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:18px;color:#fff6;transition:color .25s ease}.modal-input-group input{width:100%;padding:14px 14px 14px 44px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;transition:all .25s ease}.modal-input-group input .modal-input-group input:-webkit-autofill,.modal-input-group input .modal-input-group input:-webkit-autofill:hover,.modal-input-group input .modal-input-group input:-webkit-autofill:focus,.modal-input-group input .modal-input-group textarea:-webkit-autofill,.modal-input-group input .modal-input-group textarea:-webkit-autofill:hover,.modal-input-group input .modal-input-group textarea:-webkit-autofill:focus,.modal-input-group input .modal-input-group select:-webkit-autofill,.modal-input-group input .modal-input-group select:-webkit-autofill:focus{-webkit-text-fill-color:inherit!important;color:inherit!important;background-color:#ffffff08!important;-webkit-box-shadow:0 0 0px 1000px #ffffff08 inset!important;box-shadow:0 0 0 1000px #ffffff08 inset!important;-webkit-transition:background-color 5000s ease-in-out 0s,color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s,color 5000s ease-in-out 0s!important}.modal-input-group input .modal-input-group input:-moz-autofill,.modal-input-group input .modal-input-group textarea:-moz-autofill,.modal-input-group input .modal-input-group select:-moz-autofill{box-shadow:0 0 0 1000px #ffffff08 inset!important;background-clip:padding-box!important;color:inherit!important}.modal-input-group input .modal-input-group input:-webkit-autofill:first-line{color:inherit!important}.modal-input-group input:focus{outline:none;border-color:#d4a85366;background:#ffffff0d;box-shadow:0 0 0 3px #d4a8531a}.modal-input-group input:focus+i,.modal-input-group:focus-within i{color:#d4a853}.modal-input-group input::placeholder{color:#ffffff59}.modal-message{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:10px;margin-bottom:20px;font-size:13px;line-height:1.5;animation:messageSlideIn .3s ease}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-message i{font-size:18px;flex-shrink:0;margin-top:1px}.modal-message.success{background:#4ade801a;border:1px solid rgba(74,222,128,.3);color:#4ade80}.modal-message.success i{color:#4ade80}.modal-message.error{background:#f871711a;border:1px solid rgba(248,113,113,.3);color:#f87171}.modal-message.error i{color:#f87171}.modal-submit-btn{width:100%;padding:14px 20px;background:linear-gradient(135deg,#d4a853,#b8924a);border:none;border-radius:10px;color:#1a1a2e;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.modal-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#e0b85f,#d4a853);transform:translateY(-2px);box-shadow:0 8px 25px #d4a8534d}.modal-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.modal-submit-btn i{font-size:18px}.calendar-top-bar{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;padding:clamp(12px,1.8vw,18px) clamp(14px,2vw,24px);background:linear-gradient(135deg,#0f1723f2,#06548126);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d;position:sticky;top:0;z-index:90;margin-top:12px;margin-bottom:20px;box-sizing:border-box;overflow:visible;flex-wrap:wrap}.calendar-top-bar-left{display:flex;align-items:center;gap:16px;min-width:0;flex:1 1 320px}.sidebar-toggler{width:40px;height:40px;border-radius:12px;background:#2f374199;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sidebar-toggler:hover{background:#06548199;transform:scale(1.05)}.sidebar-toggler img{width:20px;height:20px;opacity:.8}.calendar-navigation{display:flex;align-items:center;gap:12px}.calendar-nav-btn{width:36px;height:36px;border-radius:10px;background:#2f374199;color:var(--clr-white);display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:14px}.calendar-nav-btn:hover{background:#06548199;transform:scale(1.1)}.calendar-date-label{font-size:clamp(18px,2vw,20px);font-weight:700;color:var(--clr-white);min-width:clamp(180px,22vw,240px);text-align:center;letter-spacing:-.02em}.calendar-date-label--clickable{cursor:pointer;transition:all .2s ease;padding:4px 8px;border-radius:8px}.calendar-date-label--clickable:hover{background:#ffffff0d;color:wheat}.calendar-today-btn{height:36px;padding:0 16px;border-radius:10px;background:#2f374199;color:var(--clr-white);font-weight:600;font-size:13px;transition:all .2s ease;border:1px solid rgba(255,255,255,.1)}.calendar-today-btn:hover{background:var(--clr-pumpkin);border-color:var(--clr-pumpkin);transform:translateY(-1px)}.calendar-top-bar-center{display:flex;align-items:center;justify-content:center;flex:1 1 360px;min-width:min(420px,100%)}.calendar-view-switcher{display:flex;align-items:center;gap:4px;padding:4px;background:#2f374166;border-radius:12px;border:1px solid rgba(255,255,255,.05);flex-wrap:wrap;justify-content:center}.view-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;background:transparent;color:var(--clr-silver);font-weight:500;font-size:13px;transition:all .2s ease}.view-btn i{font-size:14px}.view-btn:hover{color:var(--clr-white);background:#ffffff0d}.view-btn--active{background:linear-gradient(180deg,#d4a8531a,#d4a85380);color:var(--clr-white);border:1px solid rgba(212,168,83,.1);box-shadow:inset 0 1px #ffffff05;transform:none;transition:background .18s ease,color .18s ease}.view-btn--active:hover{background:linear-gradient(180deg,#d4a8531a,#d4a85380);color:var(--clr-white);border:1px solid rgba(212,168,83,.1);box-shadow:inset 0 1px #ffffff05;transform:none}.calendar-top-bar-right{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 320px;flex-wrap:wrap;justify-content:flex-end;row-gap:10px}.holiday-toggle-btn{width:38px;height:38px;border-radius:10px;background:#2f374199;color:var(--clr-silver);display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease;border:1px solid rgba(255,255,255,.08);flex:0 0 auto}.holiday-toggle-btn:hover{color:var(--clr-white);background:#8b5cf64d;border-color:#8b5cf666}.holiday-toggle-btn--active{background:linear-gradient(135deg,#8b5cf666,#ec489933);color:#ec4899;border-color:#8b5cf680}.add-event-btn{display:flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:10px;background:linear-gradient(135deg,#e5c07b,#d4a853,#b8923f);color:var(--clr-white);font-weight:600;font-size:13px;transition:all .2s ease;border:1px solid rgba(212,168,83,.4);flex:0 0 auto}.add-event-btn:hover{background:linear-gradient(135deg,#d4a853,#e5c07b,#d4a853);border-color:#d4a85399}.add-event-btn i{font-size:16px}.reminders-indicator{position:relative;padding:8px;min-width:0;background:transparent;color:var(--clr-yellow);display:flex;align-items:center;justify-content:center;font-size:18px;border:none;cursor:default;box-shadow:none}.reminders-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--clr-scarlet);color:var(--clr-white);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #fe1e0066;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}@media screen and (max-width:1200px){.calendar-top-bar{flex-wrap:wrap;gap:12px}.calendar-date-label{min-width:180px;font-size:18px}.view-btn-label{display:none}}@media screen and (max-width:1024px){.calendar-top-bar-left,.calendar-top-bar-center,.calendar-top-bar-right{flex:1 1 100%}.calendar-top-bar-center{justify-content:flex-start}}@media screen and (max-width:768px){.calendar-top-bar{padding:12px 16px}.calendar-top-bar-left{flex:1;min-width:100%;justify-content:space-between}.calendar-top-bar-center{flex:1;min-width:100%}.calendar-top-bar-right{flex:1;min-width:100%;justify-content:flex-end}.calendar-date-label{min-width:auto;font-size:16px}.add-event-btn span{display:none}}.month-picker-dropdown{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);min-width:360px;max-width:820px;background:linear-gradient(180deg,#0a0e14f5,#080c12f2);backdrop-filter:blur(6px) saturate(1.05);-webkit-backdrop-filter:blur(6px) saturate(1.05);border-radius:14px;border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 60px #02060cb3,inset 0 1px #ffffff05;padding:14px 16px;z-index:9999;display:flex;gap:16px;align-items:flex-start;color:var(--clr-white);transition:transform .16s ease,opacity .16s ease}.month-picker-panel{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;width:100%}.month-picker-header{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin-bottom:10px}.year-btn{width:40px;height:36px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff08;color:var(--clr-white);border:1px solid rgba(255,255,255,.04);cursor:pointer;transition:transform .12s ease,background .12s ease}.year-btn:hover{transform:translateY(-2px);background:#ffffff0a}.year-display{font-weight:800;font-size:16px;letter-spacing:.02em;color:var(--clr-white);padding:6px 12px;border-radius:8px;background:transparent}.month-picker-panel .months-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;width:100%;justify-items:center}.month-picker-dropdown .year-column{min-width:140px;display:flex;flex-direction:column;gap:10px;align-items:center}.month-btn{padding:8px 12px;border-radius:10px;background:#14181ef5;color:#fff!important;font-weight:700;font-size:12px;letter-spacing:.02em;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;border:1px solid rgba(255,255,255,.04);box-shadow:0 6px 18px #02060c99}.month-btn:hover{transform:translateY(-3px) scale(1.015);background:linear-gradient(180deg,#28303cf5,#0a5a9614);box-shadow:0 10px 26px #02060c99}.month-btn--current{background:linear-gradient(90deg,#d4a8532e,#d4a8531f);color:#fff!important;border:1px solid rgba(212,168,83,.28);box-shadow:0 8px 28px #d4a8531f,inset 0 1px #ffffff05}.month-picker-close{position:absolute;right:12px;top:10px;width:34px;height:34px;border-radius:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.03);color:var(--clr-silver);display:flex;align-items:center;justify-content:center;transition:background .12s ease,transform .12s ease}.month-picker-close:hover{background:#ffffff08;transform:scale(1.03)}@media screen and (max-width:720px){.month-picker-dropdown{left:8px;right:8px;transform:none;min-width:auto}.month-picker-panel .months-grid{grid-template-columns:repeat(4,1fr)}}.month-view{background:linear-gradient(135deg,#0f1723f2,#0654811a);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.08);overflow:hidden;box-shadow:0 12px 40px #0000004d;flex:1;display:flex;flex-direction:column}.month-view-header{display:grid;grid-template-columns:repeat(7,1fr);background:linear-gradient(180deg,rgba(6,84,129,.2) 0%,transparent 100%);border-bottom:1px solid rgba(255,255,255,.06)}.month-dow-cell{padding:16px 8px;text-align:center;font-size:13px;font-weight:600;color:var(--clr-silver);text-transform:uppercase;letter-spacing:.05em}.month-view-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);flex:1}.month-day-cell{min-height:120px;padding:10px;border-right:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04);background:transparent;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;position:relative}.month-day-cell:nth-child(7n){border-right:none}.month-day-cell:hover{background:#2f37414d}.month-day-cell:hover .day-add-btn{opacity:1;transform:scale(1)}.month-day-cell--other-month{background:#00000026;cursor:default}.month-day-cell--other-month .month-day-number{color:var(--clr-silver);opacity:.3}.month-day-cell--other-month:hover{background:#00000026}.month-day-cell--past{opacity:.6}.month-day-cell--today{background:linear-gradient(180deg,#d4a85324,#d4a85308);position:relative}.month-day-cell--today:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--clr-pumpkin),rgba(212,168,83,.6));border-radius:0 0 3px 3px}.month-day-cell--selected{background:linear-gradient(180deg,#d4a8531f,#d4a85305);position:relative}.month-day-cell--selected:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--clr-pumpkin),rgba(212,168,83,.6));border-radius:0 0 3px 3px}.month-day-cell--heat-1{background:#d4a85314}.month-day-cell--heat-2{background:#d4a85326}.month-day-cell--heat-3{background:#fec80a1a}.month-day-cell--heat-3:after{content:"";position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--clr-yellow);box-shadow:0 0 8px var(--clr-yellow);animation:pulse-heat 2s ease-in-out infinite}@keyframes pulse-heat{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.month-day-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.month-day-number{font-size:14px;font-weight:600;color:var(--clr-white);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.month-day-number--today{background:linear-gradient(135deg,var(--clr-pumpkin) 0%,rgba(212,168,83,.8) 100%);color:var(--clr-white);font-weight:700;box-shadow:0 4px 12px #d4a85366}.today-badge{font-size:10px;font-weight:700;color:var(--clr-scarlet);background:#ef444433;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 8px rgba(239,68,68,.5)}.day-add-btn{width:24px;height:24px;border-radius:6px;background:#d4a8534d;color:var(--clr-pumpkin);display:flex;align-items:center;justify-content:center;font-size:14px;opacity:0;transform:scale(.8);transition:all .2s ease}.day-add-btn:hover{background:var(--clr-pumpkin);color:var(--clr-white);transform:scale(1.1)}.day-add-btn--disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.month-day-events{display:flex;flex-direction:column;gap:4px;flex:1;overflow:visible;position:relative;z-index:1}.month-event-card{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;background:linear-gradient(135deg,#2f3741cc,#2f374199);border-left:3px solid var(--event-color, var(--clr-pumpkin));cursor:pointer;transition:all .2s ease;position:relative;overflow:visible;min-height:28px}.month-event-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--event-color),transparent);opacity:.1;pointer-events:none;border-radius:6px}.month-event-card:hover{background:linear-gradient(135deg,#2f3741f2,#2f3741cc);transform:translate(2px);box-shadow:0 2px 8px #0000004d}.month-event-card:hover .event-delete-btn{opacity:1}.month-event-card--compact{padding:4px 6px;min-height:24px}.month-event-card.multi-day-event{border-left-width:4px;background:linear-gradient(135deg,rgba(var(--event-color-rgb, 34, 214, 214),.15),#2f3741b3);border-right:2px solid var(--event-color, var(--clr-pumpkin));box-shadow:inset 0 0 20px rgba(var(--event-color-rgb, 34, 214, 214),.1)}.month-event-card.multi-day-event:after{content:attr(data-duration);position:absolute;top:-6px;right:4px;font-size:9px;font-weight:700;color:var(--event-color, var(--clr-pumpkin));background:#0009;padding:2px 6px;border-radius:8px;border:1px solid var(--event-color, var(--clr-pumpkin));opacity:.9;pointer-events:none;white-space:nowrap;z-index:1}.event-priority-indicator{width:4px;height:4px;border-radius:50%;flex-shrink:0}.event-title{font-size:11px;font-weight:500;color:var(--clr-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;line-height:1.4}.multi-day-event .event-title{font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.event-recurring-icon{font-size:10px;color:var(--clr-silver);flex-shrink:0}.event-delete-btn{width:18px;height:18px;border-radius:4px;background:#fe1e0033;color:var(--clr-scarlet);display:flex;align-items:center;justify-content:center;font-size:12px;opacity:0;transition:all .2s ease;flex-shrink:0}.event-delete-btn:hover{background:var(--clr-scarlet);color:var(--clr-white)}.month-more-events{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;background:#06548133;color:var(--clr-pumpkin);font-size:11px;font-weight:500;transition:all .2s ease;margin-top:auto}.month-more-events:hover{background:#06548166;transform:scale(1.02)}.month-more-events i{font-size:12px}@media screen and (max-width:1200px){.month-day-cell{min-height:100px;padding:8px}.month-day-number{font-size:13px;width:24px;height:24px}}@media screen and (max-width:768px){.month-view-grid{grid-auto-rows:minmax(80px,1fr)}.month-day-cell{min-height:80px;padding:6px}.month-dow-cell{padding:12px 4px;font-size:11px}.month-day-number{font-size:12px;width:22px;height:22px}.today-badge{display:none}.event-title{font-size:10px}.month-event-card{padding:4px 6px}.month-holiday-card{padding:3px 6px}.holiday-title{font-size:9px}.holiday-icon{font-size:10px}}@media screen and (max-width:1024px){.month-view{min-width:900px}.month-view-header,.month-view-grid{grid-template-columns:repeat(7,minmax(110px,1fr))}}@media screen and (max-width:768px){.month-view{min-width:720px}.month-view-header,.month-view-grid{grid-template-columns:repeat(7,minmax(90px,1fr))}}.month-day-cell--holiday{background:linear-gradient(180deg,#8b5cf614,#ec48990a)}.month-day-holidays{display:flex;flex-direction:column;gap:3px;margin-bottom:4px}.month-holiday-card{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;background:linear-gradient(135deg,#8b5cf633,#ec48991a);border-left:3px solid var(--holiday-color, #8b5cf6);cursor:default;transition:all .2s ease;position:relative;overflow:hidden}.month-holiday-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--holiday-color),transparent);opacity:.1;pointer-events:none}.month-holiday-card:hover{background:linear-gradient(135deg,#8b5cf64d,#ec489926)}.holiday-icon{font-size:12px;flex-shrink:0}.holiday-title{font-size:10px;font-weight:600;color:var(--clr-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;letter-spacing:.02em}.holiday-badge{font-size:8px;color:#fec80a;flex-shrink:0;opacity:.9}.holiday-badge i{font-size:8px}.week-view{background:linear-gradient(135deg,#0f1723f2,#0654811a);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.08);overflow:hidden;box-shadow:0 12px 40px #0000004d;display:flex;flex-direction:column;flex:1 1 auto;height:100%;min-height:0}.week-view-header{display:grid;grid-template-columns:70px repeat(7,1fr);background:linear-gradient(180deg,rgba(6,84,129,.2) 0%,transparent 100%);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:10}.week-time-gutter-header{padding:16px 8px;display:flex;align-items:flex-end;justify-content:center;border-right:1px solid rgba(255,255,255,.06)}.gutter-label{font-size:10px;font-weight:600;color:var(--clr-silver);text-transform:uppercase;letter-spacing:.05em}.week-day-header{padding:12px 8px;text-align:center;cursor:pointer;transition:all .2s ease;position:relative;border-right:1px solid rgba(255,255,255,.04)}.week-day-header:last-child{border-right:none}.week-day-header:hover{background:#2f37414d}.week-day-header--today{background:linear-gradient(180deg,rgba(212,168,83,.2) 0%,transparent 100%)}.week-day-header--selected{background:#0654814d}.week-day-name{display:block;font-size:11px;font-weight:600;color:var(--clr-silver);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.week-day-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:16px;font-weight:700;color:var(--clr-white);border-radius:10px;transition:all .2s ease}.week-day-number--today{background:linear-gradient(135deg,var(--clr-pumpkin) 0%,rgba(212,168,83,.8) 100%);box-shadow:0 4px 12px #d4a85366}.week-today-indicator{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:24px;height:3px;background:linear-gradient(90deg,var(--clr-pumpkin),rgba(212,168,83,.5));border-radius:2px 2px 0 0}.week-day-header--holiday{background:linear-gradient(180deg,#8b5cf626,#ec48990d)}.week-holiday-indicator{display:block;font-size:14px;margin-top:4px;animation:holiday-bounce 2s ease-in-out infinite}@keyframes holiday-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.week-view-body{display:grid;grid-template-columns:70px 1fr;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}.week-time-gutter{border-right:1px solid rgba(255,255,255,.06);background:#0000001a}.time-slot-label{height:60px;padding:4px 8px;font-size:11px;font-weight:500;color:var(--clr-silver);text-align:right;border-bottom:1px solid rgba(255,255,255,.04)}.week-days-container{display:grid;grid-template-columns:repeat(7,1fr)}.week-day-column{position:relative;border-right:1px solid rgba(255,255,255,.04)}.week-day-column:last-child{border-right:none}.week-day-column--today{background:linear-gradient(180deg,#d4a8530f,#d4a85303)}.week-day-column--today:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--clr-pumpkin),rgba(212,168,83,.6));border-radius:0 0 3px 3px}.week-time-slot{height:60px;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;transition:all .2s ease;position:relative}.week-time-slot:hover{background:#d4a8531a}.week-time-slot:hover .time-slot-hover-hint{opacity:1;transform:scale(1)}.time-slot-hover-hint{position:absolute;top:0;right:0;bottom:0;left:0;width:24px;height:24px;margin:auto;border-radius:6px;background:#d4a8534d;color:var(--clr-pumpkin);display:flex;align-items:center;justify-content:center;font-size:14px;opacity:0;transition:all .2s ease;transform:scale(.9);z-index:2}.week-events-layer{position:absolute;top:0;left:4px;right:4px;bottom:0;pointer-events:none}.week-event-card{position:absolute;left:0;right:0;min-height:24px;padding:6px 8px;border-radius:6px;background:linear-gradient(135deg,#2f3741e6,#2f3741b3);border-left:3px solid var(--event-color, var(--clr-pumpkin));cursor:pointer;pointer-events:auto;transition:all .2s ease;overflow:hidden;display:flex;flex-direction:column;gap:2px}.week-event-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--event-color),transparent);opacity:.1;pointer-events:none}.week-event-card:hover{transform:translate(2px);box-shadow:0 4px 12px #0000004d;z-index:10}.week-event-priority{position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%}.week-event-time{font-size:10px;font-weight:500;color:var(--clr-silver)}.week-event-title{font-size:12px;font-weight:600;color:var(--clr-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.week-current-time{position:absolute;left:0;right:0;height:2px;pointer-events:none;z-index:20}.current-time-dot{position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:var(--clr-scarlet);box-shadow:0 0 8px var(--clr-scarlet)}.current-time-line{position:absolute;left:0;right:0;height:2px;background:var(--clr-scarlet);box-shadow:0 0 4px var(--clr-scarlet)}.week-view-body::-webkit-scrollbar{width:8px}.week-view-body::-webkit-scrollbar-track{background:#0000001a}.week-view-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.week-view-body::-webkit-scrollbar-thumb:hover{background:#fff3}@media screen and (max-width:1100px){.week-view{overflow-x:auto}.week-view-header,.week-view-body{min-width:980px}.week-days-container{grid-template-columns:repeat(7,minmax(120px,1fr))}}@media screen and (max-width:1200px){.week-view{height:calc(100vh - 180px)}.week-day-name{font-size:10px}.week-day-number{font-size:14px;width:28px;height:28px}}@media screen and (max-width:768px){.week-view-header{grid-template-columns:50px repeat(7,1fr)}.week-view-body{grid-template-columns:50px 1fr}.time-slot-label{font-size:10px;padding:4px}.week-day-name{font-size:9px}.week-day-number{font-size:12px;width:24px;height:24px}.week-event-card{padding:4px 6px}.week-event-title{font-size:10px}}.day-view{background:linear-gradient(135deg,#0f1723f2,#0654811a);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.08);overflow:hidden;box-shadow:0 12px 40px #0000004d;display:flex;flex-direction:column;flex:1 1 auto;height:100%;min-height:0}.day-view-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(180deg,rgba(6,84,129,.2) 0%,transparent 100%);border-bottom:1px solid rgba(255,255,255,.08)}.day-nav-btn{width:40px;height:40px;border-radius:12px;background:#2f374199;color:var(--clr-white);display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease}.day-nav-btn:hover{background:var(--clr-pumpkin);transform:scale(1.1)}.day-header-info{display:flex;flex-direction:column;align-items:center;gap:8px}.day-header-date{font-size:20px;font-weight:700;color:var(--clr-white);text-align:center}.day-today-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;background:linear-gradient(135deg,var(--clr-scarlet) 0%,rgba(239,68,68,.8) 100%);color:var(--clr-white);font-size:12px;font-weight:700;text-transform:uppercase;text-shadow:0 0 8px rgba(239,68,68,.6);box-shadow:0 2px 8px #ef444466;letter-spacing:.05em}.day-holiday-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;background:linear-gradient(135deg,#8b5cf64d,#ec489933);color:var(--clr-white);font-size:12px;font-weight:600;border:1px solid rgba(139,92,246,.4)}.day-all-day-section{display:flex;align-items:flex-start;gap:16px;padding:12px 24px;background:#0000001a;border-bottom:1px solid rgba(255,255,255,.06)}.all-day-label{flex-shrink:0;width:70px;padding-top:8px;font-size:12px;font-weight:600;color:var(--clr-silver);text-transform:uppercase;letter-spacing:.05em}.all-day-events{display:flex;flex-wrap:wrap;gap:8px;flex:1}.day-all-day-event{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background:linear-gradient(135deg,#2f3741e6,#2f3741b3);border-left:3px solid var(--event-color, var(--clr-pumpkin));cursor:pointer;transition:all .2s ease}.day-all-day-event:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.day-all-day-event:hover .event-delete{opacity:1}.day-view-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}.day-time-grid{display:grid;grid-template-columns:80px 1fr;position:relative}.day-time-gutter{border-right:1px solid rgba(255,255,255,.06);background:#0000001a}.time-label{height:80px;padding:8px 12px;font-size:12px;font-weight:500;color:var(--clr-silver);text-align:right;border-bottom:1px solid rgba(255,255,255,.04)}.day-content{position:relative}.day-time-slot{height:80px;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;transition:all .2s ease;position:relative}.day-time-slot:hover{background:#d4a8531a}.day-time-slot:hover .time-slot-hover{opacity:1}.day-time-slot--current{background:linear-gradient(180deg,#d4a8530f,#d4a85303);position:relative}.day-time-slot--current:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--clr-pumpkin),rgba(212,168,83,.6));border-radius:0 0 3px 3px}.time-slot-hover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;background:#d4a8534d;color:var(--clr-pumpkin);font-size:13px;font-weight:500;opacity:0;transition:all .2s ease}.day-events-layer{position:absolute;top:0;left:16px;right:16px;bottom:0;pointer-events:none}.day-event-card{position:absolute;left:0;right:0;min-height:40px;padding:12px 16px;border-radius:12px;background:linear-gradient(135deg,#2f3741f2,#2f3741d9);border-left:4px solid var(--event-color, var(--clr-pumpkin));cursor:pointer;pointer-events:auto;transition:all .2s ease;overflow:hidden;display:flex;flex-direction:column;gap:6px;box-shadow:0 4px 16px #0003}.day-event-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--event-color),transparent);opacity:.1;pointer-events:none}.day-event-card:hover{transform:translate(4px);box-shadow:0 8px 24px #0000004d;z-index:10}.day-event-card:hover .event-delete{opacity:1}.day-event-header{display:flex;align-items:center;gap:8px}.event-time{font-size:12px;font-weight:500;color:var(--clr-silver);flex:1}.event-title{font-size:14px;font-weight:600;color:var(--clr-white);line-height:1.3}.event-description{font-size:12px;color:var(--clr-silver);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.event-recurring-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;background:#ffffff1a;color:var(--clr-silver);font-size:10px;font-weight:500;align-self:flex-start}.event-delete{width:28px;height:28px;border-radius:8px;background:#fe1e0033;color:var(--clr-scarlet);display:flex;align-items:center;justify-content:center;font-size:14px;opacity:0;transition:all .2s ease;flex-shrink:0}.event-delete:hover{background:var(--clr-scarlet);color:var(--clr-white)}.day-current-time{position:absolute;left:0;right:0;height:2px;pointer-events:none;z-index:20;display:flex;align-items:center}.current-time-label{position:absolute;left:-76px;padding:2px 8px;border-radius:4px;background:var(--clr-scarlet);color:var(--clr-white);font-size:10px;font-weight:600;white-space:nowrap}.current-time-dot{position:absolute;left:-6px;width:12px;height:12px;border-radius:50%;background:var(--clr-scarlet);box-shadow:0 0 12px var(--clr-scarlet)}.current-time-line{position:absolute;left:0;right:0;height:2px;background:var(--clr-scarlet);box-shadow:0 0 8px var(--clr-scarlet)}.day-view-body::-webkit-scrollbar{width:8px}.day-view-body::-webkit-scrollbar-track{background:#0000001a}.day-view-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.day-view-body::-webkit-scrollbar-thumb:hover{background:#fff3}@media screen and (max-width:900px){.day-view{overflow-x:auto;min-width:720px}.day-view-header,.day-time-grid{min-width:700px}}@media screen and (max-width:768px){.day-view{height:calc(100vh - 180px)}.day-header-date{font-size:16px}.day-time-grid{grid-template-columns:60px 1fr}.time-label{font-size:10px;padding:8px}.day-event-card{padding:8px 12px}.event-title{font-size:13px}}.agenda-view{background:linear-gradient(135deg,#0f1723f2,#0654811a);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.08);overflow:hidden;box-shadow:0 12px 40px #0000004d;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;max-height:none}.agenda-header{padding:24px;background:linear-gradient(180deg,rgba(6,84,129,.2) 0%,transparent 100%);border-bottom:1px solid rgba(255,255,255,.08)}.agenda-title{font-size:22px;font-weight:700;color:var(--clr-white);margin-bottom:4px}.agenda-subtitle{font-size:13px;color:var(--clr-silver)}.agenda-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.agenda-empty-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#d4a85333,#d4a8530d);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.agenda-empty-icon i{font-size:36px;color:var(--clr-pumpkin)}.agenda-empty h3{font-size:18px;font-weight:600;color:var(--clr-white);margin-bottom:8px}.agenda-empty p{font-size:14px;color:var(--clr-silver);margin-bottom:24px}.agenda-add-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;background:linear-gradient(135deg,var(--clr-pumpkin) 0%,rgba(212,168,83,.8) 100%);color:var(--clr-white);font-weight:600;font-size:14px;transition:all .2s ease;box-shadow:0 4px 16px #d4a8534d}.agenda-add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #d4a85366}.agenda-list{flex:1 1 auto;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.agenda-day-group{margin-bottom:24px}.agenda-day-group--past{opacity:.6}.agenda-day-group--today .agenda-day-header{background:linear-gradient(135deg,#ef444433,#ef44441a);border-color:var(--clr-scarlet)}.agenda-day-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:0 12px 12px 0;background:#2f374166;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .2s ease;margin-bottom:12px}.agenda-day-header:hover{background:#2f374199;transform:translate(4px)}.agenda-day-info{display:flex;flex-direction:column;gap:2px}.agenda-day-name{font-size:15px;font-weight:600;color:var(--clr-white)}.agenda-day-group--today .agenda-day-name{color:var(--clr-scarlet);font-weight:700;text-shadow:0 0 8px rgba(239,68,68,.5)}.agenda-day-relative{font-size:12px;color:var(--clr-silver)}.agenda-day-date{display:flex;flex-direction:column;align-items:center;padding:8px 12px;border-radius:8px;background:#0003}.agenda-day-number{font-size:20px;font-weight:700;color:var(--clr-white);line-height:1}.agenda-day-month{font-size:10px;font-weight:600;color:var(--clr-silver);text-transform:uppercase;letter-spacing:.05em}.agenda-events{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px 16px;padding-left:16px;align-items:flex-start}.agenda-event-card{display:inline-grid;grid-template-columns:100px 1fr auto;gap:16px;padding:16px;border-radius:12px;background:linear-gradient(135deg,#2f3741cc,#2f374199);border-left:4px solid var(--event-color, var(--clr-pumpkin));cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;width:max-content;max-width:100%;align-self:flex-start}.agenda-event-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--event-color),transparent);opacity:.05;pointer-events:none}.agenda-event-card:hover{background:linear-gradient(135deg,#2f3741f2,#2f3741bf);transform:translate(4px);box-shadow:0 4px 16px #0003}.agenda-event-card:hover .agenda-event-actions{opacity:1}.agenda-event-time{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding-right:16px;border-right:1px solid rgba(255,255,255,.08)}.time-start{font-size:13px;font-weight:600;color:var(--clr-white)}.time-separator{font-size:11px;color:var(--clr-silver)}.time-end{font-size:12px;color:var(--clr-silver)}.all-day-badge{display:inline-flex;padding:4px 10px;border-radius:6px;background:#fec80a33;color:var(--clr-yellow);font-size:11px;font-weight:600}.agenda-event-content{display:flex;flex-direction:column;gap:8px;min-width:0}.agenda-event-header{display:flex;align-items:center;gap:8px}.event-priority{width:8px;height:8px;border-radius:50%;flex-shrink:0}.event-title{font-size:15px;font-weight:600;color:var(--clr-white);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recurring-icon{font-size:12px;color:var(--clr-silver);flex-shrink:0}.event-description{font-size:13px;color:var(--clr-silver);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.event-tags{display:flex;flex-wrap:wrap;gap:6px}.event-tag{padding:2px 8px;border-radius:4px;background:#ffffff1a;color:var(--clr-silver);font-size:11px;font-weight:500}.agenda-event-actions{display:flex;flex-direction:column;gap:6px;opacity:0;transition:all .2s ease}.event-action-btn{width:32px;height:32px;border-radius:8px;background:#ffffff1a;color:var(--clr-silver);display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.event-action-btn:hover{background:#06548199;color:var(--clr-white)}.event-action-btn--delete:hover{background:#fe1e004d;color:var(--clr-scarlet)}.agenda-list::-webkit-scrollbar{width:8px}.agenda-list::-webkit-scrollbar-track{background:#0000001a}.agenda-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.agenda-list::-webkit-scrollbar-thumb:hover{background:#fff3}@media screen and (max-width:768px){.agenda-event-card{display:grid;grid-template-columns:80px 1fr;gap:12px;width:100%}.agenda-events{flex-direction:column;gap:8px;padding-left:0}.agenda-event-actions{position:absolute;top:8px;right:8px;flex-direction:row;opacity:1}.event-title{font-size:14px}.time-start{font-size:12px}.agenda-holiday-card{padding:10px 12px}.agenda-holiday-title{font-size:13px}}.agenda-day-group--holiday{border-left:3px solid rgba(139,92,246,.5)}.agenda-day-group--holiday .agenda-day-header{background:linear-gradient(90deg,rgba(139,92,246,.1) 0%,transparent 100%)}.agenda-holiday-card{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:linear-gradient(135deg,#8b5cf626,#ec489914);border:1px solid rgba(139,92,246,.2);margin-bottom:8px;transition:all .2s ease}.agenda-holiday-card:hover{background:linear-gradient(135deg,#8b5cf633,#ec48991f);border-color:#8b5cf64d}.agenda-holiday-icon{font-size:24px;flex-shrink:0}.agenda-holiday-content{display:flex;flex-direction:column;gap:2px;flex:1}.agenda-holiday-title{font-size:14px;font-weight:600;color:var(--clr-white)}.agenda-holiday-type{font-size:11px;font-weight:500;color:#ec4899;text-transform:uppercase;letter-spacing:.05em}.agenda-holiday-badge{font-size:12px;color:#fec80a;flex-shrink:0}.main-calendar{flex:1 1 auto;height:100%;min-width:0;position:relative;display:flex;flex-direction:column}.calendar-view-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.calendar-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.calendar-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 32px;border-radius:16px;background:linear-gradient(135deg,#0f1723fa,#141e2df2);border:1px solid rgba(255,255,255,.1);color:var(--clr-white);font-size:14px;font-weight:500;box-shadow:0 8px 32px #0006}.calendar-loading-spinner{position:relative;width:40px;height:40px}.calendar-loading-spinner .spinner-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid transparent;animation:spin-ring 1.2s cubic-bezier(.5,0,.5,1) infinite}.calendar-loading-spinner .spinner-ring:nth-child(1){border-top-color:var(--clr-pumpkin);animation-delay:-.45s}.calendar-loading-spinner .spinner-ring:nth-child(2){border-top-color:#d4a85399;animation-delay:-.3s;width:75%;height:75%;top:12.5%;left:12.5%}.calendar-loading-spinner .spinner-ring:nth-child(3){border-top-color:#d4a8534d;animation-delay:-.15s;width:50%;height:50%;top:25%;left:25%}.loading-spinner{width:20px;height:20px;border:2px solid rgba(212,168,83,.3);border-top-color:var(--clr-pumpkin);border-radius:50%;animation:spin .8s linear infinite}.calendar-view-container{transition:opacity .2s ease}.calendar-view-container--loading{opacity:.6;pointer-events:none}@media screen and (max-width:1024px){.calendar-view-container{overflow-x:auto}.calendar-view-container>*{min-width:720px}}.calendar-view-container>*{animation:viewEnter .3s ease}@keyframes viewEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mini-calendar{background:linear-gradient(135deg,#0f1723e6,#0654811a);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.08);padding:16px;box-shadow:0 8px 32px #0003}.mini-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.mini-calendar-title{font-size:14px;font-weight:700;color:var(--clr-white);letter-spacing:-.01em}.mini-calendar-actions{display:flex;align-items:center;gap:6px}.mini-cal-nav-btn{width:28px;height:28px;border-radius:8px;background:#2f374199;color:var(--clr-white);display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s ease}.mini-cal-nav-btn:hover{background:var(--clr-pumpkin);transform:scale(1.1)}.mini-cal-today-btn{height:28px;padding:0 12px;border-radius:8px;background:#2f374199;color:var(--clr-white);font-weight:600;font-size:11px;transition:all .2s ease}.mini-cal-today-btn:hover{background:var(--clr-pumpkin)}.mini-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.mini-cal-dow{text-align:center;font-size:10px;font-weight:600;color:var(--clr-silver);padding:8px 0;text-transform:uppercase;letter-spacing:.05em}.mini-cal-day{position:relative;aspect-ratio:1;border-radius:8px;background:transparent;color:var(--clr-white);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;font-weight:500;transition:all .2s ease;border:1px solid transparent}.mini-cal-day:hover{background:#2f374199;transform:scale(1.1)}.mini-cal-day--other-month{color:var(--clr-silver);opacity:.4}.mini-cal-day--other-month:hover{opacity:.7}.mini-cal-day--past{opacity:.5}.mini-cal-day--today{background:linear-gradient(180deg,#d4a85342,#d4a85314);color:var(--clr-white);font-weight:700;position:relative}.mini-cal-day--today:before{content:"";position:absolute;top:0;left:6px;right:6px;height:3px;background:linear-gradient(90deg,var(--clr-pumpkin),rgba(212,168,83,.6));border-radius:0 0 3px 3px}.mini-cal-day--today:hover{transform:scale(1.15)}.mini-cal-day--selected{background:linear-gradient(180deg,#d4a85333,#d4a8530a);position:relative}.mini-cal-day--selected:before{content:"";position:absolute;top:0;left:6px;right:6px;height:3px;background:linear-gradient(90deg,var(--clr-pumpkin),rgba(212,168,83,.6));border-radius:0 0 3px 3px}.mini-cal-day--selected.mini-cal-day--today{box-shadow:0 0 0 2px #d4a85380,0 4px 12px #d4a8534d}.mini-cal-day--heat-1{background:#d4a85326}.mini-cal-day--heat-2{background:#d4a85340}.mini-cal-day--heat-3{background:#d4a85366}.mini-cal-day-number{z-index:1}.mini-cal-day-indicator{position:absolute;top:4px;width:6px;height:6px;border-radius:50%;background:var(--clr-pumpkin);box-shadow:0 0 6px #00000059}.mini-cal-day--today .mini-cal-day-indicator{background:var(--clr-white);box-shadow:0 0 6px var(--clr-white)}.mini-calendar-quick-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.quick-nav-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;background:transparent;color:var(--clr-silver);font-size:11px;font-weight:500;transition:all .2s ease}.quick-nav-btn:hover{color:var(--clr-white);background:#2f374199}.quick-nav-btn i{font-size:10px}.quick-nav-divider{color:var(--clr-silver);opacity:.3;font-size:12px}.calendar-sidebar{display:flex;flex-direction:column;gap:16px;width:clamp(280px,28vw,360px);max-width:100%;flex-shrink:1;height:100%;min-height:0;align-self:stretch}.sidebar-panel{background:linear-gradient(135deg,#0f1723f2,#0654811a);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.08);overflow:hidden;box-shadow:0 8px 32px #0003}.sidebar-panel--analytics{background:linear-gradient(135deg,#06548133,#0f1723e6)}.panel-header{display:flex;align-items:center;justify-content:flex-start;padding:14px 16px;position:relative;border-bottom:1px solid rgba(255,255,255,.06);background:#0000001a}.calendar-sidebar .sidebar-panel .panel-header{justify-content:flex-start!important;text-align:left!important}.calendar-sidebar .panel-header .panel-title{width:auto;justify-content:flex-start!important;text-align:left!important;margin:0;flex-direction:row!important;display:flex!important}.panel-title{display:flex;flex-direction:row;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--clr-white);width:auto;justify-content:flex-start;text-align:left;margin:0;white-space:nowrap}.panel-title i{font-size:16px;color:var(--clr-pumpkin);flex-shrink:0}.panel-title span{flex-shrink:0}.panel-badge{padding:2px 8px;border-radius:10px;background:var(--clr-scarlet);color:var(--clr-white);font-size:11px;font-weight:700;animation:pulse 2s ease-in-out infinite;position:absolute;right:12px;top:50%;transform:translateY(-50%)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.panel-action{width:28px;height:28px;border-radius:8px;background:#2f374199;color:var(--clr-silver);display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.panel-action:hover{background:var(--clr-pumpkin);color:var(--clr-white);transform:translate(0)}.panel-content{padding:12px;min-height:120px}.panel-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;color:var(--clr-silver);font-size:13px;min-height:96px}.loading-spinner{width:16px;height:16px;border:2px solid rgba(212,168,83,.3);border-top-color:var(--clr-pumpkin);border-radius:50%;animation:spin .8s linear infinite}.panel-empty{text-align:center;padding:24px 16px}.panel-empty i{font-size:32px;color:var(--clr-silver);opacity:.3;margin-bottom:8px}.panel-empty p{font-size:13px;color:var(--clr-silver)}.reminder-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:linear-gradient(135deg,#fec80a26,#fec80a0d);border:1px solid rgba(254,200,10,.2);transition:all .2s ease}.reminder-card:hover{transform:translate(4px);border-color:#fec80a66}.reminder-icon{width:36px;height:36px;border-radius:10px;background:#fec80a33;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reminder-icon i{font-size:16px;color:var(--clr-yellow);animation:ring 2s ease-in-out infinite}@keyframes ring{0%,to{transform:rotate(0)}10%,30%{transform:rotate(10deg)}20%{transform:rotate(-10deg)}40%,to{transform:rotate(0)}}.reminder-content{flex:1;min-width:0}.reminder-title{font-size:13px;font-weight:600;color:var(--clr-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.reminder-time{font-size:11px;color:var(--clr-silver)}.reminder-dismiss{width:32px;height:32px;border-radius:8px;background:#00fe9333;color:var(--clr-green);display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease;flex-shrink:0}.reminder-dismiss:hover{background:var(--clr-green);color:var(--clr-black);transform:scale(1.1)}.upcoming-list{display:flex;flex-direction:column;gap:8px}.upcoming-card{display:flex;gap:32px;padding:10px 12px;border-radius:12px;background:linear-gradient(180deg,#14181eb3,#191e2499);box-shadow:0 6px 18px #00000073;border-left:6px solid var(--event-color, var(--clr-pumpkin));cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.upcoming-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000008c}.upcoming-date{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.upcoming-day{display:inline-block;padding:6px 8px;border-radius:8px;background:#00000059;color:var(--clr-white);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;box-shadow:inset 0 -6px 18px #00000040}.upcoming-time{display:inline-block;padding:4px 8px;border-radius:999px;background:#ffffff0a;color:var(--clr-silver);font-size:12px;font-weight:600}.upcoming-card .upcoming-date-container{display:flex;flex-direction:column;gap:6px;min-width:86px}.upcoming-title{font-size:14px;font-weight:700;color:var(--clr-white);margin:0;line-height:1.2;overflow:hidden;text-overflow:ellipsis}.upcoming-meta-right{display:flex;flex-direction:column;gap:4px;justify-content:center;flex:1 1 auto;min-width:0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-card{padding:12px;border-radius:10px;background:#2f374166;text-align:center;display:flex;flex-direction:column;gap:4px}.stat-card--wide{grid-column:span 3;flex-direction:row;align-items:center;justify-content:space-between;text-align:left}.stat-value{font-size:22px;font-weight:700;color:var(--clr-white);line-height:1}.stat-value--small{font-size:14px;display:flex;align-items:center;gap:8px}.stat-label{font-size:11px;color:var(--clr-silver);text-transform:uppercase;letter-spacing:.05em}.stat-badge{padding:2px 8px;border-radius:6px;background:#d4a85333;color:var(--clr-pumpkin);font-size:11px;font-weight:500}.this-month-summary{display:flex;flex-direction:column;gap:10px}.summary-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:12px;background:linear-gradient(180deg,#ffffff05,#0000000f);border:1px solid rgba(255,255,255,.03);box-shadow:0 6px 16px #00000073}.summary-value{font-size:18px;font-weight:800;color:var(--clr-white);background:#ffffff05;padding:6px 10px;border-radius:999px;min-width:40px;text-align:center}.summary-label{font-size:11px;color:var(--clr-silver);text-transform:uppercase;letter-spacing:.05em}.summary-label--today{color:var(--clr-scarlet);font-weight:700;text-shadow:0 0 8px rgba(239,68,68,.5)}.busiest-row .summary-value{font-size:14px}.stat-badge{margin-left:8px;padding:4px 8px;border-radius:999px;background:#ffffff08;color:var(--clr-silver);font-size:12px}.sidebar-quick-add{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;border-radius:14px;background:linear-gradient(135deg,var(--clr-pumpkin) 0%,rgba(212,168,83,.8) 100%);color:var(--clr-white);font-size:14px;font-weight:600;transition:all .2s ease;box-shadow:0 8px 24px #d4a8534d;margin-top:auto}.sidebar-quick-add:hover{transform:translateY(-2px);box-shadow:0 12px 32px #d4a85366}.sidebar-quick-add i{font-size:18px}@media screen and (max-width:1200px){.calendar-sidebar{width:100%;flex-direction:row;flex-wrap:wrap}.calendar-sidebar>*{flex:1;min-width:280px}.sidebar-quick-add{min-width:100%}}@media screen and (max-width:768px){.calendar-sidebar{flex-direction:column}.calendar-sidebar>*{min-width:100%}}.custom-date-picker{position:relative;width:100%}.date-picker-trigger{width:100%;height:44px;padding:0 40px 0 14px;border-radius:10px;background:#2f374199;border:1px solid rgba(255,255,255,.1);color:var(--clr-white);font-size:14px;transition:all .2s ease;display:flex;align-items:center;text-align:left;position:relative}.date-picker-trigger:hover{background:#2f3741cc}.date-picker-trigger:focus,.date-picker-trigger--open{outline:none;border-color:var(--modal-accent, var(--clr-pumpkin));background:#2f3741cc;box-shadow:0 0 0 3px #d4a85326}.date-picker-trigger--error{border-color:var(--clr-scarlet)}.date-picker-trigger--error:focus{box-shadow:0 0 0 3px #fe1e0026}.date-picker-value{flex:1;color:var(--clr-white)}.date-picker-trigger .date-picker-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--clr-silver);pointer-events:none}.date-picker-trigger:focus .date-picker-icon,.date-picker-trigger--open .date-picker-icon{color:var(--clr-white)}.date-picker-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:280px;background:#0f1723fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 40px #00000080;padding:12px;z-index:1001;animation:dropdownSlideIn .2s ease}.date-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.date-picker-month{font-size:14px;font-weight:600;color:var(--clr-white)}.date-picker-nav{width:32px;height:32px;border-radius:8px;background:#2f374199;color:var(--clr-white);display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.date-picker-nav:hover{background:#2f3741cc;color:var(--clr-pumpkin)}.date-picker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.date-picker-weekday{text-align:center;font-size:11px;font-weight:600;color:var(--clr-silver);padding:4px 0}.date-picker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:12px}.date-picker-day{aspect-ratio:1;border-radius:6px;background:#2f37414d;border:1px solid transparent;color:var(--clr-white);font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer}.date-picker-day:hover{background:#2f374199;border-color:#ffffff1a}.date-picker-day--other-month{color:var(--clr-silver);opacity:.4}.date-picker-day--today{border-color:var(--clr-pumpkin);color:var(--clr-pumpkin);font-weight:600}.date-picker-day--selected{background:var(--modal-accent, var(--clr-pumpkin));color:var(--clr-white);border-color:var(--modal-accent, var(--clr-pumpkin));font-weight:600}.date-picker-day--selected:hover{background:var(--modal-accent, var(--clr-pumpkin));opacity:.9}.date-picker-footer{display:flex;gap:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.date-picker-footer-btn{flex:1;height:32px;border-radius:8px;background:#2f374199;color:var(--clr-white);font-size:12px;font-weight:500;transition:all .2s ease}.date-picker-footer-btn:hover{background:#2f3741cc}.date-picker-footer-btn--primary{background:var(--modal-accent, var(--clr-pumpkin))}.date-picker-footer-btn--primary:hover{opacity:.9}@media screen and (max-width:600px){.date-picker-dropdown{width:260px}}.custom-time-picker{position:relative;width:100%}.time-picker-trigger{width:100%;height:44px;padding:0 40px 0 14px;border-radius:10px;background:#2f374199;border:1px solid rgba(255,255,255,.1);color:var(--clr-white);font-size:14px;transition:all .2s ease;display:flex;align-items:center;text-align:left;position:relative}.time-picker-trigger:hover{background:#2f3741cc}.time-picker-trigger:focus,.time-picker-trigger--open{outline:none;border-color:var(--modal-accent, var(--clr-pumpkin));background:#2f3741cc;box-shadow:0 0 0 3px #d4a85326}.time-picker-trigger--error{border-color:var(--clr-scarlet)}.time-picker-trigger--error:focus{box-shadow:0 0 0 3px #fe1e0026}.time-picker-value{flex:1;color:var(--clr-white)}.time-picker-trigger .time-picker-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--clr-silver);pointer-events:none}.time-picker-trigger:focus .time-picker-icon,.time-picker-trigger--open .time-picker-icon{color:var(--clr-white)}.time-picker-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:200px;background:#0f1723fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 40px #00000080;padding:12px;z-index:1001;animation:dropdownSlideIn .2s ease}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.time-picker-header{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.time-picker-title{font-size:14px;font-weight:600;color:var(--clr-white)}.time-picker-selectors{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:12px}.time-picker-column{display:flex;flex-direction:column}.time-picker-column-label{font-size:11px;font-weight:600;color:var(--clr-silver);text-align:center;margin-bottom:8px}.time-picker-scroll{max-height:150px;overflow-y:auto;border-radius:6px;background:#2f374180;padding:4px}.time-picker-scroll::-webkit-scrollbar{width:4px}.time-picker-scroll::-webkit-scrollbar-track{background:transparent}.time-picker-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.time-picker-option{width:100%;height:28px;border-radius:6px;background:#2f37414d;color:var(--clr-white);font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer}.time-picker-option:hover{background:#2f374199}.time-picker-option--selected{background:var(--modal-accent, var(--clr-pumpkin));color:var(--clr-white);font-weight:600}.time-picker-option--selected:hover{background:var(--modal-accent, var(--clr-pumpkin));opacity:.9}.time-picker-footer{padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.time-picker-done-btn{width:100%;height:36px;border-radius:8px;background:var(--modal-accent, var(--clr-pumpkin));color:var(--clr-white);font-size:13px;font-weight:600;transition:all .2s ease}.time-picker-done-btn:hover{opacity:.9;transform:translateY(-1px)}@media screen and (max-width:600px){.time-picker-dropdown{width:180px}.time-picker-scroll{max-height:120px}}.event-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.event-modal{width:100%;max-width:540px;max-height:90vh;background:linear-gradient(135deg,#0f1723fa,#06548126);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 80px #00000080;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease}.event-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(180deg,rgba(6,84,129,.3) 0%,transparent 100%);border-bottom:none;border-radius:20px 20px 0 0}.modal-title{font-size:20px;font-weight:700;color:var(--clr-white);text-shadow:0 2px 8px rgba(0,0,0,.5);letter-spacing:-.02em}.modal-close-btn{width:40px;height:40px;border-radius:12px;background:#2f374199;color:var(--clr-white);display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease}.modal-close-btn:hover{background:#fe1e004d;color:var(--clr-scarlet);transform:rotate(90deg)}.modal-tabs{display:flex;align-items:center;justify-content:center;gap:4px;padding:12px 24px;border-bottom:none;background:#0000001a;border-radius:0}.modal-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:0;font-size:13px;font-weight:500;transition:all .2s ease;cursor:pointer}.event-modal .modal-tabs>.modal-tab{color:var(--clr-white);border-bottom:none}.event-modal .modal-tabs>.modal-tab--active{color:var(--clr-white);font-weight:600;position:relative}.event-modal .modal-tabs>.modal-tab--active:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;background:var(--clr-accent-gold);border-radius:0;z-index:5;pointer-events:none}.modal-tab:hover{background:#2f374180;color:var(--clr-white)}.modal-tab--active{color:var(--clr-white);font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);border-bottom:2px solid var(--clr-accent-gold)}.modal-tab--active i{color:var(--clr-white);text-shadow:0 1px 2px rgba(0,0,0,.3)}.modal-tab i{color:inherit;font-size:14px}.tab-badge{padding:2px 6px;border-radius:10px;background:#fff3;font-size:11px;font-weight:600}.event-modal-body{flex:1;overflow-y:visible;padding:24px}.tab-content{display:flex;flex-direction:column}.conflict-warning{display:flex;gap:12px;padding:16px;border-radius:12px;background:#fec80a26;border:1px solid rgba(254,200,10,.3);margin-bottom:8px}.conflict-warning>i{font-size:20px;color:var(--clr-yellow);flex-shrink:0}.conflict-content{flex:1}.conflict-content strong{display:block;font-size:14px;color:var(--clr-yellow);margin-bottom:4px}.conflict-content p{font-size:13px;color:var(--clr-silver);margin-bottom:8px}.conflict-content ul{padding-left:16px}.conflict-content li{font-size:12px;color:var(--clr-silver);margin-bottom:2px}.event-modal .form-group{margin-bottom:0}.form-group--inline{flex-direction:row;align-items:center}.form-label{font-size:13px;font-weight:600;color:var(--clr-white)}.tab-content--recurrence .form-group:not(:first-child) .form-label{padding-top:16px}.tab-content--recurrence .form-row{align-items:start;margin-top:12px}.tab-content--recurrence .form-row>.form-group .form-label{padding-top:0}.required{color:var(--clr-scarlet)}.form-input{height:44px;padding:0 14px;border-radius:10px;background:#2f374199;border:1px solid rgba(255,255,255,.1);color:var(--clr-white);font-size:14px;transition:all .2s ease}.form-input::placeholder{color:var(--clr-silver)}.form-input:focus{outline:none;border-color:var(--modal-accent, var(--clr-pumpkin));background:#2f3741cc;box-shadow:0 0 0 3px #d4a85326}.form-input--error{border-color:var(--clr-scarlet)}.form-input--error:focus{box-shadow:0 0 0 3px #fe1e0026}.form-input--time{width:120px}.form-input--number{width:80px;text-align:center}.event-modal .interval-input{display:flex;align-items:center;gap:8px}.event-modal .interval-input .form-input--number{width:56px;padding:0 8px;font-weight:600;text-align:center}.event-modal .interval-input .form-input--number::-webkit-outer-spin-button,.event-modal .interval-input .form-input--number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.event-modal .interval-input .form-input--number{-moz-appearance:textfield}@media(max-width:420px){.event-modal .interval-input .form-input--number{width:48px}}.form-textarea{height:auto;min-height:80px;padding:12px 14px;resize:vertical;font-family:inherit}.form-error{font-size:12px;color:var(--clr-scarlet)}.form-hint{font-size:12px;color:var(--clr-silver);opacity:.7}.datetime-inputs{display:flex;gap:12px}.form-group--inline .toggle-label{gap:16px;align-items:center}.all-day-toggle-group,.priority-group,.color-group{margin-top:16px}.toggle-switch{flex-shrink:0;margin:0 16px 0 0}.datetime-inputs.stack-time{flex-direction:column;gap:8px}.toggle-label{display:flex;align-items:center;gap:16px;cursor:pointer;font-size:14px;color:var(--clr-white);-webkit-user-select:none;user-select:none;line-height:1.5}.toggle-label>*:not(.toggle-input):not(.toggle-switch){display:inline-block;vertical-align:middle}.toggle-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden}.toggle-switch{width:44px;height:24px;border-radius:12px;background:#2f3741cc;position:relative;transition:all .2s ease;display:inline-block;flex-shrink:0;vertical-align:middle}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:10px;background:var(--clr-white);transition:all .2s ease;box-shadow:0 2px 6px #00000040}.toggle-input:checked+.toggle-switch{background:var(--modal-accent, var(--clr-pumpkin))}.toggle-input:checked+.toggle-switch:after{left:22px}.event-modal i{color:var(--clr-white)!important;background:none!important;-webkit-text-fill-color:initial!important}.priority-options{display:flex;gap:8px;flex-wrap:wrap}.priority-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;background:#2f374199;border:1px solid rgba(255,255,255,.08);color:var(--clr-silver);font-size:13px;font-weight:500;transition:all .2s ease}.priority-btn:hover{background:#2f3741cc;color:var(--clr-white)}.priority-btn--active{background:#2f3741e6;border-color:var(--priority-color);color:var(--clr-white);box-shadow:0 0 0 2px rgba(var(--priority-color),.3)}.priority-indicator{width:10px;height:10px;border-radius:50%;background:var(--priority-color)}.color-options{display:flex;gap:8px;flex-wrap:wrap}.color-btn{width:36px;height:36px;border-radius:10px;border:2px solid transparent;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--clr-white);transition:all .2s ease}.color-btn--active{border-color:var(--clr-white);box-shadow:0 4px 12px #0000004d}.interval-input{display:flex;align-items:center;gap:12px}.interval-label{font-size:14px;color:var(--clr-white)}.weekday-options{display:flex;gap:6px}.weekday-btn{width:40px;height:40px;border-radius:10px;background:#2f374199;border:1px solid rgba(255,255,255,.08);color:var(--clr-silver);font-size:14px;font-weight:600;transition:all .2s ease}.weekday-btn:hover{background:#2f3741cc;color:var(--clr-white)}.weekday-btn--active{background:var(--modal-accent, var(--clr-pumpkin));border-color:var(--modal-accent, var(--clr-pumpkin));color:var(--clr-white)}.recurrence-preview{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;background:#06548133;border:1px solid rgba(6,84,129,.3)}.recurrence-preview i{font-size:16px;color:var(--clr-pumpkin)}.recurrence-preview span{font-size:13px;color:var(--clr-silver)}.reminder-add{display:flex;gap:8px}.reminder-add .form-input,.reminder-add .custom-dropdown{flex:1}.reminder-add-btn{width:44px;height:44px;border-radius:10px;background:var(--modal-accent, var(--clr-pumpkin));color:var(--clr-white);display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s ease}.reminder-add-btn:hover:not(:disabled){transform:scale(1.05)}.reminder-add-btn:disabled{background:#2f374199;cursor:not-allowed}.reminders-list{display:flex;flex-direction:column;gap:8px}.reminder-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;background:#2f374199;border:1px solid rgba(255,255,255,.06)}.reminder-item i{font-size:16px;color:var(--clr-yellow)}.reminder-item span{flex:1;font-size:14px;color:var(--clr-white)}.reminder-remove{width:28px;height:28px;border-radius:8px;background:#fe1e0033;color:var(--clr-scarlet);display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease}.reminder-remove:hover{background:var(--clr-scarlet);color:var(--clr-white)}.reminders-empty{text-align:center;padding:32px 16px}.reminders-empty i{font-size:48px;color:var(--clr-silver);opacity:.3;margin-bottom:16px}.reminders-empty p{font-size:16px;font-weight:600;color:var(--clr-white);margin-bottom:4px}.reminders-empty span{font-size:13px;color:var(--clr-silver)}.event-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.08);background:#0000001a}.event-modal-footer .form-error{flex:1}.btn{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:10px;font-size:14px;font-weight:600;transition:all .2s ease}.btn-secondary{background:#2f374199;color:var(--clr-white);border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover:not(:disabled){background:#2f3741cc}.btn-primary{background:var(--clr-accent-gold);color:var(--clr-white);box-shadow:0 4px 16px #d4a8534d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #d4a85366}.btn:disabled{opacity:.6;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.event-modal-body::-webkit-scrollbar{width:6px}.event-modal-body::-webkit-scrollbar-track{background:transparent}.event-modal-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}@media screen and (max-width:600px){.event-modal{max-height:100vh;border-radius:0}.form-row{grid-template-columns:1fr}.modal-tabs{padding:12px 16px}.modal-tab{padding:8px 12px;font-size:12px}.modal-tab i{display:none}.event-modal-body{padding:16px}}.delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.delete-modal{background:linear-gradient(135deg,#0f1723fa,#06548126);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080;width:clamp(320px,90vw,440px);max-width:100%;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.delete-modal-header{text-align:center;padding:28px 24px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.delete-modal-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(135deg,#ef444433,#ef44440d);display:flex;align-items:center;justify-content:center;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #ef444466}50%{transform:scale(1.05);box-shadow:0 0 0 10px #ef444400}}.delete-modal-icon i{font-size:32px;color:var(--clr-scarlet)}.delete-modal-title{font-size:22px;font-weight:700;color:var(--clr-white);margin:0}.delete-modal-body{padding:24px;text-align:center}.delete-modal-message{font-size:15px;color:var(--clr-silver);line-height:1.6;margin:0 0 12px}.delete-modal-message strong{color:var(--clr-white);font-weight:600}.delete-modal-warning{font-size:13px;color:var(--clr-scarlet);font-weight:500;margin:0;opacity:.9}.delete-modal-footer{display:flex;gap:12px;padding:16px 24px 24px}.delete-modal-btn{flex:1;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;border:none;cursor:pointer}.delete-modal-btn--cancel{background:#2f374199;color:var(--clr-white);border:1px solid rgba(255,255,255,.1)}.delete-modal-btn--cancel:hover{background:#2f3741cc;border-color:#fff3;transform:translateY(-1px)}.delete-modal-btn--delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:var(--clr-white);box-shadow:0 4px 16px #ef44444d}.delete-modal-btn--delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 24px #ef444466;transform:translateY(-2px)}.delete-modal-btn--delete:active{transform:translateY(0)}.delete-modal-btn i{font-size:16px}@media screen and (max-width:480px){.delete-modal{margin:16px}.delete-modal-footer{flex-direction:column-reverse}.delete-modal-btn{width:100%}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeleton-pulse{0%,to{opacity:.5}50%{opacity:.7}}@keyframes skeleton-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-element{background:#ffffff08;background-image:linear-gradient(90deg,#ffffff08,#ffffff0f,#ffffff08);background-size:200% 100%;animation:skeleton-shimmer 2.5s ease-in-out infinite;border-radius:6px;position:relative;overflow:hidden}.skeleton-text{height:14px;margin-bottom:8px}.skeleton-title{height:24px;margin-bottom:12px}.skeleton-subtitle{height:18px;margin-bottom:10px}.skeleton-circle,.skeleton-avatar{border-radius:50%;flex-shrink:0}.skeleton-image{height:150px;border-radius:12px;margin-bottom:16px}.skeleton-badge{border-radius:20px;margin-bottom:12px}.skeleton-value{margin-bottom:8px}.skeleton-label{height:12px}.skeleton-card{background:linear-gradient(135deg,#0f1723e6,#141e2dd9);border-radius:16px;border:1px solid rgba(255,255,255,.05);padding:20px;display:flex;flex-direction:column}.skeleton-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.skeleton-card-body{flex:1}.skeleton-chart{background:linear-gradient(135deg,#0f1723e6,#141e2dd9);border-radius:16px;border:1px solid rgba(255,255,255,.05);padding:20px;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.skeleton-chart-bars{display:flex;align-items:flex-end;gap:12px;flex:1;padding-bottom:20px}.skeleton-bar{flex:1;background:#ffffff0d;border-radius:4px 4px 0 0;animation:skeleton-pulse 2.5s ease-in-out infinite}.skeleton-chart-axis{height:2px;background:#ffffff1a;border-radius:1px}.skeleton-hero{background:linear-gradient(135deg,#0f1723f2,#141e2de6);border-radius:24px;border:1px solid rgba(255,255,255,.08);padding:32px;margin-bottom:24px;min-height:180px}.skeleton-hero-content{display:flex;flex-direction:column;gap:12px}.skeleton-hero-stats{display:flex;gap:32px;margin-top:16px}.skeleton-stat{display:flex;flex-direction:column;gap:8px}.skeleton-grid{display:grid;gap:20px}.skeleton-list{display:flex;flex-direction:column;gap:12px}.skeleton-list-item{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#ffffff05;border-radius:12px}.skeleton-list-content{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-table{background:linear-gradient(135deg,#0f1723e6,#141e2dd9);border-radius:16px;border:1px solid rgba(255,255,255,.05);overflow:hidden}.skeleton-table-header{display:flex;gap:16px;padding:16px 20px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05)}.skeleton-table-header .skeleton-element{flex:1}.skeleton-table-row{display:flex;gap:16px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.03)}.skeleton-table-row:last-child{border-bottom:none}.skeleton-table-row .skeleton-element{flex:1}.page-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:40px}.loading-content{display:flex;flex-direction:column;align-items:center;gap:24px}.loading-spinner-ring{position:relative;width:60px;height:60px}.spinner-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid transparent;animation:spin-ring 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:nth-child(1){border-top-color:#d4a853;animation-delay:-.45s}.spinner-ring:nth-child(2){border-top-color:#d4a85399;animation-delay:-.3s;width:80%;height:80%;top:10%;left:10%}.spinner-ring:nth-child(3){border-top-color:#d4a8534d;animation-delay:-.15s;width:60%;height:60%;top:20%;left:20%}@keyframes spin-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{font-size:15px;color:var(--clr-silver);font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;min-height:300px}.empty-state-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d4a85326,#d4a8530d);border-radius:50%;margin-bottom:20px}.empty-state-icon i{font-size:32px;background:linear-gradient(135deg,#d4a853,#b8923f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-state-title{font-size:18px;font-weight:600;color:var(--clr-white);margin-bottom:8px}.empty-state-message{font-size:14px;color:var(--clr-silver);max-width:280px;line-height:1.5;margin-bottom:20px}.empty-state-action{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#d4a853,#b8923f);color:#fff;border-radius:10px;font-size:14px;font-weight:500;transition:all .3s ease}.empty-state-action:hover{transform:translateY(-2px);box-shadow:0 8px 24px #d4a8534d}.error-state{display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;min-height:calc(100vh - 180px);width:100%;position:relative}.error-state .error-state-card{width:720px;max-width:calc(100% - 48px);background:linear-gradient(180deg,#141920f2,#0d1116f2);border-radius:16px;padding:36px 32px;box-shadow:0 12px 40px #0009,inset 0 1px #ffffff05;display:flex;flex-direction:column;align-items:center}.financials-page>.error-state .error-state-card,.subscriptions-page>.error-state .error-state-card,.travel-page>.error-state .error-state-card,.dashboard-page>.error-state .error-state-card,.schedule-page>.error-state .error-state-card,.calendar-page>.error-state .error-state-card,.weather-page>.error-state .error-state-card,.profile-page>.error-state .error-state-card,.settings-page>.error-state .error-state-card{margin:0 auto}.error-state-icon{width:88px;height:88px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%,#ff4a4a2e,#ef444414);border-radius:50%;margin-bottom:18px;box-shadow:0 6px 20px #ef444414}.error-state-icon i{font-size:34px;color:#ff4d4d}.error-state-title{font-size:20px;font-weight:700;color:var(--clr-white);margin-bottom:8px}.error-state-message{font-size:15px;color:var(--clr-silver);max-width:520px;line-height:1.6;margin-bottom:22px}.error-state-actions{display:flex;gap:12px;align-items:center;justify-content:center;margin-bottom:8px}.error-state-retry{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;background:linear-gradient(180deg,#ef4444,#d83b3b);color:#fff;border-radius:12px;font-size:15px;font-weight:700;transition:transform .12s ease,box-shadow .12s ease;border:none;box-shadow:0 8px 20px #e83f3f2e}.error-state-retry:hover{transform:translateY(-2px);box-shadow:0 12px 28px #e83f3f38}.error-state-reload{background:transparent;color:var(--clr-silver);border:none;font-weight:600;text-decoration:underline;text-underline-offset:4px;padding:10px 12px;border-radius:10px}.error-state-content{margin-top:12px}.timeout-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;min-height:300px}.timeout-state-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border-radius:50%;margin-bottom:20px;animation:timeout-pulse 2s ease-in-out infinite}@keyframes timeout-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.timeout-state-icon i{font-size:32px;color:#f59e0b}.timeout-state-title{font-size:18px;font-weight:600;color:var(--clr-white);margin-bottom:8px}.timeout-state-message{font-size:14px;color:var(--clr-silver);max-width:320px;line-height:1.5;margin-bottom:20px}.timeout-state-retry{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#f59e0b26;color:#f59e0b;border-radius:10px;font-size:14px;font-weight:500;transition:all .3s ease;border:1px solid rgba(245,158,11,.3)}.timeout-state-retry:hover{background:#f59e0b40}@media screen and (max-width:768px){.skeleton-hero{padding:24px}.skeleton-hero-stats{flex-wrap:wrap;gap:20px}.page-loading-state,.empty-state,.error-state,.timeout-state{padding:32px 16px;min-height:250px}.empty-state-icon,.error-state-icon,.timeout-state-icon{width:64px;height:64px}.empty-state-icon i,.error-state-icon i,.timeout-state-icon i{font-size:28px}}.error-details{margin-top:20px;padding:15px;background-color:var(--background-light);border:1px solid var(--border-color);border-radius:var(--border-radius);text-align:left;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:14px;color:var(--text-color-dark);max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.error-details summary{font-weight:700;cursor:pointer;color:red;margin-bottom:10px}.error-text{color:red;margin-top:10px;white-space:pre-wrap;word-break:break-all}.calendar-page{display:flex;flex-direction:column;height:100%;min-height:0;background:transparent;overflow:hidden;flex:1;min-width:0;padding-right:var(--page-horizontal-padding);padding-left:var(--page-horizontal-padding);padding-bottom:24px;position:relative;z-index:1}.calendar-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);grid-auto-rows:1fr;gap:20px;padding:0;overflow:hidden;align-items:stretch;min-height:0}@media screen and (max-width:1400px){.calendar-page{padding-right:calc(var(--page-horizontal-padding) * .625);padding-left:calc(var(--page-horizontal-padding) * .625)}.calendar-content{padding:0;gap:16px;grid-template-columns:minmax(0,1fr) minmax(260px,340px)}}@media screen and (max-width:1200px){.calendar-page{padding-right:calc(var(--page-horizontal-padding) * .5);padding-left:calc(var(--page-horizontal-padding) * .5)}.calendar-content{grid-template-columns:1fr;overflow-y:auto;align-items:stretch}.main-calendar{min-height:600px}.calendar-sidebar{width:100%!important;max-height:none}}@media screen and (max-width:768px){.calendar-page{padding-right:calc(var(--page-horizontal-padding) * .375);padding-left:calc(var(--page-horizontal-padding) * .375)}.calendar-content{padding:0;gap:12px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.calendar-content ::-webkit-scrollbar{width:6px;height:6px}.calendar-content ::-webkit-scrollbar-track{background:transparent}.calendar-content ::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.calendar-content ::-webkit-scrollbar-thumb:hover{background:#ffffff40}.calendar-page button:focus-visible,.calendar-page input:focus-visible,.calendar-page select:focus-visible{outline:2px solid var(--clr-pumpkin);outline-offset:2px}.calendar-page{--heat-0: transparent;--heat-1: rgba(34, 214, 214, .15);--heat-2: rgba(34, 214, 214, .3);--heat-3: rgba(230, 126, 34, .4)}.priority-indicator{width:3px;border-radius:2px;flex-shrink:0}.priority-indicator--high{background:var(--clr-scarlet)}.priority-indicator--medium{background:var(--clr-pumpkin)}.priority-indicator--low{background:var(--clr-primary-light)}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:600;text-transform:uppercase}.status-badge--recurring{background:#d4a85333;color:var(--clr-primary-light)}.status-badge--all-day{background:#e67e2233;color:var(--clr-pumpkin)}.status-badge--reminder{background:#ffffff1a;color:var(--clr-silver)}.loading-skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--clr-silver)}.empty-state i{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state p{font-size:14px;margin:0}.tooltip{position:absolute;z-index:1000;padding:8px 12px;background:#0f1723f2;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--clr-white);font-size:12px;box-shadow:0 4px 20px #0000004d;pointer-events:none;animation:fadeIn .15s ease}@media print{.calendar-page{background:#fff;color:#000}.calendar-topbar,.calendar-sidebar,.event-modal{display:none!important}.main-calendar{width:100%;background:#fff}}.settings-page{background:transparent;flex:1;min-width:0;padding:0 var(--page-horizontal-padding) 24px;color:var(--clr-white);min-height:0;overflow-x:hidden;position:relative;z-index:1}.settings-container{background-color:var(--clr-primary);border-radius:12px;padding:24px}.settings-muted{color:var(--clr-silver-v1);margin-top:8px}.subscriptions-page{flex:1;min-width:0;padding:0 var(--page-horizontal-padding) 24px;min-height:0;background:transparent;overflow-x:hidden;position:relative;z-index:1}.subscriptions-loading,.subscriptions-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;color:var(--clr-silver)}.subscriptions-loading .loading-spinner{width:48px;height:48px;border:3px solid rgba(212,168,83,.2);border-top-color:#d4a853;border-radius:50%;animation:spin 1s linear infinite}.subscriptions-error i{font-size:48px;color:var(--clr-scarlet)}.retry-btn{padding:10px 24px;background:#d4a853;color:#fff;border-radius:8px;font-weight:500;transition:all .3s ease}.retry-btn:hover{background:#b8923f;transform:translateY(-2px)}.subscriptions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.header-title h1{font-size:28px;font-weight:700;color:var(--clr-white);margin:0;letter-spacing:-.5px}.header-actions{display:flex;gap:12px}.subscriptions-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto;gap:20px;width:100%}.grid-item{background:linear-gradient(135deg,#0f1723e6,#141e2dd9);border-radius:16px;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;transition:all .3s ease;animation:fadeInUp .5s ease forwards}.spending-section{grid-column:span 8}.category-section{grid-column:span 4}.alerts-section,.unused-section{grid-column:span 6}.upcoming-section{grid-column:span 4}.subscriptions-list-section{grid-column:span 8}.panel-title{font-size:16px;font-weight:600;color:var(--clr-white);display:flex;align-items:center;gap:10px;margin:0}.panel-content{padding:20px 24px}.filter-tabs{display:flex;gap:8px}.filter-tab{padding:6px 14px;border-radius:20px;font-size:13px;color:var(--clr-silver);background:#ffffff0d;transition:all .2s ease}.filter-tab:hover{background:#ffffff1a;color:var(--clr-white)}.filter-tab.active{background:linear-gradient(135deg,#d4a853,#b8923f);color:#fff}@media screen and (max-width:1400px){.subscriptions-page{padding:var(--page-vertical-padding) 20px}.spending-section{grid-column:span 12}.category-section,.alerts-section,.unused-section,.upcoming-section{grid-column:span 6}.subscriptions-list-section{grid-column:span 12}}@media screen and (max-width:1024px){.subscriptions-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;flex-wrap:wrap}.action-btn{flex:1;min-width:120px;justify-content:center}.category-section,.upcoming-section,.alerts-section,.unused-section{grid-column:span 12}}@media screen and (max-width:768px){.subscriptions-page{padding:16px}.header-title h1{font-size:24px}.filter-tabs{flex-wrap:wrap}.filter-tab{padding:5px 12px;font-size:12px}.panel-header{flex-direction:column;align-items:flex-start;gap:12px}}.grid-item:nth-child(1){animation-delay:.05s}.grid-item:nth-child(2){animation-delay:.1s}.grid-item:nth-child(3){animation-delay:.15s}.grid-item:nth-child(4){animation-delay:.2s}.grid-item:nth-child(5){animation-delay:.25s}.grid-item:nth-child(6){animation-delay:.3s}.skeleton-header .header-actions{display:flex;gap:12px}.subscription-hero-skeleton{margin-bottom:24px}.hero-cards-skeleton{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.hero-card-skeleton{background:linear-gradient(135deg,#0f1723f2,#141e2de6);border-radius:16px;border:1px solid rgba(255,255,255,.05);padding:24px;display:flex;flex-direction:column;gap:16px}.hero-card-skeleton-header{display:flex;align-items:center;gap:12px}.category-skeleton{display:flex;gap:24px;align-items:center;flex:1}.category-legend-skeleton{flex:1;display:flex;flex-direction:column;gap:12px}.category-legend-item-skeleton{display:flex;align-items:center;gap:12px}.subscriptions-list-skeleton{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.subscription-card-skeleton{background:#ffffff05;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:16px}.subscription-card-header-skeleton{display:flex;align-items:center;gap:12px}.subscription-card-info-skeleton{flex:1;display:flex;flex-direction:column;gap:6px}.subscription-card-footer-skeleton{display:flex;justify-content:space-between;align-items:center}@media screen and (max-width:1200px){.hero-cards-skeleton,.subscriptions-list-skeleton{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.hero-cards-skeleton,.subscriptions-list-skeleton{grid-template-columns:1fr}.category-skeleton{flex-direction:column}}.subscription-hero{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:20px;margin-bottom:24px}.hero-card{position:relative;background:linear-gradient(135deg,#0f1723e6,#141e2dd9);border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.05);overflow:hidden;transition:all .3s ease}.hero-card:hover{border-color:#d4a8534d;transform:translateY(-2px)}.monthly-card{background:linear-gradient(135deg,#d4a85326,#0f1723f2,#141e2de6);border-color:#d4a8534d}.hero-glow{position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(212,168,83,.4) 0%,transparent 70%);filter:blur(40px);pointer-events:none}.hero-content{position:relative;z-index:1;display:flex;align-items:flex-start;gap:16px}.hero-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.monthly-card .hero-icon{background:#d4a85333;color:#e5c07b}.annual-card .hero-icon{background:#3b82f633;color:#60a5fa}.hero-info{display:flex;flex-direction:column;gap:4px}.hero-label{font-size:13px;color:var(--clr-silver);text-transform:uppercase;letter-spacing:.5px}.hero-value{font-size:32px;font-weight:700;color:var(--clr-white);letter-spacing:-1px}.hero-subtext{font-size:12px;color:var(--clr-silver);opacity:.8}.hero-change{display:flex;align-items:center;gap:6px;font-size:13px;margin-top:4px}.hero-change.positive{color:var(--clr-green)}.hero-change.negative{color:var(--clr-scarlet)}.hero-change.neutral{color:var(--clr-silver)}.stats-card{display:flex;align-items:center;justify-content:space-around;padding:20px 16px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-value{font-size:24px;font-weight:700;color:var(--clr-white)}.stat-value.trial{color:#fbbf24}.stat-value.paused{color:#94a3b8}.stat-value.warning{color:#f97316}.stat-label{font-size:11px;color:var(--clr-silver);text-transform:uppercase;letter-spacing:.5px}.stat-divider{width:1px;height:40px;background:#ffffff1a}@media screen and (max-width:1200px){.subscription-hero{grid-template-columns:1fr 1fr}.stats-card{grid-column:span 2}}@media screen and (max-width:768px){.subscription-hero{grid-template-columns:1fr}.stats-card{grid-column:span 1}.hero-value{font-size:28px}}.spending-chart{height:100%;display:flex;flex-direction:column}.spending-chart .panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.05)}.spending-chart .panel-title{font-size:16px;font-weight:600;color:var(--clr-white);display:flex;align-items:center;gap:10px;margin:0}.spending-chart .panel-title i{color:#d4a853}.chart-legend{display:flex;gap:16px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--clr-silver)}.legend-dot{width:8px;height:8px;border-radius:50%}.chart-container{flex:1;padding:20px 24px;min-height:250px}.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--clr-silver);gap:12px}.no-data i{font-size:32px;opacity:.5}.no-data p{font-size:14px}.category-breakdown{height:100%;display:flex;flex-direction:column}.category-breakdown .panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.05)}.category-breakdown .panel-title{font-size:16px;font-weight:600;color:var(--clr-white);display:flex;align-items:center;gap:10px;margin:0}.category-breakdown .panel-title i{color:#d4a853}.breakdown-content{flex:1;padding:20px 24px;display:flex;flex-direction:column;gap:20px}.chart-wrapper{position:relative;width:100%;max-width:180px;height:180px;margin:0 auto}.chart-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center}.center-label{font-size:11px;color:var(--clr-silver);text-transform:uppercase}.center-value{font-size:22px;font-weight:700;color:var(--clr-white)}.center-subtext{font-size:11px;color:var(--clr-silver)}.category-list{display:flex;flex-direction:column;gap:10px}.category-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff08;border-radius:8px;transition:background .2s ease}.category-item:hover{background:#ffffff0f}.category-info{display:flex;align-items:center;gap:10px}.category-dot{width:10px;height:10px;border-radius:50%}.category-name{font-size:13px;color:var(--clr-white)}.category-value{display:flex;align-items:center;gap:8px}.category-value .value{font-size:13px;font-weight:600;color:var(--clr-white)}.category-value .percentage{font-size:11px;color:var(--clr-silver);min-width:32px;text-align:right}.breakdown-content .no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--clr-silver);gap:12px}.breakdown-content .no-data i{font-size:32px;opacity:.5}.subscription-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding:20px 24px}.subscription-grid-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;color:var(--clr-silver);gap:12px}.subscription-grid-empty i{font-size:48px;opacity:.3}.subscription-card{position:relative;background:#ffffff08;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .3s ease;overflow:hidden}.subscription-card:hover{background:#ffffff0f;border-color:var(--card-color, rgba(212, 168, 83, .3));transform:translateY(-2px)}.subscription-card.paused{opacity:.7}.subscription-card.cancelled{opacity:.5}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600}.card-badges{display:flex;gap:6px}.badge{padding:3px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase}.badge.status{background:#ffffff1a;color:var(--clr-silver)}.badge.status.active{background:#10b98133;color:#10b981}.badge.status.trial{background:#fbbf2433;color:#fbbf24}.badge.status.paused{background:#94a3b833;color:#94a3b8}.badge.status.cancelled{background:#ef444433;color:#ef4444}.badge.essential{background:#fbbf2433;color:#fbbf24;padding:4px 6px}.card-content{margin-bottom:12px}.card-title{font-size:15px;font-weight:600;color:var(--clr-white);margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-pricing{display:flex;align-items:baseline;gap:2px}.card-pricing .price{font-size:20px;font-weight:700;color:var(--clr-white)}.card-pricing .cycle{font-size:12px;color:var(--clr-silver)}.monthly-equiv{font-size:11px;color:var(--clr-silver);opacity:.8}.card-footer{display:flex;justify-content:space-between;align-items:center}.next-billing{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--clr-silver)}.next-billing i{font-size:12px}.card-category{font-size:10px;color:var(--clr-silver);text-transform:uppercase;letter-spacing:.5px;opacity:.7}.card-hover-indicator{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--card-color, #d4a853);transform:scaleX(0);transition:transform .3s ease}.subscription-card:hover .card-hover-indicator{transform:scaleX(1)}@media screen and (max-width:768px){.subscription-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;padding:16px}.subscription-card{padding:14px}.card-pricing .price{font-size:18px}}.alerts-panel{height:100%;display:flex;flex-direction:column}.alerts-panel .panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.05)}.alerts-panel .panel-title{font-size:16px;font-weight:600;color:var(--clr-white);display:flex;align-items:center;gap:10px;margin:0}.alerts-panel .panel-title i{color:#f97316}.alert-count{background:#f97316;color:#fff;font-size:11px;padding:2px 8px;border-radius:10px}.alerts-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.alert-item{display:flex;gap:12px;padding:12px;background:#ffffff08;border-radius:10px;border-left:3px solid transparent;transition:all .2s ease}.alert-item:hover{background:#ffffff0d}.alert-item.info{border-left-color:#3b82f6}.alert-item.warning{border-left-color:#f97316}.alert-item.critical{border-left-color:#ef4444}.alert-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.alert-item.info .alert-icon{background:#3b82f633;color:#3b82f6}.alert-item.warning .alert-icon{background:#f9731633;color:#f97316}.alert-item.critical .alert-icon{background:#ef444433;color:#ef4444}.alert-content{flex:1;min-width:0}.alert-subscription{font-size:12px;font-weight:600;color:var(--clr-white)}.alert-message{font-size:12px;color:var(--clr-silver);margin:4px 0;line-height:1.4}.alert-time{font-size:10px;color:var(--clr-silver);opacity:.7}.alert-dismiss{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--clr-silver);opacity:0;transition:all .2s ease}.alert-item:hover .alert-dismiss{opacity:1}.alert-dismiss:hover{background:#ffffff1a;color:var(--clr-white)}.unused-panel{height:100%;display:flex;flex-direction:column}.unused-panel .panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.05)}.unused-panel .panel-title{font-size:16px;font-weight:600;color:var(--clr-white);display:flex;align-items:center;gap:10px;margin:0}.unused-panel .panel-title i{color:#f97316}.potential-savings{display:flex;flex-direction:column;align-items:flex-end}.savings-label{font-size:10px;color:var(--clr-silver);text-transform:uppercase}.savings-value{font-size:16px;font-weight:600;color:var(--clr-green)}.unused-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.unused-item{display:flex;flex-direction:column;gap:8px;padding:14px;background:#f973160d;border-radius:10px;border:1px solid rgba(249,115,22,.1);transition:all .2s ease}.unused-item:hover{border-color:#f973164d}.unused-info{display:flex;justify-content:space-between;align-items:center}.unused-name{font-size:14px;font-weight:600;color:var(--clr-white)}.unused-cost{font-size:14px;font-weight:600;color:#f97316}.unused-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--clr-silver)}.unused-actions{display:flex;gap:8px;margin-top:4px}.unused-actions .action-btn{flex:1;padding:8px;border-radius:6px;font-size:12px;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .2s ease}.unused-actions .action-btn.used{background:#10b9811a;color:#10b981}.unused-actions .action-btn.used:hover{background:#10b98133}.unused-actions .action-btn.cancel{background:#ef44441a;color:#ef4444}.unused-actions .action-btn.cancel:hover{background:#ef444433}.upcoming-panel{height:100%;display:flex;flex-direction:column}.upcoming-panel .panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.05)}.upcoming-panel .panel-title{font-size:16px;font-weight:600;color:var(--clr-white);display:flex;align-items:center;gap:10px;margin:0}.upcoming-panel .panel-title i{color:#d4a853}.upcoming-total{font-size:16px;font-weight:600;color:var(--clr-white)}.upcoming-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.no-upcoming{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--clr-silver);gap:8px;text-align:center}.no-upcoming i{font-size:32px;color:var(--clr-green);opacity:.6}.no-upcoming p{font-size:13px}.upcoming-item{display:flex;align-items:center;gap:14px;padding:12px;background:#ffffff08;border-radius:10px;transition:all .2s ease}.upcoming-item:hover{background:#ffffff0d}.upcoming-date{display:flex;flex-direction:column;align-items:center;min-width:40px;padding:6px 10px;background:#d4a8531a;border-radius:8px}.date-day{font-size:18px;font-weight:700;color:var(--clr-white);line-height:1}.date-month{font-size:10px;color:#a78bfa;text-transform:uppercase}.upcoming-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.upcoming-name{font-size:13px;font-weight:500;color:var(--clr-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upcoming-cycle{font-size:11px;color:var(--clr-silver);text-transform:capitalize}.upcoming-amount{display:flex;flex-direction:column;align-items:flex-end}.upcoming-amount .amount{font-size:14px;font-weight:600;color:var(--clr-white)}.upcoming-amount .days-until{font-size:10px;color:var(--clr-silver)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-container{width:90%;max-width:520px;max-height:90vh;overflow-y:auto;background:linear-gradient(145deg,#1e1e2dfa,#141423fa);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 25px 50px -12px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.06)}.modal-header h2{font-size:18px;font-weight:600;color:var(--clr-white);margin:0}.close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:none;border-radius:8px;color:var(--clr-silver);cursor:pointer;transition:all .2s ease}.modal-form{padding:24px}.form-error{padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:13px;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:13px;font-weight:500;color:var(--clr-silver);margin-bottom:8px}.form-group input[type=text],.form-group input[type=number],.form-group input[type=date],.form-group select,.form-group textarea{width:100%;padding:12px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--clr-white);font-size:14px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#d4a85380;background:#ffffff0f}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23888' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-group select option{background:#1e1e2d;color:var(--clr-white)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.input-with-prefix{position:relative;display:flex;align-items:center}.input-with-prefix .prefix{position:absolute;left:14px;color:var(--clr-silver);font-size:14px;pointer-events:none}.input-with-prefix input{padding-left:30px}.checkbox-group{margin-top:8px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;color:var(--clr-silver)}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{width:18px;height:18px;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff0a;position:relative;transition:all .2s ease}.checkbox-label input:checked+.checkbox-custom{background:#d4a853;border-color:#d4a853}.checkbox-label input:checked+.checkbox-custom:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.form-group textarea{resize:vertical;min-height:80px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06)}.btn-cancel,.btn-save{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--clr-silver)}.btn-cancel:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff26}.btn-save{background:linear-gradient(135deg,#d4a853,#b8923f);border:none;color:#fff}.btn-save:hover:not(:disabled){background:linear-gradient(135deg,#e5c07b,#d4a853);transform:translateY(-1px)}.btn-save:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner-small{width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:540px){.modal-container{width:95%;margin:16px}.form-row{grid-template-columns:1fr}}.drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:flex-end;z-index:1000;animation:fadeIn .2s ease}.drawer-container{width:100%;max-width:480px;height:100%;background:linear-gradient(180deg,#1e1e2dfa,#141423fa);border-left:1px solid rgba(255,255,255,.08);box-shadow:-20px 0 40px #0006;display:flex;flex-direction:column;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.06)}.drawer-title-section{display:flex;align-items:center;gap:12px}.drawer-title-section h2{font-size:20px;font-weight:600;color:var(--clr-white);margin:0}.status-badge{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:#22c55e26;color:#4ade80}.status-badge.trial{background:#d4a85326;color:#e5c07b}.status-badge.inactive{background:#9ca3af26;color:#9ca3af}.status-badge.unused{background:#fbbf2426;color:#fbbf24}.drawer-content{flex:1;overflow-y:auto;padding:24px}.drawer-section{margin-bottom:28px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title{font-size:14px;font-weight:600;color:var(--clr-white);margin:0 0 16px;display:flex;align-items:center;gap:8px}.section-title i{color:#d4a853}.section-header .section-title{margin-bottom:0}.edit-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--clr-silver);font-size:12px;cursor:pointer;transition:all .2s ease}.edit-btn:hover{background:#ffffff14;color:var(--clr-white)}.summary-section{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.summary-card{display:flex;flex-direction:column;align-items:center;padding:16px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;text-align:center}.summary-label{font-size:11px;color:var(--clr-silver);margin-bottom:6px}.summary-value{font-size:16px;font-weight:600;color:var(--clr-white)}.summary-cycle{font-size:10px;color:var(--clr-silver);text-transform:capitalize;margin-top:2px}.chart-container{height:160px;background:#ffffff05;border-radius:12px;padding:16px}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item.full-width{grid-column:span 2}.detail-label{font-size:11px;color:var(--clr-silver);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;color:var(--clr-white);text-transform:capitalize}.edit-form{display:flex;flex-direction:column;gap:16px}.edit-form .form-group{display:flex;flex-direction:column;gap:6px}.edit-form .form-group label{font-size:12px;color:var(--clr-silver)}.edit-form .form-group input,.edit-form .form-group select,.edit-form .form-group textarea{padding:10px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--clr-white);font-size:14px}.edit-form .form-group input:focus,.edit-form .form-group select:focus,.edit-form .form-group textarea:focus{outline:none;border-color:#d4a85380}.edit-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.edit-form .form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23888' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}.edit-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.edit-actions .btn-cancel,.edit-actions .btn-save{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-actions .btn-cancel{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--clr-silver)}.edit-actions .btn-save{background:linear-gradient(135deg,#d4a853,#b8923f);border:none;color:#fff}.edit-actions .btn-cancel:hover{background:#ffffff0d}.edit-actions .btn-save:hover{opacity:.9}.actions-section{padding-top:20px;border-top:1px solid rgba(255,255,255,.06)}.action-buttons{display:flex;flex-wrap:wrap;gap:10px}.action-buttons .action-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--clr-silver);font-size:13px;cursor:pointer;transition:all .2s ease}.action-buttons .action-btn:hover{background:#ffffff14;color:var(--clr-white)}.action-buttons .action-btn.usage{color:#4ade80;border-color:#4ade8033}.action-buttons .action-btn.usage:hover{background:#4ade801a}.action-buttons .action-btn.calendar{color:#60a5fa;border-color:#60a5fa33}.action-buttons .action-btn.calendar:hover{background:#60a5fa1a}.action-buttons .action-btn.delete{color:#f87171;border-color:#f8717133}.action-buttons .action-btn.delete:hover{background:#f871711a}@media(max-width:540px){.drawer-container{max-width:100%}.summary-section,.details-grid{grid-template-columns:1fr}.detail-item.full-width{grid-column:span 1}.edit-form .form-row{grid-template-columns:1fr}}.travel-page{flex:1;min-width:0;padding:0 var(--page-horizontal-padding) 24px;min-height:0;background:transparent;overflow-x:hidden;position:relative;z-index:1}.travel-loading,.travel-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;color:var(--clr-silver)}.travel-loading .loading-spinner{width:48px;height:48px;border:3px solid rgba(212,168,83,.2);border-top-color:#d4a853;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.travel-error i{font-size:48px;color:var(--clr-scarlet)}.retry-btn{padding:10px 24px;background:linear-gradient(135deg,#d4a853,#b8923f);color:#fff;border-radius:8px;font-weight:500;transition:all .3s ease}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #d4a8534d}.travel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.header-title h1{font-size:28px;font-weight:700;color:var(--clr-white);margin:0;letter-spacing:-.5px;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-subtitle{font-size:14px;color:var(--clr-silver)}.header-actions{display:flex;gap:16px;align-items:center}.view-toggle{display:flex;background:#ffffff0d;border-radius:10px;padding:4px}.toggle-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;color:var(--clr-silver);transition:all .3s ease}.toggle-btn:hover{color:var(--clr-white)}.toggle-btn.active{background:#d4a85333;color:#d4a853}.action-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-weight:500;font-size:14px;transition:all .3s ease}.action-btn.primary{background:linear-gradient(135deg,#d4a853,#b8923f);color:#fff}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #d4a8534d}.action-btn.secondary{background:#ffffff0d;color:var(--clr-silver);border:1px solid rgba(255,255,255,.1)}.action-btn.secondary:hover{background:#ffffff1a;color:var(--clr-white);border-color:#d4a853}.travel-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto;gap:20px;width:100%}.grid-item{background:linear-gradient(135deg,#0f1723e6,#141e2dd9);border-radius:16px;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;min-height:0}.grid-item:hover{border-color:#d4a8534d;box-shadow:0 8px 32px #0000004d}.timeline-section{grid-column:span 8;min-height:400px}.upcoming-section{grid-column:span 4;max-height:450px}.budget-section,.tools-section{grid-column:span 6}.stats-section{grid-column:span 4}.bucketlist-section{grid-column:span 8;max-height:400px}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.05)}.panel-title{font-size:16px;font-weight:600;color:var(--clr-white);display:flex;align-items:center;gap:10px}.panel-title i{color:#d4a853}.panel-content{padding:20px 24px;flex:1;overflow-y:auto}.glass-card{background:#ffffff08;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.05)}.status-planning{color:#ffc107}.status-booked{color:#17a2b8}.status-in_progress{color:#d4a853}.status-completed{color:#6c757d}.status-cancelled{color:#dc3545}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge.planning{background:#ffc10726;color:#ffc107}.status-badge.booked{background:#17a2b826;color:#17a2b8}.status-badge.in_progress{background:#d4a85326;color:#d4a853}.status-badge.completed{background:#6c757d26;color:#6c757d}.status-badge.cancelled{background:#dc354526;color:#dc3545}.trip-type-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}.trip-type-icon.vacation{background:#d4a85326;color:#d4a853}.trip-type-icon.business{background:#3b82f626;color:#3b82f6}.trip-type-icon.adventure{background:#f59e0b26;color:#f59e0b}.trip-type-icon.city_break{background:#a855f726;color:#a855f7}.trip-type-icon.beach{background:#06b6d426;color:#06b6d4}.trip-type-icon.road_trip{background:#ef444426;color:#ef4444}.trip-type-icon.backpacking{background:#22c55e26;color:#22c55e}@media screen and (max-width:1400px){.travel-page{padding:var(--page-vertical-padding) 20px}.timeline-section{grid-column:span 12}.upcoming-section,.budget-section,.tools-section,.stats-section{grid-column:span 6}.bucketlist-section{grid-column:span 12}}@media screen and (max-width:1024px){.travel-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;flex-wrap:wrap}.upcoming-section,.budget-section,.tools-section,.stats-section{grid-column:span 12}}@media screen and (max-width:768px){.travel-page{padding:16px}.header-title h1{font-size:24px}.view-toggle,.action-btn.primary{width:100%;justify-content:center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.grid-item{animation:fadeInUp .5s ease forwards}.grid-item:nth-child(1){animation-delay:.1s}.grid-item:nth-child(2){animation-delay:.15s}.grid-item:nth-child(3){animation-delay:.2s}.grid-item:nth-child(4){animation-delay:.25s}.grid-item:nth-child(5){animation-delay:.3s}.grid-item:nth-child(6){animation-delay:.35s}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:#ffffff05;border-radius:3px}.panel-content::-webkit-scrollbar-thumb{background:#d4a8534d;border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover{background:#d4a85380}.skeleton-header .header-title{display:flex;flex-direction:column;gap:8px}.skeleton-header .header-actions{display:flex;gap:16px;align-items:center}.view-toggle-skeleton{display:flex;gap:8px}.travel-hero-skeleton{background:linear-gradient(135deg,#0f1723f2,#141e2de6);border-radius:24px;border:1px solid rgba(255,255,255,.08);padding:32px;margin-bottom:24px;min-height:200px}.hero-skeleton-content{display:flex;justify-content:space-between;align-items:center}.hero-skeleton-main{display:flex;flex-direction:column;gap:12px}.hero-skeleton-countdown{display:flex;gap:24px;margin-top:16px}.countdown-item-skeleton{display:flex;flex-direction:column;align-items:center;gap:8px}.hero-skeleton-side{flex-shrink:0}.panel-skeleton{padding:24px;height:100%;display:flex;flex-direction:column;gap:20px}.panel-skeleton-header{display:flex;justify-content:space-between;align-items:center}.panel-skeleton-actions{display:flex;gap:8px}.timeline-skeleton-items{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.timeline-card-skeleton{background:#ffffff05;border-radius:12px;overflow:hidden}.timeline-card-content-skeleton{padding:12px;display:flex;flex-direction:column;gap:8px}.timeline-card-footer-skeleton{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.upcoming-list-skeleton{display:flex;flex-direction:column;gap:12px}.upcoming-item-skeleton{display:flex;align-items:center;gap:16px;padding:12px;background:#ffffff05;border-radius:12px}.upcoming-item-content-skeleton{flex:1;display:flex;flex-direction:column;gap:6px}.budget-breakdown-skeleton{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.budget-item-skeleton{display:flex;align-items:center;gap:8px;flex:1;min-width:100px}.tools-tabs-skeleton{display:flex;gap:8px}.tools-content-skeleton{display:flex;flex-direction:column;gap:16px;flex:1}.stats-grid-skeleton{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat-item-skeleton{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#ffffff05;border-radius:12px}.bucketlist-grid-skeleton{display:flex;flex-direction:column;gap:12px}.goal-card-skeleton{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff05;border-radius:12px}.goal-content-skeleton{flex:1;display:flex;flex-direction:column;gap:6px}@media screen and (max-width:1200px){.timeline-skeleton-items{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.hero-skeleton-content{flex-direction:column;gap:24px;align-items:flex-start}.timeline-skeleton-items,.stats-grid-skeleton{grid-template-columns:1fr}}.travel-hero{margin-bottom:24px}.travel-hero.upcoming-mode .hero-countdown-card{position:relative;background:linear-gradient(135deg,#d4a85326,#0f1723f2,#141e2de6);border-radius:20px;padding:32px 40px;border:1px solid rgba(212,168,83,.3);overflow:hidden}.hero-glow{position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(212,168,83,.3) 0%,transparent 70%);filter:blur(80px);pointer-events:none}.countdown-content{position:relative;z-index:1}.destination-info{display:flex;align-items:center;gap:16px;margin-bottom:24px}.country-flag{font-size:48px;line-height:1}.destination-text h2{font-size:28px;font-weight:700;color:var(--clr-white);margin:0}.destination-text p{font-size:16px;color:var(--clr-silver);margin:4px 0 0}.countdown-display{display:flex;align-items:center;gap:16px;margin-bottom:24px}.countdown-item{display:flex;flex-direction:column;align-items:center;background:#d4a8531a;padding:16px 24px;border-radius:12px;min-width:80px}.countdown-value{font-size:42px;font-weight:700;color:#d4a853;line-height:1}.countdown-label{font-size:12px;color:var(--clr-silver);text-transform:uppercase;margin-top:4px}.countdown-separator{font-size:32px;color:#d4a85380;font-weight:300}.trip-meta{display:flex;align-items:center;gap:16px;margin-bottom:20px}.trip-dates{display:flex;align-items:center;gap:8px;color:var(--clr-silver);font-size:14px}.trip-quick-stats{display:flex;gap:24px;margin-bottom:24px}.quick-stat{display:flex;align-items:center;gap:8px;color:var(--clr-silver);font-size:13px}.quick-stat i{color:#d4a853}.budget-mini-gauge{width:60px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.gauge-fill{height:100%;background:linear-gradient(90deg,#d4a853,#b8923f);border-radius:3px;transition:width .5s ease}.hero-actions{display:flex;gap:12px}.hero-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;font-weight:500;font-size:14px;transition:all .3s ease}.hero-btn.primary{background:linear-gradient(135deg,#d4a853,#b8923f);color:#fff}.hero-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #d4a8534d}.hero-btn.secondary{background:#ffffff0d;color:var(--clr-silver);border:1px solid rgba(255,255,255,.1)}.hero-btn.secondary:hover{background:#ffffff1a;color:var(--clr-white)}.hero-decoration{position:absolute;right:40px;top:50%;transform:translateY(-50%)}.trip-type-badge{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:36px}.trip-type-badge.vacation{background:#d4a85333;color:#d4a853}.trip-type-badge.business{background:#3b82f633;color:#3b82f6}.trip-type-badge.adventure{background:#f59e0b33;color:#f59e0b}.trip-type-badge.city_break{background:#a855f733;color:#a855f7}.trip-type-badge.beach{background:#06b6d433;color:#06b6d4}.trip-type-badge.road_trip{background:#ef444433;color:#ef4444}.trip-type-badge.backpacking{background:#22c55e33;color:#22c55e}.travel-hero.stats-mode .hero-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{position:relative;background:linear-gradient(135deg,#0f1723e6,#141e2dcc);border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:16px;overflow:hidden;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);border-color:#d4a8534d}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px}.stat-card.countries .stat-icon{background:#d4a85326;color:#d4a853}.stat-card.trips .stat-icon{background:#3b82f626;color:#3b82f6}.stat-card.days .stat-icon{background:#a855f726;color:#a855f7}.stat-card.spend .stat-icon{background:#f59e0b26;color:#f59e0b}.stat-content{flex:1}.stat-value{font-size:28px;font-weight:700;color:var(--clr-white);display:block}.stat-label{font-size:13px;color:var(--clr-silver)}.stat-accent{position:absolute;top:0;right:0;width:100px;height:100px;border-radius:50%;filter:blur(40px);opacity:.3}.stat-card.countries .stat-accent{background:#d4a853}.stat-card.trips .stat-accent{background:#3b82f6}.stat-card.days .stat-accent{background:#a855f7}.stat-card.spend .stat-accent{background:#f59e0b}.no-trips-cta{margin-top:20px;background:linear-gradient(135deg,#d4a8531a,#0f1723e6);border-radius:16px;padding:32px;border:1px dashed rgba(212,168,83,.3);text-align:center}.cta-content i{font-size:48px;color:#d4a853;margin-bottom:16px;display:block}.cta-content h3{font-size:20px;color:var(--clr-white);margin:0 0 8px}.cta-content p{color:var(--clr-silver);margin:0}@media screen and (max-width:1200px){.travel-hero.stats-mode .hero-stats-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.hero-countdown-card{padding:24px}.country-flag{font-size:36px}.destination-text h2{font-size:22px}.countdown-item{padding:12px 16px;min-width:60px}.countdown-value{font-size:28px}.hero-decoration{display:none}.hero-actions{flex-direction:column}.travel-hero.stats-mode .hero-stats-grid{grid-template-columns:1fr}}.trip-timeline{height:100%;display:flex;flex-direction:column}.trip-timeline .panel-header{display:flex;justify-content:space-between;align-items:center}.trip-count{font-size:13px;color:var(--clr-silver);background:#ffffff0d;padding:4px 12px;border-radius:20px}.timeline-view{flex:1;overflow-y:auto}.timeline-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.trip-card{position:relative;background:#ffffff08;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .3s ease;overflow:hidden}.trip-card:hover{transform:translateY(-4px);border-color:#d4a8534d;box-shadow:0 8px 24px #0003}.trip-card-accent{position:absolute;top:0;left:0;width:4px;height:100%;border-radius:4px 0 0 4px}.trip-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.trip-card .trip-type-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px}.trip-card-body{margin-bottom:12px}.trip-destination{display:flex;align-items:center;gap:12px;margin-bottom:12px}.trip-destination .country-flag{font-size:28px}.trip-destination h4{font-size:16px;font-weight:600;color:var(--clr-white);margin:0}.trip-destination p{font-size:13px;color:var(--clr-silver);margin:2px 0 0}.trip-dates{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--clr-silver);margin-bottom:8px}.trip-dates i{color:#d4a853}.trip-meta{display:flex;gap:12px}.meta-item{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--clr-silver)}.meta-item i{font-size:11px}.meta-item.countdown{color:#d4a853}.trip-card-footer{padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}.budget-progress .budget-info{display:flex;justify-content:flex-start;align-items:baseline;gap:4px;font-size:14px;font-weight:600;color:var(--clr-white);margin-bottom:6px}.budget-total{font-size:12px;font-weight:400;color:var(--clr-silver)}.budget-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.budget-fill{height:100%;border-radius:2px;transition:width .5s ease}.pipeline-view{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;height:100%}.pipeline-stage{display:flex;flex-direction:column;background:#ffffff05;border-radius:12px;overflow:hidden}.stage-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffffff08;border-bottom:2px solid;font-size:13px;font-weight:600;color:var(--clr-white)}.stage-header i{font-size:14px}.stage-count{margin-left:auto;background:#ffffff1a;padding:2px 8px;border-radius:10px;font-size:11px}.stage-trips{flex:1;padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.empty-stage{flex:1;display:flex;align-items:center;justify-content:center;color:var(--clr-silver);font-size:13px}.empty-timeline{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--clr-silver);text-align:center}.empty-timeline i{font-size:48px;color:#d4a8534d;margin-bottom:16px}.empty-timeline p{font-size:16px;color:var(--clr-white);margin:0 0 4px}.empty-timeline span{font-size:13px}@media screen and (max-width:1200px){.pipeline-view{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.timeline-grid,.pipeline-view{grid-template-columns:1fr}}.upcoming-trips{height:100%;display:flex;flex-direction:column}.upcoming-list{display:flex;flex-direction:column;gap:12px}.upcoming-item{position:relative;display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ffffff08;border-radius:12px;cursor:pointer;transition:all .3s ease;overflow:hidden}.upcoming-item:hover{background:#ffffff0f;transform:translate(4px)}.upcoming-flag{font-size:28px;line-height:1}.upcoming-info{flex:1;min-width:0}.upcoming-info h4{font-size:14px;font-weight:600;color:var(--clr-white);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upcoming-info p{font-size:12px;color:var(--clr-silver);margin:2px 0 0}.upcoming-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.days-badge{background:#d4a85326;color:#d4a853;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.trip-date{font-size:11px;color:var(--clr-silver)}.upcoming-accent{position:absolute;left:0;top:0;width:3px;height:100%;border-radius:3px 0 0 3px}.empty-upcoming{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--clr-silver)}.empty-upcoming i{font-size:36px;color:#d4a8534d;margin-bottom:12px}.empty-upcoming p{font-size:14px;margin:0}.budget-tracker{height:100%;display:flex;flex-direction:column}.budget-overview{margin-bottom:20px}.budget-total-card{background:#d4a8531a;border-radius:12px;padding:20px;border:1px solid rgba(212,168,83,.2)}.budget-amounts{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}.budget-amounts .spent{font-size:28px;font-weight:700;color:var(--clr-white)}.budget-amounts .of{font-size:14px;color:var(--clr-silver)}.budget-amounts .total{font-size:18px;color:var(--clr-silver)}.budget-total-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:12px}.budget-total-fill{height:100%;background:linear-gradient(90deg,#d4a853,#b8923f);border-radius:4px;transition:width .5s ease}.budget-remaining{display:flex;justify-content:space-between;font-size:13px;color:var(--clr-silver)}.budget-remaining .percentage{color:#d4a853;font-weight:600}.budget-remaining .percentage.over{color:#dc3545}.budget-categories h4{font-size:14px;font-weight:600;color:var(--clr-white);margin:0 0 16px}.budget-category{margin-bottom:14px}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.category-name{font-size:13px;color:var(--clr-silver)}.category-amount{font-size:12px;color:var(--clr-white);font-weight:500}.category-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.category-fill{height:100%;border-radius:3px;transition:width .5s ease}.no-active-trip{display:flex;flex-direction:column;gap:20px}.accuracy-card{text-align:center;background:#d4a8531a;border-radius:12px;padding:24px;border:1px solid rgba(212,168,83,.2)}.accuracy-card h4{font-size:14px;font-weight:600;color:var(--clr-silver);margin:0 0 8px}.accuracy-value{font-size:48px;font-weight:700;color:#d4a853;line-height:1;margin-bottom:8px}.accuracy-card p{font-size:12px;color:var(--clr-silver);margin:0}.accuracy-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.accuracy-stat{background:#ffffff08;border-radius:12px;padding:16px;text-align:center}.accuracy-stat .stat-value{display:block;font-size:24px;font-weight:700;margin-bottom:4px}.accuracy-stat .stat-value.success{color:#d4a853}.accuracy-stat .stat-value.warning{color:#ffc107}.accuracy-stat .stat-label{font-size:12px;color:var(--clr-silver)}.travel-stats{height:100%;display:flex;flex-direction:column}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.stat-item{display:flex;align-items:center;gap:12px;padding:14px;background:#ffffff08;border-radius:12px}.stat-item .stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.stat-item .stat-info{display:flex;flex-direction:column}.stat-item .stat-value{font-size:20px;font-weight:700;color:var(--clr-white);line-height:1}.stat-item .stat-label{font-size:11px;color:var(--clr-silver);margin-top:2px}.year-progress{background:#ffffff08;border-radius:12px;padding:14px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;color:var(--clr-silver)}.progress-header span:last-child{color:#d4a853;font-weight:600}.progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#d4a853,#b8923f);border-radius:3px;transition:width .5s ease}.bucket-list{height:100%;display:flex;flex-direction:column}.bucket-list .panel-header{display:flex;justify-content:space-between;align-items:center}.header-stats{display:flex;align-items:center;gap:12px}.header-stats .stat{font-size:12px;color:var(--clr-silver)}.add-goal-btn{width:32px;height:32px;border-radius:8px;background:#d4a85326;color:#d4a853;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.add-goal-btn:hover{background:#d4a8534d}.add-goal-form{background:#ffffff08;border-radius:12px;padding:16px;margin-bottom:16px;border:1px solid rgba(212,168,83,.2)}.form-row{display:flex;gap:12px;margin-bottom:12px}.form-row:last-child{margin-bottom:0}.add-goal-form input[type=text]{flex:1;padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--clr-white);font-size:14px}.add-goal-form input[type=text]::placeholder{color:var(--clr-silver)}.add-goal-form input[type=text]:focus{outline:none;border-color:#d4a853}.priority-label{flex:1;display:flex;align-items:center;gap:12px;font-size:13px;color:var(--clr-silver)}.priority-label input[type=range]{flex:1;-webkit-appearance:none;height:6px;background:#ffffff1a;border-radius:3px}.priority-label input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#d4a853;border-radius:50%;cursor:pointer}.submit-btn{padding:10px 20px;background:linear-gradient(135deg,#d4a853,#b8923f);color:#fff;border-radius:8px;font-weight:500;font-size:14px;transition:all .3s ease}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4a8534d}.goals-list{display:flex;flex-direction:column;gap:10px}.goal-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ffffff08;border-radius:12px;transition:all .3s ease}.goal-item:hover{background:#ffffff0f}.goal-item.achieved{opacity:.7}.goal-flag{font-size:28px;line-height:1}.goal-info{flex:1;min-width:0}.goal-info h4{font-size:14px;font-weight:600;color:var(--clr-white);margin:0}.goal-info p{font-size:12px;color:var(--clr-silver);margin:2px 0 0}.goal-priority{display:flex;align-items:center}.priority-stars{font-size:12px;color:#f59e0b;letter-spacing:1px}.achieve-btn{width:32px;height:32px;border-radius:8px;background:#d4a85326;color:#d4a853;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.achieve-btn:hover{background:#d4a853;color:#fff}.achieved-badge{color:#d4a853;font-size:20px}.achieved-header{padding:12px 0 8px;border-top:1px solid rgba(255,255,255,.05);margin-top:8px}.achieved-header span{font-size:12px;color:var(--clr-silver);text-transform:uppercase;letter-spacing:.5px}.empty-goals{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--clr-silver);text-align:center}.empty-goals i{font-size:36px;color:#d4a8534d;margin-bottom:12px}.empty-goals p{font-size:14px;color:var(--clr-white);margin:0 0 4px}.empty-goals span{font-size:12px}.quick-tools{height:100%;display:flex;flex-direction:column}.tools-tabs{display:flex;gap:8px;margin-bottom:16px}.tool-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:#ffffff08;border-radius:8px;font-size:13px;color:var(--clr-silver);transition:all .3s ease}.tool-tab:hover{background:#ffffff0f;color:var(--clr-white)}.tool-tab.active{background:#d4a85326;color:#d4a853}.tool-tab i{font-size:14px}.tool-content{display:flex;flex-direction:column;gap:12px}.converter-input{display:flex;gap:8px}.converter-input input{flex:1;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--clr-white);font-size:16px}.converter-input input::placeholder{color:var(--clr-silver)}.converter-input input:focus{outline:none;border-color:#d4a853}.converter-input select{width:80px;padding:12px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--clr-white);font-size:13px;cursor:pointer}.converter-input select:focus{outline:none;border-color:#d4a853}.converter-controls{display:flex;justify-content:center}.swap-btn{width:36px;height:36px;border-radius:50%;background:#d4a85326;color:#d4a853;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.swap-btn:hover{background:#d4a8534d;transform:rotate(180deg)}.convert-btn{width:100%;padding:12px;background:linear-gradient(135deg,#d4a853,#b8923f);color:#fff;border-radius:8px;font-weight:500;font-size:14px;transition:all .3s ease}.convert-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #d4a8534d}.convert-btn:disabled{opacity:.5;cursor:not-allowed}.rate-info{text-align:center;font-size:12px;color:var(--clr-silver);padding:8px;background:#ffffff08;border-radius:8px}.tz-input{display:flex;gap:8px}.tz-input input{flex:1;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--clr-white);font-size:16px}.tz-input input:focus{outline:none;border-color:#d4a853}.tz-input select{flex:1;padding:12px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--clr-white);font-size:13px;cursor:pointer}.tz-input select:focus{outline:none;border-color:#d4a853}.tz-arrow{display:flex;justify-content:center;color:#d4a853}.date-input{display:flex;flex-direction:column;gap:6px}.date-input label{font-size:12px;color:var(--clr-silver)}.date-input input{padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--clr-white);font-size:14px}.date-input input:focus{outline:none;border-color:#d4a853}.calc-result{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#d4a8531a;border-radius:12px;border:1px solid rgba(212,168,83,.2)}.result-item{display:flex;align-items:baseline;gap:8px}.result-value{font-size:36px;font-weight:700;color:#d4a853}.result-label{font-size:16px;color:var(--clr-silver)}.result-text{font-size:13px;color:var(--clr-silver)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.trip-modal{background:linear-gradient(135deg,#0f1723fa,#141e2df2);border-radius:20px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid rgba(255,255,255,.05)}.trip-header-info{display:flex;align-items:center;gap:16px}.trip-flag{font-size:40px;line-height:1}.trip-header-info h2{font-size:22px;font-weight:700;color:var(--clr-white);margin:0}.trip-header-info p{font-size:14px;color:var(--clr-silver);margin:4px 0 0}.modal-actions{display:flex;align-items:center;gap:12px}.status-select{padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--clr-white);font-size:13px;cursor:pointer}.status-select.planning{border-color:#ffc107}.status-select.booked{border-color:#17a2b8}.status-select.in_progress{border-color:#d4a853}.status-select.completed{border-color:#6c757d}.status-select.cancelled{border-color:#dc3545}.close-btn{width:36px;height:36px;border-radius:10px;background:#ffffff0d;color:var(--clr-silver);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn:hover{background:#ffffff1a;color:var(--clr-white)}.modal-tabs{display:flex;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.05);overflow-x:auto}.modal-tab{display:flex;align-items:center;gap:8px;padding:16px 20px;color:var(--clr-silver);font-size:14px;border-bottom:2px solid transparent;transition:all .3s ease;white-space:nowrap}.modal-tab:hover{color:var(--clr-white)}.modal-tab.active{color:#d4a853;border-bottom-color:#d4a853}.modal-content{flex:1;overflow-y:auto;padding:24px}.overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.info-card{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff08;border-radius:12px}.info-icon{width:48px;height:48px;border-radius:12px;background:#d4a85326;color:#d4a853;display:flex;align-items:center;justify-content:center;font-size:20px}.info-content{display:flex;flex-direction:column}.info-label{font-size:12px;color:var(--clr-silver)}.info-value{font-size:15px;font-weight:600;color:var(--clr-white);text-transform:capitalize}.trip-description,.trip-notes{margin-bottom:16px}.trip-description h4,.trip-notes h4{font-size:14px;font-weight:600;color:var(--clr-white);margin:0 0 8px}.trip-description p,.trip-notes p{font-size:14px;color:var(--clr-silver);line-height:1.6}.budget-summary{text-align:center;margin-bottom:24px;padding:24px;background:#d4a8531a;border-radius:16px;border:1px solid rgba(212,168,83,.2)}.budget-total{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-bottom:16px}.budget-spent{font-size:36px;font-weight:700;color:var(--clr-white)}.budget-of{font-size:16px;color:var(--clr-silver)}.budget-amount{font-size:20px;color:var(--clr-silver)}.budget-bar-large{width:100%;height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden;margin-bottom:12px}.budget-fill-large{height:100%;background:linear-gradient(90deg,#d4a853,#b8923f);border-radius:5px;transition:width .5s ease}.budget-remaining-text{font-size:14px;color:var(--clr-silver)}.expenses-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.expenses-section h4{font-size:16px;font-weight:600;color:var(--clr-white);margin:0}.add-expense-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#d4a85326;color:#d4a853;border-radius:8px;font-size:13px;transition:all .3s ease}.add-expense-btn:hover{background:#d4a8534d}.add-expense-form{background:#ffffff08;border-radius:12px;padding:16px;margin-bottom:16px}.add-expense-form .form-row{display:flex;gap:12px;margin-bottom:12px}.add-expense-form input,.add-expense-form select{flex:1;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--clr-white);font-size:14px}.add-expense-form input:focus,.add-expense-form select:focus{outline:none;border-color:#d4a853}.form-actions{display:flex;justify-content:flex-end;gap:12px}.cancel-btn{padding:10px 20px;background:#ffffff0d;color:var(--clr-silver);border-radius:8px;font-size:14px;transition:all .3s ease}.cancel-btn:hover{background:#ffffff1a}.save-btn{padding:10px 20px;background:linear-gradient(135deg,#d4a853,#b8923f);color:#fff;border-radius:8px;font-size:14px;font-weight:500;transition:all .3s ease}.save-btn:disabled{opacity:.5;cursor:not-allowed}.expenses-list{display:flex;flex-direction:column;gap:8px}.expense-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#ffffff08;border-radius:10px}.expense-info{display:flex;flex-direction:column}.expense-desc{font-size:14px;color:var(--clr-white)}.expense-meta{font-size:12px;color:var(--clr-silver);text-transform:capitalize}.expense-amount{font-size:15px;font-weight:600;color:var(--clr-white)}.itinerary-day{margin-bottom:20px;padding:16px;background:#ffffff08;border-radius:12px}.day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.day-number{font-size:14px;font-weight:600;color:#d4a853}.day-date{font-size:12px;color:var(--clr-silver)}.day-title{font-size:16px;font-weight:600;color:var(--clr-white);margin-bottom:12px}.day-activities{display:flex;flex-direction:column;gap:8px}.activity-item{display:flex;gap:12px;padding:10px 12px;background:#ffffff08;border-radius:8px}.activity-time{font-size:12px;color:var(--clr-silver);min-width:70px}.activity-name{font-size:14px;color:var(--clr-white)}.no-activities{font-size:13px;color:var(--clr-silver)}.empty-expenses,.empty-itinerary,.empty-packing,.empty-documents{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--clr-silver);text-align:center}.empty-itinerary i,.empty-packing i,.empty-documents i{font-size:36px;color:#d4a8534d;margin-bottom:12px}.packing-progress{padding:24px;background:#d4a8531a;border-radius:16px;border:1px solid rgba(212,168,83,.2)}.progress-info{display:flex;justify-content:space-between;margin-bottom:12px;font-size:14px;color:var(--clr-silver)}.packing-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.packing-fill{height:100%;background:linear-gradient(90deg,#d4a853,#b8923f);border-radius:4px;transition:width .5s ease}.documents-list{display:flex;flex-direction:column;gap:8px}.document-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ffffff08;border-radius:10px}.document-item i{font-size:24px;color:#d4a853}.doc-info{display:flex;flex-direction:column}.doc-name{font-size:14px;color:var(--clr-white)}.doc-type{font-size:12px;color:var(--clr-silver);text-transform:capitalize}@media screen and (max-width:768px){.modal-overlay{padding:0;align-items:flex-end}.trip-modal{border-radius:20px 20px 0 0;max-height:95vh}.overview-grid{grid-template-columns:1fr}.modal-tabs{padding:0 16px}.modal-tab{padding:14px 12px;font-size:13px}}.add-trip-modal{background:linear-gradient(135deg,#0f1723fa,#141e2df2);border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.add-trip-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid rgba(255,255,255,.05)}.add-trip-modal .modal-header h2{font-size:20px;font-weight:700;color:var(--clr-white);margin:0}.step-progress{display:flex;justify-content:center;gap:40px;padding:20px 24px;background:#ffffff05}.step-item{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.5;transition:all .3s ease}.step-item.active{opacity:1}.step-number{width:32px;height:32px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--clr-silver);transition:all .3s ease}.step-item.active .step-number{background:#d4a85333;color:#d4a853}.step-item.current .step-number{background:#d4a853;color:#fff}.step-label{font-size:12px;color:var(--clr-silver)}.add-trip-modal .modal-content{flex:1;overflow-y:auto;padding:24px}.step-content{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:500;color:var(--clr-silver)}.form-group input,.form-group select,.form-group textarea{padding:14px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--clr-white);font-size:15px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#d4a853;background:#d4a8530d}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff4d}.form-group textarea{resize:none}.form-group.small{max-width:100px}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.trip-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.type-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--clr-silver);font-size:11px;transition:all .3s ease}.type-btn i{font-size:18px}.type-btn:hover{background:#ffffff0f;border-color:#d4a8534d}.type-btn.active{background:#d4a85326;border-color:#d4a853;color:#d4a853}.color-grid{display:flex;gap:10px}.color-btn{width:32px;height:32px;border-radius:50%;border:2px solid transparent;transition:all .3s ease}.color-btn:hover{transform:scale(1.1)}.color-btn.active{border-color:#fff;box-shadow:0 0 12px #d4a85380}.duration-display{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:#d4a8531a;border-radius:12px;border:1px solid rgba(212,168,83,.2);color:#d4a853;font-size:18px;font-weight:600}.duration-display i{font-size:20px}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-item{display:flex;align-items:center;gap:12px;cursor:pointer}.checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:#d4a853;cursor:pointer}.checkbox-item span{font-size:14px;color:var(--clr-white)}.budget-suggestion-card{background:#ffffff08;border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.get-suggestion-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f59e0b26;color:#f59e0b;border-radius:8px;font-size:13px;transition:all .3s ease}.get-suggestion-btn:hover{background:#f59e0b40}.suggestion-result{display:flex;align-items:center;gap:12px}.suggested-amount{font-size:20px;font-weight:700;color:#d4a853}.suggested-daily{font-size:13px;color:var(--clr-silver)}.apply-btn{padding:8px 16px;background:#d4a85326;color:#d4a853;border-radius:6px;font-size:13px;transition:all .3s ease}.apply-btn:hover{background:#d4a853;color:#fff}.budget-breakdown{margin-top:16px}.budget-breakdown h4{font-size:14px;font-weight:600;color:var(--clr-white);margin:0 0 16px}.breakdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.breakdown-item{display:flex;align-items:center;gap:10px;padding:12px;background:#ffffff08;border-radius:10px}.breakdown-item i{font-size:16px;color:#d4a853}.breakdown-item span{flex:1;font-size:13px;color:var(--clr-silver)}.breakdown-item input{width:80px;padding:8px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--clr-white);font-size:13px;text-align:right}.breakdown-item input:focus{outline:none;border-color:#d4a853}.modal-footer{display:flex;align-items:center;padding:20px 24px;border-top:1px solid rgba(255,255,255,.05)}.footer-spacer{flex:1}.back-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ffffff0d;color:var(--clr-silver);border-radius:10px;font-size:14px;transition:all .3s ease}.back-btn:hover{background:#ffffff1a;color:var(--clr-white)}.next-btn,.create-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#d4a853,#b8923f);color:#fff;border-radius:10px;font-size:14px;font-weight:500;transition:all .3s ease}.next-btn:hover:not(:disabled),.create-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #d4a8534d}.next-btn:disabled,.create-btn:disabled{opacity:.5;cursor:not-allowed}@media screen and (max-width:600px){.trip-type-grid{grid-template-columns:repeat(2,1fr)}.form-row{flex-direction:column}.form-group.small{max-width:none}.breakdown-grid{grid-template-columns:1fr}}.weather-dashboard{display:grid;grid-template-columns:35fr 65fr;grid-template-rows:auto 1fr auto;gap:14px;padding-left:0;padding-right:0;padding-bottom:24px;background:transparent;color:#fff;min-height:0;flex:1;min-width:0;overflow-x:hidden;position:relative;z-index:1}.weather-page-wrapper{padding-left:var(--page-horizontal-padding);padding-right:var(--page-horizontal-padding);position:relative}.save-error-top-center{--save-error-duration: 6s;position:absolute;left:50%;transform:translate(-50%);top:14px;display:flex;align-items:center;gap:12px;background:#dc2332f2;color:#fff;padding:10px 16px;border-radius:8px;box-shadow:0 6px 18px #00000059;z-index:1200;max-width:calc(100% - 160px);opacity:1;transform-origin:center top;animation:saveErrorSequence var(--save-error-duration) cubic-bezier(.2,.9,.2,1) forwards}.save-error-top-message{font-weight:600;font-size:14px;line-height:1.2;text-align:center}.save-error-top-close{background:transparent;border:none;color:#fffffff2;cursor:pointer;padding:6px;display:inline-flex;align-items:center;justify-content:center}@keyframes saveErrorSequence{0%{opacity:1;transform:translate(-50%) translateY(0) rotate(0) scale(1)}4%{transform:translate(calc(-50% - 6px)) translateY(0) rotate(-2deg) scale(1)}8%{transform:translate(calc(-50% + 6px)) translateY(0) rotate(2deg) scale(1)}12%{transform:translate(-50%) translateY(0) rotate(0) scale(1);opacity:1}85%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-8px) scale(.98)}}.weather-dashboard h3{margin-bottom:10px}.top-right-row{grid-column:2 / 3;grid-row:1 / 2;display:flex;align-items:flex-start;justify-content:flex-start;gap:12px;padding-left:0}.current-weather{grid-column:1 / 2;grid-row:1 / 3}.highlights-container{grid-column:2 / 3;grid-row:2 / 3;background-color:var(--clr-primary);padding:8px;border-radius:15px;height:100%;box-shadow:0 4px 8px #00000080,0 12px 24px #0000008c,0 20px 30px #00000080}.forecast{grid-column:1 / -1;grid-row:3 / 4}.advanced-map-section{grid-column:1 / -1;grid-row:4 / 5;margin-top:10px}.highlights{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:3fr 1fr;gap:18px;flex:1;height:calc(100% - 35px)}.highlight{background:radial-gradient(circle,#2f3741,#2f37413b);padding:10px;border-radius:15px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;min-width:260px;box-shadow:0 4px 6px #0003,0 10px 20px #00000040,0 20px 25px #0003;transition:all .3s ease}.highlight-header{position:absolute;top:10px;left:10px;right:10px;display:flex;align-items:center;gap:10px}.highlight-header h4{position:static;color:#aaa;font-size:16px;font-weight:500;margin:0;padding:0;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;order:2}.highlight-icon{width:36px;height:36px;min-width:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;order:1}.highlight-icon.wind-icon{background:linear-gradient(135deg,#d4a85333,#b8923f1a);color:#d4a853}.highlight-icon.uv-icon{background:linear-gradient(135deg,#ffc80033,#ff96001a);color:#ffc800}.highlight-icon.sunrise-icon{background:linear-gradient(135deg,#8a2be233,#6432c81a);color:#a855f7}@media(max-width:1548px){.weather-dashboard{grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;column-gap:normal;padding-left:var(--page-horizontal-padding);padding-right:var(--page-horizontal-padding);padding-top:0}.top-right-row{grid-column:1 / -1;grid-row:1 / 2;justify-content:flex-start}.current-weather{grid-column:1 / -1;grid-row:2 / 3}.highlights-container{grid-column:1 / -1;grid-row:3 / 4}.forecast{grid-column:1 / -1;grid-row:4 / 5}.advanced-map-section{grid-column:1 / -1;grid-row:5 / 6}}@media(max-width:1080px){.weather-dashboard{grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;padding-left:calc(var(--page-horizontal-padding) * .625);padding-right:calc(var(--page-horizontal-padding) * .625);padding-top:0;width:100%}.top-right-row{grid-column:1 / -1;grid-row:1 / 2}.current-weather{grid-column:1 / -1;grid-row:2 / 3}.highlights-container{grid-column:1 / -1;grid-row:3 / 4}.forecast{grid-column:1 / -1;grid-row:4 / 5}.advanced-map-section{grid-column:1 / -1;grid-row:5 / 6}}@media(max-width:1024px){.weather-dashboard{grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;padding-left:calc(var(--page-horizontal-padding) * .46875);padding-right:calc(var(--page-horizontal-padding) * .46875);padding-top:0;width:100%}.top-right-row{grid-column:1 / -1;grid-row:1 / 2}.current-weather{grid-column:1 / -1;grid-row:2 / 3}.highlights-container{grid-column:1 / -1;grid-row:3 / 4}.forecast{grid-column:1 / -1;grid-row:4 / 5}.advanced-map-section{grid-column:1 / -1;grid-row:5 / 6}.highlights{grid-template-columns:1fr;grid-template-rows:auto;gap:20px}.highlight{width:100%}}@media(max-width:480px){.weather-dashboard{padding-left:calc(var(--page-horizontal-padding) * .3125);padding-right:calc(var(--page-horizontal-padding) * .3125);gap:10px}.highlight{padding:8px;min-width:100%}}.card-slot-container.skeleton{background:linear-gradient(135deg,#0f1723e6,#141e2dd9);border-radius:16px;border:1px solid rgba(255,255,255,.05);display:flex;align-items:stretch;min-height:0}.card-slot-container.skeleton .card-content-wrapper{width:100%;height:100%}.forecast-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}.search-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-modal{background:linear-gradient(145deg,#1e2332fa,#141928fc);border:1px solid rgba(255,255,255,.12);border-radius:20px;width:90%;max-width:550px;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #00000080;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.search-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.search-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#fffffff2}.modal-close-btn{width:32px;height:32px;border-radius:50%;border:none;background:#ffffff14;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close-btn:hover{background:#ffffff26;color:#fff;transform:rotate(90deg)}.modal-close-btn i{font-size:14px}.search-modal-content{padding:24px;display:flex;flex-direction:column;gap:16px}.modal-search-input-wrapper{position:relative;width:100%;background:linear-gradient(135deg,#282d3cf2,#1e2332fa);border:1px solid rgba(255,255,255,.1);border-radius:16px;transition:all .2s ease}.modal-search-input-wrapper:focus-within{border-color:#0ff6;box-shadow:0 0 0 4px #00ffff14}.modal-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:18px;color:#fff6;pointer-events:none;transition:color .2s ease}.modal-search-input-wrapper:focus-within .modal-search-icon{color:#0ff}.modal-search-input{padding:14px 50px;background:transparent;color:#fff;font-size:15px;border:none;border-radius:16px;width:100%;transition:all .15s ease;box-sizing:border-box}.modal-search-input:focus{outline:none}.modal-search-input::placeholder{color:#ffffff59;font-style:italic}.modal-location-link{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:16px;color:#fff6;text-decoration:none;padding:6px;border-radius:8px;transition:all .2s ease;cursor:pointer}.modal-location-link:hover{color:#0ff;background:#00ffff1a}.modal-suggestions-list{list-style-type:none;padding:0;margin:0;max-height:350px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.modal-suggestions-list::-webkit-scrollbar{width:6px}.modal-suggestions-list::-webkit-scrollbar-track{background:#ffffff05;border-radius:3px}.modal-suggestions-list::-webkit-scrollbar-thumb{background:#00ffff4d;border-radius:3px}.modal-suggestions-list::-webkit-scrollbar-thumb:hover{background:#00ffff80}.modal-suggestions-list li{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;letter-spacing:.02em;font-size:14px;color:#fffc;transition:all .2s ease;cursor:pointer;background:#ffffff05}.modal-suggestions-list li:hover{background:linear-gradient(135deg,#00ffff26,#00c8ff1a);color:#fff}.modal-suggestions-list li i{font-size:16px;color:#0ff9}.modal-suggestions-list li span{flex:1}@media(max-width:768px){.search-modal{width:95%;max-height:85vh}.search-modal-header{padding:16px 20px}.search-modal-content{padding:20px}.modal-search-input{padding:12px 44px;font-size:14px}.modal-suggestions-list{max-height:280px}}@media(max-width:480px){.search-modal{width:96%;border-radius:16px}.search-modal-header h3{font-size:16px}.modal-search-input{padding:11px 40px}.modal-suggestions-list li{padding:10px 14px;font-size:13px}}.saved-locations-container{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;width:100%;max-height:150px;overflow:visible}.saved-locations-row{display:flex;gap:10px;overflow:visible;scroll-behavior:smooth;justify-content:space-between;width:100%;align-items:stretch}.saved-location-card{position:relative;flex:0 0 calc((100% - 40px)/5);min-width:0;height:130px;border-radius:18px;cursor:pointer;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000002e,0 8px 24px #0000001f}.saved-location-card:hover{transform:scale(1.01);box-shadow:0 8px 22px #00000047,0 12px 36px #0000002e;z-index:3}.saved-location-card.active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-left:2px solid var(--clr-accent-gold);border-radius:20px;z-index:10;pointer-events:none}.location-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#0000,#00000026);z-index:1;pointer-events:none}.location-card-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:brightness(.55) saturate(.95);pointer-events:none}.location-card-content{position:relative;z-index:2;height:100%;padding:14px;display:flex;flex-direction:column;justify-content:space-between;color:#fff}.location-header{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:8px}.location-title{display:flex;flex-direction:column;gap:2px;min-width:0}.location-country{font-size:11px;opacity:.9;z-index:9;color:#ffffffe6;text-align:right;white-space:nowrap;max-width:40%;overflow:hidden;text-overflow:ellipsis}.location-city{font-size:16px;font-weight:600;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-region{font-size:11px;opacity:.85;text-shadow:0 1px 2px rgba(0,0,0,.2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-weather{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.location-condition{font-size:14px;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.2);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:wheat}.weather-icon{font-size:28px;text-shadow:0 2px 4px rgba(0,0,0,.2);display:inline-flex;align-items:center;justify-content:center}.right-temps{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;flex-shrink:0}.location-temps{display:flex;flex-direction:column;align-items:center;justify-content:center}.current-temp{font-size:28px;font-weight:300;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.2);margin-left:12px}.temp-range{display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-end;font-size:12px;opacity:.92;gap:8px}.temp-range span{padding-left:6px}.temp-range span{text-shadow:0 1px 2px rgba(0,0,0,.2)}.delete-location-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;border:none;background:#0006;color:#ffffffe6;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;opacity:0;transform:scale(.8);transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.saved-location-card:hover .delete-location-btn{opacity:1;transform:scale(1)}.delete-location-btn:hover{background:#ef4444cc;transform:scale(1.1)}.delete-location-btn i{font-size:12px}.primary-badge{position:absolute;bottom:8px;right:8px;width:24px;height:24px;border-radius:50%;background:#ffffff40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:5}.primary-badge i{font-size:12px;color:#fbbf24}.location-local-time{position:absolute;bottom:8px;left:12px;color:silver;font-size:12px;font-weight:500;z-index:6;text-shadow:0 1px 0 rgba(0,0,0,.35);pointer-events:none}.saved-location-card.empty-slot{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:2px dashed rgba(255,255,255,.15);box-shadow:none}.saved-location-card.empty-slot:hover{transform:none!important;box-shadow:none!important;border-color:#ffffff26!important;background:linear-gradient(135deg,#ffffff0d,#ffffff05)!important}.saved-location-card.empty-slot{cursor:default}.empty-slot-content{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#ffffff4d}.empty-slot-content i{font-size:24px}.empty-slot-content span{font-size:11px}.saved-locations-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;color:#ffffff80;text-align:center;gap:8px;background:#ffffff08;border-radius:16px;border:1px dashed rgba(255,255,255,.1)}.saved-locations-empty i{font-size:32px;margin-bottom:4px;color:#ffffff4d}.saved-locations-empty p{margin:0;font-size:14px;color:#fff9}.saved-locations-empty span{font-size:12px}.saved-location-card.skeleton{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);overflow:hidden}.skeleton-shimmer{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.location-error{padding:8px 12px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:13px;margin-bottom:8px}@media(max-width:1548px){.saved-locations-container{max-width:100%}.saved-location-card{flex:0 0 calc((100% - 40px)/5);min-width:110px}}@media(max-width:768px){.saved-location-card{min-width:100px;height:120px;flex:0 0 calc((100% - 32px)/5)}.location-city{font-size:14px}.current-temp{font-size:28px}.weather-icon{font-size:24px}}@media(max-width:480px){.saved-locations-row{gap:12px;padding:4px 2px}.saved-location-card{min-width:88px;height:110px;flex:0 0 calc((100% - 24px)/5)}.location-card-content{padding:10px}.location-city{font-size:13px}.current-temp{font-size:24px}.weather-icon{font-size:20px}.temp-range{font-size:10px}}.financials-page{flex:1;min-width:0;padding:0 var(--page-horizontal-padding) 24px;min-height:0;background:transparent;overflow-x:hidden;position:relative;z-index:1}.financials-top-section{margin-bottom:24px}.financials-header{margin-bottom:20px}.financials-grid{display:grid;gap:20px;grid-template-columns:1fr;align-items:start}@media screen and (min-width:1100px){.financials-grid{grid-template-columns:2fr 1fr;grid-auto-rows:auto;align-items:start}.financials-grid .grid-item{align-self:start;display:flex;flex-direction:column;min-height:0}.breakdown-section{grid-column:2 / 3}.timeline-section{grid-column:1 / 2}}@media screen and (min-width:800px)and (max-width:1099px){.financials-grid{grid-template-columns:1fr 1fr;grid-auto-rows:auto}.financials-grid .grid-item{align-self:start}}.ai-foundry-page{flex:1;min-width:0;display:flex;justify-content:center;align-items:center;height:100%;color:var(--clr-white);background:transparent;position:relative;z-index:1;padding:0 var(--page-horizontal-padding) 24px}.ai-foundry-container{text-align:center}.ai-foundry-title{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:1rem}.ai-foundry-title i{font-size:3.5rem;background:linear-gradient(to right,#d4a853,#e5c07b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ai-foundry-container h1{font-size:3rem;margin:0;background:linear-gradient(to right,#d4a853,#e5c07b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.coming-soon{font-size:1.5rem;color:var(--clr-silver);letter-spacing:2px;text-transform:uppercase}.auth-page{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;position:relative;overflow:hidden;background:linear-gradient(135deg,#050810,#0a0f18,#0f1723 60%,#0a0e15)}.auth-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.auth-container{position:relative;z-index:10;width:90%;max-width:450px;padding:20px}.auth-card{background:linear-gradient(165deg,#0f1728f2,#0a0f18fa);border:1px solid rgba(212,168,83,.15);border-radius:20px;padding:40px;box-shadow:0 20px 60px #0006,0 0 40px #d4a8530d,inset 0 1px #ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px 20px}.auth-loading p{color:#ffffffb3;font-size:15px}.auth-icon{width:70px;height:70px;background:linear-gradient(135deg,#d4a85326,#d4a8530d);border:1px solid rgba(212,168,83,.3);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.auth-icon i{font-size:32px;color:#d4a853}.auth-card h2{text-align:center;font-size:26px;font-weight:600;color:#fff;margin-bottom:10px}.auth-subtitle{text-align:center;font-size:14px;color:#fff9;margin-bottom:30px}.auth-input-group{position:relative;margin-bottom:18px}.auth-input-group i{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:18px;color:#fff6;transition:color .25s ease;z-index:2}.auth-input-group input{width:100%;padding:16px 16px 16px 48px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:15px;transition:all .25s ease}.auth-input-group input:focus{outline:none;border-color:#d4a85366;background:#ffffff0d;box-shadow:0 0 0 4px #d4a8531a}.auth-input-group input:focus+i,.auth-input-group:focus-within i{color:#d4a853}.auth-input-group input::placeholder{color:#ffffff59}.auth-message{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;margin-bottom:20px;font-size:14px;line-height:1.5;animation:authMessageSlide .3s ease}@keyframes authMessageSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-message i{font-size:20px;flex-shrink:0}.auth-message.success{background:#4ade801a;border:1px solid rgba(74,222,128,.3);color:#4ade80}.auth-message.error{background:#f871711a;border:1px solid rgba(248,113,113,.3);color:#f87171}.auth-submit-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,#d4a853,#b8924a);border:none;border-radius:12px;color:#1a1a2e;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;margin-top:10px}.auth-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#e0b85f,#d4a853);transform:translateY(-2px);box-shadow:0 8px 30px #d4a85359}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-submit-btn i{font-size:20px}.auth-success{text-align:center;padding:20px 0}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#4ade8026,#4ade800d);border:2px solid rgba(74,222,128,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;animation:successPulse 2s ease-in-out infinite}@keyframes successPulse{0%,to{box-shadow:0 0 #4ade8033}50%{box-shadow:0 0 0 15px #4ade8000}}.success-icon i{font-size:40px;color:#4ade80}.auth-success h2{color:#4ade80;margin-bottom:12px}.auth-success p{color:#ffffffb3;font-size:15px;margin-bottom:8px}.auth-success .success-subtitle{color:#ffffff80;font-size:13px;margin-bottom:24px}.redirect-text{color:#ffffff80!important;font-size:13px!important;margin-bottom:20px!important}.auth-error{text-align:center;padding:20px 0}.error-icon{width:80px;height:80px;background:linear-gradient(135deg,#f8717126,#f871710d);border:2px solid rgba(248,113,113,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.error-icon i{font-size:40px;color:#f87171}.auth-error h2{color:#f87171;margin-bottom:12px}.auth-error p{color:#ffffffb3;font-size:15px;margin-bottom:24px;line-height:1.6}.auth-error-actions{display:flex;flex-direction:column;gap:12px}.auth-link-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;background:linear-gradient(135deg,#d4a853,#b8924a);border:none;border-radius:10px;color:#1a1a2e;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease}.auth-link-btn:hover{background:linear-gradient(135deg,#e0b85f,#d4a853);transform:translateY(-2px);box-shadow:0 8px 25px #d4a8534d}.auth-link-btn.success-btn{background:linear-gradient(135deg,#4ade80,#22c55e);color:#0a1a0f}.auth-link-btn.success-btn:hover{background:linear-gradient(135deg,#5eead4,#4ade80);box-shadow:0 8px 25px #4ade804d}.auth-link-btn.secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3}.auth-link-btn.secondary:hover{background:#ffffff1a;border-color:#fff3;color:#fff;box-shadow:none}.verify-email-page .auth-card{border-color:#4ade8026}@media(max-width:480px){.auth-card{padding:30px 24px}.auth-card h2{font-size:22px}.auth-icon,.success-icon,.error-icon{width:60px;height:60px}.auth-icon i,.success-icon i,.error-icon i{font-size:28px}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--clr-primary) 0%,#1a2332 100%);padding:2rem}.error-boundary-content{max-width:600px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:3rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d}.error-icon{font-size:4rem;color:var(--clr-accent-gold);margin-bottom:1.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.error-boundary-content h1{color:#fff;font-size:2rem;margin-bottom:1rem;font-weight:600}.error-message{color:#fffc;font-size:1.1rem;margin-bottom:2rem;line-height:1.6}.error-details{margin:2rem 0;text-align:left;background:#0000004d;border-radius:8px;padding:1rem}.error-details summary{color:var(--clr-accent-gold);cursor:pointer;font-weight:500;margin-bottom:.5rem;-webkit-user-select:none;user-select:none}.error-details summary:hover{opacity:.8}.error-stack,.component-stack{color:#ff6b6b;font-family:Courier New,monospace;font-size:.85rem;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;margin:.5rem 0;padding:1rem;background:#00000080;border-radius:4px}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.error-actions button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.error-actions .btn-primary{background:var(--clr-accent-gold);color:var(--clr-primary)}.error-actions .btn-primary:hover{background:#e5b964;transform:translateY(-2px);box-shadow:0 4px 12px #d4a8534d}.error-actions .btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.error-actions .btn-secondary:hover{background:#ffffff26;transform:translateY(-2px)}