body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}#root,body,html{height:100%;overflow:hidden}.shadow-analysis{background:#0000;border-radius:0;display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100%;overflow:visible;padding:20px}.analysis-header{margin-bottom:24px}.analysis-header h2{color:#fff;font-size:20px;font-weight:600;margin:0 0 8px}.analysis-placeholder{align-items:center;display:flex;flex-direction:column;justify-content:center}.placeholder-icon{margin-bottom:16px;opacity:.7}.analysis-placeholder p{color:#fff;margin:0 0 8px}.analysis-content{display:flex;flex-direction:column;gap:24px}.analysis-controls{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding:20px}.date-selector{align-items:center;display:flex;gap:8px}.date-selector label{color:#fff;font-weight:600;white-space:nowrap}.date-selector input[type=date]{background:#ffffffe6;border:1px solid #ffffff4d;border-radius:6px;color:#2c3e50;font-size:14px;min-width:150px;padding:8px 12px}.analysis-type-selector{align-items:center;display:flex;gap:8px}.analysis-type-selector label{color:#fff;font-weight:600;white-space:nowrap}.analysis-type-selector select{background:#ffffffe6;border:1px solid #ffffff4d;border-radius:6px;color:#2c3e50;font-size:14px;min-width:120px;padding:8px 12px}.export-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.export-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s}.export-btn.primary{background:#3498db;color:#fff}.export-btn.primary:hover{background:#2980b9;transform:translateY(-1px)}.export-btn.secondary{background:#95a5a6;color:#fff}.export-btn.secondary:hover{background:#7f8c8d;transform:translateY(-1px)}.analysis-summary{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;margin-bottom:20px;padding:20px}.analysis-summary h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 16px}.summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{align-items:center;background:#ffffff1a;border-left:4px solid #3498db;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .3s ease}.summary-item:hover{background:#ffffff26;transform:translateX(2px)}.summary-label{color:#fffc;font-size:14px;font-weight:500}.summary-value{color:#fff;font-size:16px;font-weight:600}.chart-section{margin-bottom:20px}.chart-header{justify-content:space-between;margin-bottom:20px}.chart-header,.chart-header h3{align-items:center;display:flex}.chart-header h3{color:#fff;font-size:16px;font-weight:600;gap:8px;margin:0}.chart-controls{display:flex;gap:8px}.chart-toggle-btn{background:#ecf0f1;border:none;border-radius:4px;color:#2c3e50;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .3s}.chart-toggle-btn:hover{background:#bdc3c7;transform:translateY(-1px)}.chart-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.chart-box{background:#0003;border:1px solid #ffffff4d;border-radius:8px;padding:16px}.chart-box h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 12px}.simple-chart{background:#ffffffe6;border:1px solid #ffffff4d;border-radius:6px;height:200px;overflow:hidden;width:100%}.simple-chart svg{height:100%;width:100%}.detailed-schedule{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;margin-bottom:20px;padding:20px}.detailed-schedule h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 16px}.schedule-table{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;max-height:400px;overflow-y:auto}.schedule-table::-webkit-scrollbar{width:8px}.schedule-table::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.schedule-table::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.schedule-table::-webkit-scrollbar-thumb:hover{background:#ffffff80}.schedule-header{grid-gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #fff3;color:#2c3e50;display:grid;font-weight:600;gap:8px;grid-template-columns:80px 1fr 1fr 1fr 1fr;min-height:56px;padding:16px 12px;position:sticky;top:0;z-index:10}.schedule-header.comparison{grid-template-columns:100px 80px 1fr 1fr 1fr 1fr}.schedule-row{grid-gap:8px;border-bottom:1px solid #ffffff1a;color:#fff;display:grid;gap:8px;grid-template-columns:80px 1fr 1fr 1fr 1fr;padding:10px 12px;transition:background .2s ease}.schedule-row.comparison{grid-template-columns:100px 80px 1fr 1fr 1fr 1fr}.schedule-row:hover{background:#ffffff1a}.schedule-col{align-items:center;display:flex;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schedule-header .schedule-col{color:#2c3e50;font-weight:600;justify-content:center;line-height:1.2;overflow:visible;text-align:center;text-overflow:clip;white-space:normal;word-break:keep-all}.building-analysis{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;margin-bottom:20px;padding:20px}.building-analysis h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 16px}.building-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.building-analysis-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;padding:16px;transition:all .3s ease}.building-analysis-card:hover{background:#ffffff26;box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.building-card-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.building-color-dot{border:2px solid #fff;box-shadow:0 1px 3px #0000004d}.building-card-header h4{color:#fff;font-size:14px;font-weight:600;margin:0}.building-stats{display:flex;flex-direction:column;gap:8px}.stat-item{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;padding:8px 0}.stat-item:last-child{border-bottom:none}.stat-label{color:#fffc;font-size:13px;font-weight:500}.stat-value{color:#fff;font-size:13px;font-weight:600}.comparison-section{background:#0003;border:1px solid #ffffff4d;border-radius:8px;margin-top:20px;padding:16px}.comparison-section h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 12px}.comparison-info{margin-bottom:16px}.comparison-info p{color:#fffc;font-size:13px;line-height:1.4;margin:0}.comparison-dates{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.comparison-date-item{background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;padding:12px;text-align:center;transition:all .3s ease}.comparison-date-item:hover{background:#ffffff26;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.date-label{color:#fff;font-size:14px;font-weight:600;margin-bottom:4px}.date-value{color:#ffffffb3;font-size:11px}@media (max-width:768px){.shadow-analysis{min-height:100%;padding:15px}.analysis-controls{align-items:stretch;flex-direction:column;gap:16px;padding:16px}.export-controls{justify-content:center;margin-left:0}.export-controls .export-btn{flex:1 1}.chart-header{align-items:stretch;flex-direction:column;gap:12px}.chart-controls{justify-content:center}.chart-container,.summary-grid{grid-template-columns:1fr}.schedule-header,.schedule-row{font-size:12px;grid-template-columns:60px 1fr 1fr 1fr 1fr}.schedule-col{padding:2px}.building-cards{grid-template-columns:1fr}.comparison-dates{gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width:480px){.analysis-header h2{font-size:20px}.placeholder-icon{font-size:36px}.analysis-placeholder p{font-size:16px}.schedule-header,.schedule-row{font-size:11px;grid-template-columns:50px 1fr 1fr 1fr 1fr}.summary-item{padding:8px 12px}.chart-box{padding:12px}}.analysis-content>*{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.analysis-loading{align-items:center;background:#fff;border-radius:8px;display:flex;justify-content:center;padding:40px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-top-color:#3498db;height:40px;width:40px}.chart-loading{align-items:center;background:#0003;border:2px dashed #ffffff4d;border-radius:8px;display:flex;justify-content:center;margin:20px 0;padding:60px 20px}.chart-loading-content{max-width:300px;text-align:center}.loading-icon{animation:pulse 2s infinite;font-size:48px;margin-bottom:16px}.chart-loading-content p{color:#fff;font-size:14px;font-weight:600;margin:0 0 8px}.chart-loading-content small{color:#ffffffb3;font-size:12px;line-height:1.4}.tabbed-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 15px 35px #0000004d;display:flex;flex-direction:column;height:calc(100vh - 40px);overflow:hidden;position:fixed;right:20px;top:20px;width:420px;z-index:1000}.tab-header{background:#ffffff1a;border-bottom:1px solid #fff3;border-radius:15px 15px 0 0;display:flex}.tab-button{align-items:center;background:#0000;border:none;color:#ffffffb3;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;min-width:0;padding:15px 8px;position:relative;transition:all .3s ease}.tab-button:first-child{border-radius:15px 0 0 0}.tab-button:last-child{border-radius:0 15px 0 0}.tab-button:nth-child(2):not(:last-child){border-radius:0}.tab-button.active{background:#fff3;box-shadow:inset 0 2px 4px #ffffff1a;color:#fff}.tab-button:hover:not(.active){background:#ffffff1a;color:#ffffffe6}.tab-icon{font-size:16px}.tab-text{font-weight:600;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-badge{background:#ff6b6b;border-radius:10px;box-shadow:0 2px 4px #0003;color:#fff;font-size:11px;font-weight:700;min-width:18px;padding:2px 6px;text-align:center}.tab-content{flex:1 1}.buildings-tab,.tab-content{display:flex;flex-direction:column;overflow:hidden}.buildings-tab{height:100%}.buildings-header{align-items:flex-start;background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;gap:15px;justify-content:space-between;padding:20px 20px 15px}.buildings-header-info{flex:1 1;min-width:0}.buildings-header h2{color:#fff;font-size:18px;font-weight:600;margin:0 0 5px}.buildings-count{color:#fffc;font-size:13px;margin:0}.share-btn{align-items:center;background:linear-gradient(135deg,#4ecdc4,#44a08d);border:none;border-radius:8px;box-shadow:0 3px 8px #4ecdc44d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:600;gap:4px;padding:8px 12px;transition:all .3s ease;white-space:nowrap}.share-btn:hover{background:linear-gradient(135deg,#45b7d1,#3a8b7a);box-shadow:0 4px 12px #4ecdc466;transform:translateY(-1px)}.share-btn:active{transform:translateY(0)}.buildings-list{flex:1 1;overflow-y:auto;padding:15px;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.buildings-list::-webkit-scrollbar{width:6px}.buildings-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.buildings-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.buildings-list::-webkit-scrollbar-thumb:hover{background:#ffffff80}.empty-state{align-items:center;color:#fffc;display:flex;flex-direction:column;height:200px;justify-content:center;text-align:center}.empty-icon{font-size:48px;margin-bottom:15px;opacity:.6}.empty-text p{font-size:16px;font-weight:500;margin:0 0 5px}.empty-text small{color:#fff9;font-size:13px}.drawing-guide{background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;margin-top:20px;max-width:280px;padding:15px;width:100%}.guide-title{color:#4ecdc4;font-size:14px;font-weight:600;margin-bottom:12px;text-align:center}.guide-steps{display:flex;flex-direction:column;gap:8px}.guide-step{background:#ffffff0d;border-radius:8px;gap:10px;padding:8px 10px;text-align:left}.guide-step,.step-number{align-items:center;display:flex}.step-number{background:linear-gradient(135deg,#4ecdc4,#44a08d);border-radius:50%;color:#fff;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.step-text{color:#ffffffe6;flex:1 1;font-size:12px;line-height:1.4}.building-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;margin-bottom:12px;padding:15px;transition:all .3s ease}.building-card:hover{background:#ffffff26;box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.building-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.building-info{flex:1 1}.building-title{align-items:center;color:#fff;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 5px}.building-color-dot{border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 1px 3px #0003;height:12px;width:12px}.building-address{color:#fffc;font-size:12px;line-height:1.4;margin:0;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.building-type{color:#4ecdc4;font-size:10px;font-style:italic;font-weight:500;margin:3px 0 0}.remove-btn{align-items:center;background:#ff4757cc;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:28px;justify-content:center;transition:all .2s ease;width:28px}.remove-btn:hover{background:#ff4757;transform:scale(1.1)}.building-properties{display:flex;gap:15px;margin-bottom:12px;padding:8px 0}.property{align-items:center;display:flex;font-size:12px;gap:5px}.property-label{color:#ffffffb3;font-weight:500}.property-value{background:#ffffff1a;border-radius:4px;min-width:35px;padding:2px 6px;text-align:center}.edit-btn,.property-value{color:#fff;font-weight:600}.edit-btn{align-items:center;background:linear-gradient(45deg,#5352ed,#3742fa);border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;gap:5px;justify-content:center;padding:8px 12px;transition:all .3s ease;width:100%}.edit-btn:hover{background:linear-gradient(45deg,#3742fa,#2f3542);box-shadow:0 3px 10px #5352ed4d;transform:translateY(-1px)}.buildings-help{background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;margin-top:10px;padding:12px}.buildings-help p{color:gold;font-size:13px;font-weight:600;margin:0 0 8px}.buildings-help ul{list-style:none;margin:0;padding:0 0 0 16px}.buildings-help li{color:#fffc;font-size:11px;line-height:1.4;margin-bottom:4px;position:relative}.buildings-help li:before{color:#4ecdc4;content:"▸";font-weight:700;left:-12px;position:absolute}.simulation-tab{height:100%;overflow:hidden}.simulation-tab .shadow-simulation-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border-radius:0;box-shadow:none;height:100%;max-height:none;position:static;right:auto;top:auto;width:100%}.simulation-tab .panel-header{display:none}.simulation-tab .panel-content{height:100%;overflow-y:auto;padding:20px}.analysis-tab{display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.analysis-tab::-webkit-scrollbar{width:6px}.analysis-tab::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.analysis-tab::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.analysis-tab::-webkit-scrollbar-thumb:hover{background:#ffffff80}.mobile-drag-handle{background:#fffffff2;border-radius:20px 20px 0 0;box-shadow:0 -2px 10px #0000001a;cursor:pointer;display:none;padding:8px 0;text-align:center;-webkit-user-select:none;user-select:none}.mobile-drag-handle:active{background:#f0f0f0f2}.drag-indicator{background:#ccc;border-radius:2px;height:4px;margin:0 auto 4px;transition:background .2s ease;width:40px}.drag-text{color:#666;font-size:12px;font-weight:500}.mobile-drag-handle:hover .drag-indicator{background:#999}@media (max-width:768px){.tabbed-panel{-webkit-overflow-scrolling:touch;border-radius:20px 20px 0 0;bottom:0;box-shadow:0 -5px 20px #00000026;left:0;position:fixed;right:0;top:auto;touch-action:pan-y;transition:transform .3s ease,height .3s ease;-webkit-user-select:none;user-select:none;width:100%;z-index:1000}.tabbed-panel.collapsed{height:auto;transform:translateY(calc(100% - 70px))}.tabbed-panel.expanded{height:70vh;transform:translateY(0)}.mobile-drag-handle{display:block}.tab-header{background:#fffffff2;border-radius:0;padding-top:0}.tabbed-panel.collapsed .tab-content{display:none}.tabbed-panel.expanded .tab-content{display:block;max-height:calc(70vh - 140px);overflow-y:auto}.compass-container{bottom:80px!important;right:15px!important}.tab-button{font-size:13px;padding:12px 8px}.tab-text{display:none}.tab-icon{font-size:18px}.building-card{padding:12px}.building-title{font-size:14px}.building-address{font-size:11px}}.analysis-tab,.buildings-tab,.simulation-tab{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-button.active:after{background:linear-gradient(90deg,#ff6b6b,#4ecdc4);border-radius:2px 2px 0 0;bottom:0;content:"";height:3px;left:20%;position:absolute;right:20%}.tab-button:not(.active):before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:inherit;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.tab-button:not(.active):hover:before{opacity:1}.language-toggle{left:20px;position:fixed;top:50px;z-index:1001}.language-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:2px solid #007bff;border-radius:25px;box-shadow:0 4px 16px #007bff4d;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:80px;padding:10px 15px;transition:all .3s ease}.language-button:hover{background:#fff;border-color:#007bff;box-shadow:0 6px 16px #007bff33;transform:translateY(-2px)}.language-button:active{box-shadow:0 2px 8px #0000001a;transform:translateY(0)}.language-icon{font-size:18px;line-height:1}.language-text{font-size:12px;font-weight:700;letter-spacing:.5px;min-width:20px;text-align:center;text-transform:uppercase}@media (max-width:768px){.language-toggle{left:75px;right:auto;top:20px;transform:none;z-index:1002}.language-button{font-size:10px;height:28px;min-width:50px;padding:4px 8px}.language-icon{font-size:12px}.language-text{font-size:8px}}@media (prefers-color-scheme:dark){.language-button{background:#282828f2;border-color:#555;color:#e0e0e0}.language-button:hover{background:#323232;border-color:#007bff}}.App{display:flex;flex-direction:column;height:100vh}.App-header{background-color:#1976d2;box-shadow:0 2px 4px #0000001a;color:#fff;padding:20px;text-align:center;transition:all .3s ease;z-index:1000}.App-header h1{font-size:2rem;margin:0 0 10px}.App-header p{margin:0;opacity:.9}.App-main{display:flex;flex:1 1;overflow:hidden}.App-map{flex:1 1;height:100%}.App-sidebar{background-color:#fff;border-left:1px solid #e0e0e0;display:flex;flex-direction:column;width:350px}.App-controls{background-color:#f8f9fa;border-top:1px solid #e0e0e0;padding:16px;z-index:100}.loading-spinner{align-items:center;display:flex;height:100%;justify-content:center}.drawing-instruction-mobile{animation:pulse 2s infinite!important}@media (max-width:768px){.drawing-instruction-mobile{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;border:2px solid #ffffff4d;box-shadow:0 8px 32px #ff6b6b99!important}}.compass-container{bottom:80px;position:absolute;right:420px;z-index:1000}.compass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:3px solid #2196f3;border-radius:50%;box-shadow:0 4px 15px #0003;height:80px;justify-content:center;width:80px}.compass,.compass-needle{align-items:center;display:flex;position:relative}.compass-needle{flex-direction:column;transform:rotate(0deg)}.north-pointer{color:#d32f2f;font-size:14px;font-weight:700;margin-bottom:2px}.arrow{color:#d32f2f;font-size:20px;text-shadow:0 1px 2px #0000004d}.compass-directions{height:100%;position:absolute;width:100%}.direction{color:#333;font-size:10px;font-weight:700;position:absolute}.direction.north{color:#d32f2f;left:50%;top:8px;transform:translateX(-50%)}.direction.east{right:12px;top:50%;transform:translateY(-50%)}.direction.south{bottom:8px;left:50%;transform:translateX(-50%)}.direction.west{left:12px;top:50%;transform:translateY(-50%)}.App-map{-webkit-overflow-scrolling:touch;touch-action:manipulation}@media (max-width:768px){.App-header{padding:8px 15px}.App-header h1{font-size:1.2rem;margin:0 0 3px}.App-header p{font-size:12px;margin:0;opacity:.9}.App-main{flex-direction:column}.App-sidebar{-webkit-overflow-scrolling:touch;border-left:none;border-top:1px solid #e0e0e0;height:35%;overflow-y:auto;scrollbar-width:thin;width:100%}.App-map{-webkit-touch-callout:none;height:65%;touch-action:pan-x pan-y pinch-zoom;-webkit-user-select:none;user-select:none}.compass-container{bottom:110px;right:15px}.compass{border-width:2px;height:60px;width:60px}.north-pointer{font-size:11px}.arrow{font-size:16px}.direction{font-size:8px}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.shadow-simulation-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 10px 30px #0000004d;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-height:80vh;overflow-y:auto;position:absolute;right:20px;top:20px;width:400px;z-index:1000}.panel-header{background:#ffffff1a;border-bottom:1px solid #fff3;border-radius:15px 15px 0 0;padding:15px 20px}.panel-header h3{font-size:18px;font-weight:600;margin:0;text-align:center;text-shadow:0 2px 4px #0000004d}.panel-content{padding:20px}.control-group{margin-bottom:15px}.control-group.disabled{opacity:.5;pointer-events:none}.control-group label{color:#f8f9fa;display:block;font-size:14px;font-weight:500;margin-bottom:5px}.control-group input[type=date],.control-group input[type=time]{background:#ffffffe6;border:none;border-radius:8px;color:#333;font-size:14px;padding:8px 12px;transition:all .3s ease;width:100%}.control-group input[type=date]:focus,.control-group input[type=time]:focus{background:#fff;box-shadow:0 0 0 3px #667eea4d;outline:none}.control-group input[type=range]{-webkit-appearance:none;background:#ffffff4d;border-radius:3px;height:6px;outline:none;width:100%}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:pointer;height:18px;-webkit-transition:all .3s ease;transition:all .3s ease;width:18px}.control-group input[type=range]::-webkit-slider-thumb:hover{background:#f0f0f0;transform:scale(1.2)}.building-status{margin-bottom:25px;text-align:center}.status-message{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:12px;display:flex;padding:15px 20px;transition:all .3s ease}.status-message.active{animation:activeGlow 2s ease-in-out infinite alternate;background:#4ecdc433;border:2px solid #4ecdc480}.status-icon{flex-shrink:0;font-size:24px;margin-right:15px}.status-text{flex-grow:1;text-align:left}.status-text p{color:#fff;font-size:14px;font-weight:600;margin:0 0 4px}.status-text small{color:#fffc;font-size:12px;font-style:italic;line-height:1.3}@keyframes activeGlow{0%{box-shadow:0 4px 15px #4ecdc433}to{box-shadow:0 4px 15px #4ecdc466}}.settings-note{background:#ffffff1a;border-left:4px solid #4ecdc4cc;border-radius:8px;margin-top:15px;padding:10px 15px}.settings-note p{color:#ffffffe6;font-size:12px;line-height:1.4;margin:0}.quick-time-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:20px}.quick-btn{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;transition:all .3s ease}.quick-btn:hover:not(:disabled){background:#ffffff4d;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.quick-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.quick-time-buttons.disabled{opacity:.5;pointer-events:none}.solar-info,.sun-times{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;margin-bottom:15px;padding:15px}.solar-info h4,.sun-times h4{color:gold;font-size:14px;font-weight:600;margin:0 0 10px;text-shadow:0 1px 3px #0000004d}.info-row{align-items:center;display:flex;font-size:13px;justify-content:space-between;margin-bottom:8px}.info-row:last-child{margin-bottom:0}.info-row span:first-child{color:#e9ecef;font-weight:500}.info-row span:last-child{background:#ffffff1a;border-radius:4px;color:#fff;font-weight:600;padding:2px 8px}.location-info{background:#2196f326;border:2px solid #2196f34d;border-radius:10px;margin-bottom:15px;padding:15px}.location-info h4{color:#64b5f6;font-size:14px;font-weight:600;margin:0 0 10px;text-shadow:0 1px 3px #0000004d}.location-note{background:#2196f31a;border-radius:6px;margin-top:10px;padding:8px;text-align:center}.location-note small{color:#90caf9;font-style:italic;font-weight:500}.negative-value{animation:negativeGlow 1.5s ease-in-out infinite alternate;background:#ff572233!important;color:#ff5722!important;font-weight:700!important}@keyframes negativeGlow{0%{box-shadow:0 0 8px #ff57224d}to{box-shadow:0 0 12px #ff572280}}.warning-note{background:#ffc10733;border:1px solid #ffc10766;border-radius:6px;margin-top:10px;padding:8px 12px;text-align:center}.warning-note small{color:#ffeb3b;font-weight:600;text-shadow:0 1px 2px #0000004d}.animation-controls{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;margin-bottom:15px;padding:15px}.animation-controls h4{color:#ff6b6b;font-size:14px;font-weight:600;margin:0 0 10px;text-shadow:0 1px 3px #0000004d}.control-row{margin-bottom:15px}.animation-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px;text-transform:uppercase;transition:all .3s ease;width:100%}.animation-btn.play{background:linear-gradient(45deg,#4caf50,#45a049);box-shadow:0 4px 15px #4caf504d;color:#fff}.animation-btn.stop{background:linear-gradient(45deg,#f44336,#da190b);box-shadow:0 4px 15px #f443364d;color:#fff}.animation-btn:hover:not(:disabled){box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.animation-btn:disabled{background:#95a5a6!important;cursor:not-allowed;opacity:.5;transform:none}.animation-controls.disabled{opacity:.5;pointer-events:none}.manual-progress-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin:15px 0;padding:12px}.manual-progress-container .progress-label{color:#ffffffe6;display:block;font-size:12px;font-weight:500;margin-bottom:8px}.manual-progress-slider{appearance:none;background:linear-gradient(90deg,#667eea 0,#4ecdc4 25%,#ffd93d 50%,#ff9f43 75%,#764ba2);border-radius:4px;box-shadow:inset 0 1px 3px #0003;cursor:pointer;height:8px;margin-bottom:8px;outline:none;transition:all .3s ease;width:100%}.manual-progress-slider:hover{box-shadow:inset 0 1px 3px #0003,0 0 10px #667eea4d;transform:scale(1.02)}.manual-progress-slider::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg,#fff,#f0f0f0);border:3px solid #4caf50;border-radius:50%;box-shadow:0 2px 6px #0000004d,0 0 0 2px #fffc;cursor:pointer;height:20px;-webkit-transition:all .3s ease;transition:all .3s ease;width:20px}.manual-progress-slider::-webkit-slider-thumb:hover{border-color:#45a049;box-shadow:0 3px 8px #0006,0 0 0 3px #ffffffe6,0 0 15px #4caf5080;transform:scale(1.15)}.manual-progress-slider::-moz-range-thumb{background:linear-gradient(135deg,#fff,#f0f0f0);border:3px solid #4caf50;border-radius:50%;box-shadow:0 2px 6px #0000004d,0 0 0 2px #fffc;cursor:pointer;height:20px;-moz-transition:all .3s ease;transition:all .3s ease;width:20px}.manual-progress-slider::-moz-range-thumb:hover{border-color:#45a049;box-shadow:0 3px 8px #0006,0 0 0 3px #ffffffe6,0 0 15px #4caf5080;transform:scale(1.15)}.manual-progress-slider:disabled{background:#fff3;box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.manual-progress-slider:disabled::-webkit-slider-thumb{background:#bdc3c7;border-color:#95a5a6;box-shadow:none;cursor:not-allowed;transform:none}.manual-progress-slider:disabled::-moz-range-thumb{background:#bdc3c7;border-color:#95a5a6;box-shadow:none;cursor:not-allowed;transform:none}.manual-progress-info{align-items:center;color:#fffc;display:flex;font-size:11px;justify-content:space-between}.manual-progress-info span:first-child{color:#4caf50;font-weight:600}.manual-progress-info span:last-child{color:#ffffffb3;font-style:italic}.animation-progress{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin:15px 0;padding:10px}.progress-bar{background:#fff3;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.progress-fill{animation:progressGlow 2s ease-in-out infinite;background:linear-gradient(90deg,#ff6b6b,#ffd93d,#6bcf7f);border-radius:4px;height:100%;transition:width .3s ease}@keyframes progressGlow{0%,to{box-shadow:0 0 8px #ff6b6b4d}50%{box-shadow:0 0 16px #ffd93d80}}.progress-text{color:#fffffff2;font-size:14px;font-weight:600;margin-bottom:4px;text-align:center}.progress-detail{color:#fffc;font-size:11px;font-weight:400;line-height:1.3;text-align:center}.animation-status{background:#ffffff0d;border-radius:6px;font-size:12px;margin-top:10px;padding:8px;text-align:center}.status-active{animation:blink 1.5s ease-in-out infinite;color:#4ecdc4;font-weight:600}.status-idle{color:#ffffffb3;font-weight:500}@keyframes blink{0%,50%{opacity:1}to{opacity:.6}}.display-settings{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;margin-bottom:15px;padding:15px}.display-settings h4{color:#4ecdc4;font-size:14px;font-weight:600;margin:0 0 15px;text-shadow:0 1px 3px #0000004d}.checkbox-group{margin-bottom:12px}.checkbox-group label{align-items:center;color:#f8f9fa;cursor:pointer;display:flex;font-size:13px;font-weight:500;margin-bottom:0}.checkbox-group input[type=checkbox]{accent-color:#4ecdc4;cursor:pointer;height:18px;margin-right:10px;width:18px}.shadow-merge-settings{background:#4caf501a;border:1px solid #4caf504d;border-radius:8px;margin:15px 0;padding:12px}.shadow-merge-settings h5{color:#4caf50;font-size:13px;font-weight:600;margin:0 0 10px;text-shadow:0 1px 3px #0000004d}.shadow-merge-settings .control-group{margin:10px 0}.shadow-merge-settings .control-group label{color:#ffffffe6;font-size:12px;font-weight:500;margin-bottom:6px}.shadow-merge-settings input[type=range]{-webkit-appearance:none;background:#fff3;border-radius:3px;height:6px;margin:8px 0;outline:none;width:100%}.shadow-merge-settings input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#4caf50;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:16px;-webkit-transition:all .3s ease;transition:all .3s ease;width:16px}.shadow-merge-settings input[type=range]::-webkit-slider-thumb:hover{background:#45a049;box-shadow:0 2px 6px #0006;transform:scale(1.1)}.range-labels{display:flex;justify-content:space-between;margin-top:4px}.range-labels small{color:#ffffffb3;font-size:10px;font-style:italic}.merge-help{background:#ffffff0d;border-radius:6px;margin-top:10px;padding:8px;text-align:center}.merge-help small{color:#fffc;font-weight:500;line-height:1.3}.seasonal-comparison{background:#ffffff1a;border:1px solid #fff3}.seasonal-comparison h4{color:#ff9f43;margin:0 0 15px;text-shadow:0 1px 3px #0000004d}.feature-btn{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;font-size:13px;font-weight:500;margin-bottom:8px;width:100%}.feature-btn:last-child{margin-bottom:0}.feature-btn:hover{background:#ffffff4d;box-shadow:0 3px 10px #0003;transform:translateY(-1px)}.feature-btn:disabled{opacity:.5;transform:none}.shadow-simulation-panel::-webkit-scrollbar{width:6px}.shadow-simulation-panel::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.shadow-simulation-panel::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.shadow-simulation-panel::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width:768px){.shadow-simulation-panel{left:5%;max-height:70vh;right:5%;width:90%}.quick-time-buttons{gap:5px;grid-template-columns:1fr 1fr 1fr 1fr}.quick-btn{font-size:11px;padding:6px 8px}}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.shadow-simulation-panel{animation:slideIn .5s ease-out}.control-group:hover{transform:translateY(-1px);transition:transform .2s ease}.animation-controls:hover,.display-settings:hover,.seasonal-comparison:hover,.solar-info:hover,.sun-times:hover{background:#ffffff26;transition:background .3s ease}.control-group input:focus{transform:scale(1.02);transition:transform .2s ease}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-left:10px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.panel-header:before{background:linear-gradient(45deg,#0000,#ffffff1a,#0000);border-radius:15px 15px 0 0;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.shadow-simulation-panel{box-shadow:0 10px 30px #0000004d,0 0 0 1px #ffffff1a,inset 0 1px 0 #fff3}.shadow-3d-info{background:linear-gradient(135deg,#2c3e50,#34495e);border:1px solid #3498db;border-radius:8px;box-shadow:0 2px 8px #3498db33;color:#ecf0f1;font-size:12px;margin:10px 0;padding:12px}.shadow-3d-info h4{align-items:center;color:#3498db;display:flex;font-size:13px;font-weight:600;gap:6px;margin:0 0 8px}.shadow-3d-info ul{list-style-type:none;margin:0;padding-left:16px}.shadow-3d-info li{margin:4px 0;padding-left:16px;position:relative}.shadow-3d-info li:before{color:#27ae60;content:"✓";font-weight:700;left:0;position:absolute}.shadow-feature-new{background:linear-gradient(90deg,#e74c3c,#c0392b);border-radius:4px;box-shadow:0 1px 3px #e74c3c4d;color:#fff;font-size:9px;font-weight:700;margin-left:4px;padding:2px 6px;text-transform:uppercase}.shadow-mode-indicator{align-items:center;background:linear-gradient(135deg,#34495e,#2c3e50);border-left:3px solid #3498db;border-radius:6px;color:#ecf0f1;display:flex;font-size:11px;gap:8px;margin:8px 0;padding:8px 10px}.shadow-mode-indicator .mode-icon{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:50%;color:#fff;display:flex;font-size:8px;font-weight:700;height:16px;justify-content:center;width:16px}.shadow-mode-text{flex:1 1;font-weight:500}.shadow-mode-badge{background:linear-gradient(90deg,#27ae60,#2ecc71);border-radius:10px;color:#fff;font-size:9px;font-weight:700;padding:2px 6px;text-transform:uppercase}.seasonal-comparison{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #5a67d8;border-radius:10px;margin-top:20px;padding:15px}.seasonal-comparison h4{color:#fff;font-size:14px;font-weight:600;margin-bottom:15px}.feature-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin:5px;padding:10px 15px;transition:all .3s ease}.feature-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#667eea);box-shadow:0 4px 8px #0000004d;transform:translateY(-1px)}.feature-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.feature-btn.reset-btn{background:linear-gradient(135deg,#ef4444,#dc2626);margin-top:10px}.feature-btn.reset-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.seasonal-info{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;margin-top:15px;padding:12px}.seasonal-info p{color:#fff;font-size:13px;margin:0 0 8px}.seasonal-info small{color:#fffc;font-size:11px;line-height:1.4}.seasonal-navigation{background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;gap:15px;margin:15px 0 10px;padding:15px}.nav-btn,.seasonal-navigation{align-items:center;display:flex;justify-content:center}.nav-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:50%;box-shadow:0 3px 6px #0003;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:40px;transition:all .3s ease;width:40px}.nav-btn:hover{background:linear-gradient(135deg,#3730a3,#5b21b6);box-shadow:0 5px 12px #0000004d;transform:translateY(-2px)}.nav-btn:active{box-shadow:0 2px 4px #0000004d;transform:translateY(0)}.current-date-display{background:#ffffffe6;border:2px solid #ffffff80;border-radius:20px;box-shadow:inset 0 2px 4px #0000001a;color:#1f2937;flex:1 1;font-size:14px;font-weight:600;min-width:180px;padding:12px 20px;text-align:center}.prev-btn{background:linear-gradient(135deg,#059669,#10b981)!important}.prev-btn:hover{background:linear-gradient(135deg,#047857,#059669)!important}.next-btn{background:linear-gradient(135deg,#dc2626,#ef4444)!important}.next-btn:hover{background:linear-gradient(135deg,#b91c1c,#dc2626)!important}@media (max-width:768px){.seasonal-navigation{gap:10px;padding:10px}.nav-btn{font-size:14px;height:35px;width:35px}.current-date-display{font-size:12px;min-width:140px;padding:10px 15px}}.tab-headers{border-bottom:2px solid #fff3;display:flex;margin-bottom:0;padding:0}.tab-btn{background:#ffffff1a;border:none;border-radius:0;color:#ffffffb3;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:15px 20px;position:relative;transition:all .3s ease}.tab-btn:first-child{border-top-left-radius:8px}.tab-btn:last-child{border-top-right-radius:8px}.tab-btn:hover{background:#ffffff26;color:#ffffffe6}.tab-btn.active{box-shadow:0 2px 8px #4f46e54d;color:#fff}.tab-btn.active,.tab-btn.active:after{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.tab-btn.active:after{bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.analysis-content{padding:0}.analysis-header{margin-bottom:25px;text-align:center}.analysis-header h4{color:#e8f4fd;font-size:18px;margin-bottom:8px}.analysis-header p{color:#fffc;font-size:14px;margin:0}.analysis-placeholder{background:#ffffff1a;border:2px dashed #ffffff4d;border-radius:12px;padding:60px 20px;text-align:center}.placeholder-icon{font-size:48px;margin-bottom:15px}.analysis-placeholder p{color:#e8f4fd;font-size:16px;font-weight:600;margin-bottom:8px}.analysis-placeholder small{color:#ffffffb3;font-size:12px}.analysis-charts{display:flex;flex-direction:column;gap:25px}.chart-section{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:20px}.chart-section h5{align-items:center;color:#e8f4fd;display:flex;font-size:16px;gap:8px;margin:0 0 15px}.chart-placeholder{background:#0003;border:1px dashed #ffffff4d;border-radius:8px;padding:40px 20px;text-align:center}.chart-placeholder p{color:#f39c12;font-weight:600;margin-bottom:8px}.chart-placeholder small{color:#ffffffb3;font-size:12px}.shadow-schedule{display:flex;flex-direction:column;gap:12px}.schedule-item{align-items:center;background:#ffffff1a;border-left:4px solid;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.schedule-item:first-child{border-left-color:#f39c12}.schedule-item:nth-child(2){border-left-color:#e74c3c}.schedule-item:nth-child(3){border-left-color:#9b59b6}.schedule-item .time{color:#e8f4fd;font-size:14px;font-weight:600}.schedule-item .event{color:#fffc;font-size:13px}@media (max-width:768px){.tab-btn{font-size:12px;padding:12px 15px}.analysis-charts{gap:20px}.chart-section{padding:15px}.analysis-placeholder{padding:40px 15px}.placeholder-icon{font-size:36px}}
/*# sourceMappingURL=main.a6648f8c.css.map*/