html,body,#root{height:100%;margin:0;padding:0}:root{--brand-color: #033a17;--brand-gradient: linear-gradient(135deg, #055a24 0%, #033a17 100%)}.container{display:flex;min-height:100vh}.login-section{flex:1;padding:0 40px;background:#fff;display:flex;align-items:center;justify-content:center}.login-form{width:100%;max-width:400px;margin:0 auto;padding:20px}.blue-section{flex:1;background:var(--brand-gradient);position:relative;border-top-right-radius:30px;border-bottom-right-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;box-sizing:border-box}.logo{max-width:80%;height:auto;object-fit:contain;display:block;margin:0 auto}.corporate-link{display:block;color:#fff!important;text-decoration:none;font-size:16px;font-weight:500;letter-spacing:1px;text-transform:uppercase;padding:15px 30px;border:2px solid rgba(255,255,255,.9);border-radius:12px;transition:all .3s ease;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 15px #0000001a;text-align:center;white-space:nowrap;margin-top:60px}.corporate-link:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 6px 20px #00000026;border-color:#fff;color:#fff!important}@media(max-width:768px){.container{flex-direction:column-reverse}.blue-section{border-radius:0;padding:40px 20px;min-height:200px}.login-section{padding:20px}.login-form{margin:40px auto}.logo{max-width:60%}.corporate-link{font-size:14px;padding:12px 24px;margin-top:30px}}.custom-chip-list .e-chip-list{background:transparent!important;border:none!important;padding:0!important}.custom-chip-list .e-chip{background:#ffffff1a!important;border:none!important;color:#fff!important;margin:0 2px!important;border-radius:12px!important;height:40px!important;min-width:40px!important;padding:0 12px!important;font-weight:600!important;transition:all .2s ease!important}.custom-chip-list .e-chip:hover{background:#fff3!important;transform:translateY(-1px)!important}.custom-chip-list .e-chip.e-active{background:#ffffffe6!important;color:#2d3748!important;box-shadow:0 4px 6px #0000001a!important}.custom-chip-list .e-chip .e-chip-text{display:none!important}.custom-chip-list .e-chip .e-leading-icon{margin:0!important;font-size:18px!important}.brand-gradient{background:linear-gradient(45deg,#8b4513,#654321,#3d2914,#654321,#8b4513);background-size:200% 100%;animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.professional-navbar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.horizon-card{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.interactive-element{transition:all .2s cubic-bezier(.4,0,.2,1)}.interactive-element:hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a}.gradient-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-secondary{background:linear-gradient(135deg,#f093fb,#f5576c)}.gradient-accent{background:linear-gradient(135deg,#4facfe,#00f2fe)}.brand-text{font-family:Aparaj,Inter,system-ui,sans-serif;letter-spacing:.05em;text-shadow:0 2px 4px rgba(0,0,0,.3)}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media(max-width:768px){.brand-text{font-size:1.25rem!important}.custom-chip-list .e-chip{min-width:36px!important;height:36px!important}}.custom-chip-list .e-chip:focus{outline:2px solid #4299e1;outline-offset:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .3s ease-out}@media(prefers-contrast:high){.custom-chip-list .e-chip{border:2px solid currentColor!important}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.ol-zoom{position:absolute!important;top:.5em!important;left:.5em!important;z-index:1000!important;pointer-events:auto!important}.ol-zoom button{pointer-events:auto!important;cursor:pointer!important;background:#fff6!important;border:none!important;border-radius:2px!important;color:#000!important;font-size:1.14em!important;font-weight:700!important;height:1.375em!important;width:1.375em!important;margin:1px!important;padding:0!important;display:block!important;text-align:center!important;line-height:1.375em!important}.ol-zoom button:hover{background:#fff9!important}.ol-zoom button:focus{background:#fff9!important;outline:none!important}.ol-zoom button:active{background:#fffc!important}.ol-control{position:absolute!important;pointer-events:auto!important;background:#fff6!important;border-radius:4px!important}.ol-viewport{pointer-events:auto!important;position:relative!important;width:100%!important;height:100%!important}.chakra-box .ol-viewport{touch-action:auto!important}.chakra-box canvas{pointer-events:auto!important}.ol-attribution{bottom:.5em!important;right:.5em!important;max-width:calc(100% - 1.3em)!important}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.unified-layout{display:grid;grid-template-areas:"top" "layers" "main" "bottom";grid-template-rows:auto auto 1fr auto;height:100dvh;overflow:hidden}.chrome-top{grid-area:top}.chrome-layer-controls{grid-area:layers;display:none}.core-content{grid-area:main;overflow:hidden;position:relative;display:grid;grid-template:1fr / 1fr}.chrome-bottom{grid-area:bottom}.desktop-only{display:none}.mobile-only{display:block}.core-singleton{grid-row:1;grid-column:1;display:none;height:100%;width:100%;overflow:auto}[data-mobile-view=menu] .core-singleton[data-core=menu]{display:block}[data-mobile-view=map] .core-singleton[data-core=map]{display:flex;flex-direction:column;width:100%!important}[data-mobile-view=map] .core-singleton[data-core=map] .map-content{flex:1;min-height:0;overflow:hidden;width:100%}[data-mobile-view=observation-form] .core-singleton[data-core=observation-form]{display:block}[data-mobile-view=dashboard] .core-singleton[data-core=dashboard],[data-mobile-view=dashboard-tab] .core-singleton[data-core=dashboard]{display:block;width:100%!important}[data-mobile-view=messages] .core-singleton[data-core=messages],[data-mobile-view=map] .chrome-layer-controls{display:block}@media(min-width:1024px){.unified-layout{grid-template-areas:"top" "main";grid-template-rows:auto 1fr;padding-top:80px}.chrome-layer-controls,.mobile-only{display:none}.desktop-only{display:block}.core-content{display:flex;align-items:flex-start}.core-singleton.mobile-only{display:none!important}.core-singleton[data-core=map]:not(.mobile-only){display:flex;flex-direction:column;height:100%}.core-singleton[data-core=map] .layer-controls-desktop{flex-shrink:0}.core-singleton[data-core=map] .map-content{flex:1;overflow:hidden}.core-singleton[data-core=dashboard]:not(.mobile-only){display:block;height:100%;overflow:hidden}.unified-layout[data-layout=sections-only] .core-singleton[data-core=map]{display:none!important}.unified-layout[data-layout=sections-only] .core-singleton[data-core=dashboard]{width:100%}.unified-layout[data-layout=sections-only] .chrome-layer-controls{display:none!important}}.ui-atmosphere{width:100%;height:100%}@media(max-width:1023px){.core-singleton[style*="display: none"]{visibility:hidden;pointer-events:none}}.unified-layout[data-loading=true] .core-content{display:flex;align-items:center;justify-content:center}.dashboard-app{min-height:100vh;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;text-align:center;box-shadow:0 4px 6px #0000001a}.dashboard-header h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.dashboard-header p{margin:0;font-size:1.1rem;opacity:.9}.dashboard-header code{background:#fff3;padding:.2rem .4rem;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.dashboard-main{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.status-panel{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 10px #0000001a;border:1px solid #e1e5e9}.status-panel h2{margin:0 0 1.5rem;color:#2d3748;font-size:1.8rem}.test-section{margin-bottom:2rem;padding:1.5rem;background:#f8fafc;border-radius:8px;border-left:4px solid #4299e1}.test-section h3{margin:0 0 1rem;color:#2d3748;font-size:1.3rem}.test-section p{margin:.5rem 0;color:#4a5568;line-height:1.6}.test-section code{background:#e2e8f0;padding:.2rem .4rem;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem}.status-indicator{display:inline-block;padding:.5rem 1rem;border-radius:6px;font-weight:600;text-transform:uppercase;font-size:.9rem;margin-bottom:1rem}.status-indicator.loading{background:#fed7d7;color:#c53030}.status-indicator.success{background:#c6f6d5;color:#22543d}.status-indicator.error{background:#fed7d7;color:#c53030}.api-result{margin-top:1rem;background:#fff;padding:1rem;border-radius:6px;border:1px solid #e2e8f0}.api-result h4{margin:0 0 .5rem;color:#2d3748;font-size:1rem}.api-result pre{background:#f7fafc;padding:1rem;border-radius:4px;overflow-x:auto;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.4;color:#2d3748;margin:0}.dashboard-nav{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 10px #0000001a;border:1px solid #e1e5e9}.dashboard-nav h3{margin:0 0 1rem;color:#2d3748;font-size:1.3rem}.dashboard-nav ul{list-style:none;padding:0;margin:0;display:flex;gap:1rem;flex-wrap:wrap}.dashboard-nav li{margin:0}.dashboard-nav a{display:inline-block;padding:.75rem 1.5rem;background:#4299e1;color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:background-color .2s}.dashboard-nav a:hover{background:#3182ce}.dashboard-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 10px #0000001a;border:1px solid #e1e5e9}.dashboard-content h2{margin:0 0 1rem;color:#2d3748;font-size:1.8rem}.dashboard-content p{margin:.5rem 0;color:#4a5568;line-height:1.6}.dashboard-content code{background:#e2e8f0;padding:.2rem .4rem;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem}.next-steps{margin-top:2rem;padding:1.5rem;background:#f0fff4;border-radius:8px;border-left:4px solid #38a169}.next-steps h3{margin:0 0 1rem;color:#22543d;font-size:1.3rem}.next-steps ul{margin:0;padding-left:1.5rem}.next-steps li{margin:.5rem 0;color:#2f855a;line-height:1.6}.test-button{background:#4299e1;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s;margin:1rem 0}.test-button:hover{background:#3182ce}.dashboard-footer{background:#2d3748;color:#fff;text-align:center;padding:1.5rem;margin-top:auto}.dashboard-footer p{margin:0;opacity:.8}@media(max-width:768px){.dashboard-header{padding:1.5rem}.dashboard-header h1{font-size:2rem}.dashboard-main{padding:1rem}.status-panel,.dashboard-nav,.dashboard-content{padding:1.5rem}.dashboard-nav ul{flex-direction:column;gap:.5rem}.dashboard-nav a{text-align:center}}