.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::-moz-selection{background:transparent}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-bottom,.leaflet-top{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078A8}.leaflet-zoom-box{border:2px dotted #38f;background:rgba(255,255,255,.5)}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px rgba(0,0,0,.65);border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:black}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px rgba(0,0,0,.4);background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(/_next/static/media/layers.ef6db872.png);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(/_next/static/media/layers-2x.9859cd12.png);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(/_next/static/media/marker-icon.d577052a.png)}.leaflet-container .leaflet-control-attribution{background:#fff;background:rgba(255,255,255,.8);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;box-sizing:border-box;background:rgba(255,255,255,.8);text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:white;color:#333;box-shadow:0 3px 14px rgba(0,0,0,.4)}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678)}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,.4)}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.app{display:flex;height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#f5f5f5}.sidebar{background:#fff;border:1px solid #ddd;padding:10px;box-sizing:border-box;overflow-y:auto;display:flex;flex-direction:column}.left-sidebar{width:180px;min-width:180px;max-width:180px;overflow-y:auto}.right-sidebar{width:15%;border-left:2px solid #ccc;gap:10px}.center-left-panel{width:15%;gap:10px;border-right:2px solid #ccc}.center-left-panel,.center-right-panel{display:flex;flex-direction:column;padding:10px;box-sizing:border-box;background:#fff;overflow-y:auto}.center-right-panel{flex-grow:1}.columns-rows-container{display:flex;gap:10px;margin-bottom:10px}.slot{min-height:80px;border:2px dashed #bbb;border-radius:6px;padding:8px;background:#fafafa;transition:background-color .2s ease;display:flex;flex-direction:column}.slot.hovered{background-color:#d0f0fd;border-color:#00aaff}.slot-title{font-weight:600;margin-bottom:6px;font-size:15px;color:#333}.slot-placeholder{color:#999;font-style:italic;font-size:13px;margin-top:auto;margin-bottom:auto;text-align:center}.slot-item{background:#e0f7ff;margin:2px 0;padding:4px 6px;border-radius:4px;font-size:14px;display:flex;align-items:center;gap:6px}.fields-list{flex-direction:column;max-height:80vh;overflow-y:auto}.field,.fields-list{display:flex;gap:6px}.field{padding:6px 8px;background:white;border:1px solid #ddd;border-radius:4px;cursor:grab;align-items:center;font-size:14px;transition:background-color .2s ease}.field.dragging{opacity:.5}.icon{font-size:18px}.showme-panel{padding:10px;border:1px solid #ddd;border-radius:6px;background:#f0f8ff;flex-grow:1;display:flex;flex-direction:column}.showme-title{font-weight:700;margin-bottom:8px;font-size:16px;color:#007acc}.chart-options{display:flex;flex-direction:column;gap:6px;overflow-y:auto}.chart-option{padding:8px 10px;background:#007acc;color:white;border:none;border-radius:4px;cursor:pointer;font-size:14px;text-align:left;transition:background-color .2s ease}.chart-option.selected,.chart-option:hover{background:#005fa3}.context-menu{position:absolute;background:white;border:1px solid #ccc;box-shadow:2px 2px 6px rgba(0,0,0,.15);list-style:none;padding:6px 0;margin:0;z-index:1000;width:150px;border-radius:4px}.context-menu li{padding:6px 12px;cursor:pointer;font-size:14px}.context-menu li:hover{background-color:#007acc;color:white}.sheet-visualization{flex-grow:1;border:1px solid #ddd;border-radius:6px;background:#fff;display:flex;flex-direction:column}.sheet-title{font-weight:700;padding:8px 12px;border-bottom:1px solid #ddd;font-size:16px;color:#333}.sheet-chart-area{flex-grow:1;padding:20px;display:flex;justify-content:center;align-items:center}.chart-placeholder{color:#999;font-style:italic;font-size:14px}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table td,.data-table th{border:1px solid #ddd;padding:8px;text-align:left}.data-table th{background-color:#f2f2f2;font-weight:600}.filter-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;z-index:1000}.filter-popup{background:white;border-radius:8px;padding:20px 24px;width:320px;max-width:90vw;box-shadow:0 10px 25px rgba(0,0,0,.2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.filter-popup h3{margin-bottom:16px;font-size:1.25rem;font-weight:600;color:#111827}.filter-popup-buttons{display:flex;justify-content:flex-end;margin-top:20px}.filter-popup-buttons button{background-color:#3b82f6;color:white;border:none;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.filter-popup-buttons button:hover{background-color:#2563eb}.filter-popup-buttons button:last-child{background-color:#e5e7eb;color:#374151;margin-left:12px}.filter-popup-buttons button:last-child:hover{background-color:#d1d5db}.filter-popup select{cursor:pointer}.filter-popup input[type=text],.filter-popup select{border:1px solid #d1d5db;border-radius:6px;padding:6px 8px;font-size:1rem;width:100%;box-sizing:border-box}.relative.w-full.cursor-default.overflow-hidden.rounded-lg.bg-white.text-left.border.border-gray-300.shadow-sm.focus-within\:ring-2.focus-within\:ring-blue-400{border-radius:6px;border:1px solid #d1d5db;box-shadow:none;padding:.5rem 2.5rem .5rem .75rem;font-size:1rem;color:#111827}.relative.w-full.cursor-default.overflow-hidden.rounded-lg.bg-white.text-left.border.border-gray-300.shadow-sm.focus-within\:ring-2.focus-within\:ring-blue-400 input{outline:none}.combobox-options{max-height:240px;overflow-y:auto;border:1px solid #d1d5db;border-radius:6px;background:white;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-top:4px;z-index:1001}.combobox-option{padding:8px 12px;cursor:pointer}.combobox-option:hover,.combobox-option[aria-selected=true]{background-color:#3b82f6;color:white;font-weight:600}.combobox-options::-webkit-scrollbar{width:6px}.combobox-options::-webkit-scrollbar-thumb{background-color:#9ca3af;border-radius:3px}.footer-tabs{position:fixed;bottom:0;left:0;width:100%;background:#f0f0f0;border-top:1px solid #ccc;display:flex;justify-content:center;gap:10px;padding:8px 0;z-index:1000}.footer-tab{background:white;border:1px solid #ccc;padding:6px 12px;cursor:pointer;border-radius:4px;font-weight:500}.footer-tab.active{background:#007bff;color:white;border-color:#007bff}.showme-panel-container{margin:10px 0;padding:8px;border:1px solid #ddd;border-radius:6px;background-color:#fafafa}.window-function-config{background:#f9fafb;border-radius:8px;padding:16px 20px;box-shadow:0 2px 8px rgba(0,0,0,.1);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:320px;margin-top:20px}.window-function-config h4{margin-bottom:12px;font-weight:600;color:#333;font-size:1.1rem;border-bottom:1px solid #ddd;padding-bottom:6px}.window-function-config label{display:block;font-weight:500;margin-bottom:6px;color:#555;font-size:.9rem}.window-function-config select{width:100%;padding:8px 10px;border-radius:6px;border:1px solid #ccc;font-size:.95rem;transition:border-color .3s ease;cursor:pointer}.window-function-config select:focus,.window-function-config select:hover{border-color:#3b82f6;outline:none;box-shadow:0 0 5px rgba(59,130,246,.5)}.window-function-config button{margin-top:14px;background-color:#3b82f6;color:white;border:none;padding:10px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .3s ease;width:100%;font-size:1rem}.window-function-config button:hover{background-color:#2563eb}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background-color:white;padding:24px 28px;border-radius:10px;width:420px;max-width:90%;box-shadow:0 4px 15px rgba(0,0,0,.2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.popup-content h3{margin-bottom:16px;font-weight:700;font-size:1.3rem;color:#222;border-bottom:1px solid #eee;padding-bottom:8px}.popup-content pre{background-color:#f3f4f6;padding:14px 16px;border-radius:6px;font-size:.95rem;color:#1f2937;overflow-x:auto;max-height:220px;white-space:pre-wrap;word-wrap:break-word;box-shadow:inset 0 0 5px rgba(0,0,0,.05)}.popup-content button{margin-top:18px;background-color:#ef4444;color:white;border:none;padding:10px 18px;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .3s ease;width:100%;font-size:1rem}.popup-content button:hover{background-color:#b91c1c}.filter-manager{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;background:#f8f9fa;min-height:100vh}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:white;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.header h1{margin:0;color:#2c3e50;font-size:28px;font-weight:600}.header-actions{display:flex;gap:12px;align-items:center}.btn-refresh{background:#28a745;color:white;border:none;border-radius:6px;padding:8px 12px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-refresh:hover{background:#218838}.btn-create-page{background:#17a2b8;color:white;border:none;border-radius:6px;padding:8px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-create-page:hover{background:#138496}.preview-panel{background:white;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.preview-panel h2{margin:0 0 20px;color:#2c3e50}.preview-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.preview-filter{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid #e1e8ed;border-radius:8px;background:#f8f9fa}.preview-filter label{font-weight:500;color:#2c3e50}.preview-filter input,.preview-filter select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.content{display:grid;grid-template-columns:1fr;gap:20px}.content.link-mode{grid-template-columns:1fr 1fr 1fr}.center-panel,.left-panel,.rightt-panell{background:white;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);height:-moz-fit-content;height:fit-content;max-height:80vh;overflow-y:auto}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e1e8ed}.panel-header h2{margin:0;color:#2c3e50;font-size:20px;font-weight:600}.header-controls{display:flex;gap:8px;align-items:center}.page-name{background:#3498db;color:white;padding:4px 12px;border-radius:20px;font-size:14px;font-weight:500}.filter-form{background:#f8f9fa;border:2px solid #3498db;border-radius:12px;padding:20px;margin-bottom:20px}.filter-form h3{margin:0 0 20px;color:#2c3e50;font-size:18px}.tab-content{min-height:200px}.form-actions{display:flex;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid #e1e8ed}.filter-list{display:flex;flex-direction:column;gap:12px}.filter-item{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #e1e8ed;border-radius:8px;background:white;transition:all .2s;cursor:default}.filter-item:hover{border-color:#3498db;box-shadow:0 2px 8px rgba(52,152,219,.1)}.filter-item.dragging{opacity:.5;transform:rotate(2deg)}.filter-item.inactive{opacity:.6;background:#f8f9fa}.filter-checkbox{margin-top:4px}.filter-info{flex:1}.filter-info h4{margin:0 0 8px;color:#2c3e50;font-size:16px;font-weight:600}.filter-meta{display:flex;gap:8px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.filter-type{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.type-text{background:#e8f5e8;color:#27ae60}.type-number{background:#fff3cd;color:#f39c12}.type-date{background:#d4edda;color:#28a745}.type-select{background:#d1ecf1;color:#17a2b8}.inactive-badge{background:#6c757d}.inactive-badge,.required-badge{color:white;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.required-badge{background:#dc3545}.multi-badge{background:#fd7e14}.api-badge,.multi-badge{color:white;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.api-badge{background:#6f42c1}.filter-description{margin:8px 0;color:#7f8c8d;font-size:14px;line-height:1.4}.filter-details{margin:8px 0;display:flex;flex-direction:column;gap:2px}.filter-details small{color:#6c757d;font-size:12px}.filter-tags{display:flex;gap:4px;flex-wrap:wrap;margin:8px 0}.tag{background:#ecf0f1;color:#2c3e50;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:500}.filter-dates{margin-top:8px;display:flex;flex-direction:column;gap:2px}.filter-dates small{color:#95a5a6;font-size:11px}.filter-actions{display:flex;gap:6px;align-items:flex-start}.drag-hint{display:flex;align-items:center;color:#3498db;font-size:12px;font-weight:500}.linked-filters{display:flex;flex-direction:column;gap:12px}.linked-filter-item{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #e1e8ed;border-radius:8px;background:#f8f9fa}.filter-controls{margin-top:8px}.checkbox-label{display:flex!important;align-items:center;gap:8px;cursor:pointer;margin-bottom:8px}.checkbox-label input[type=\"checkbox\"]{width:auto!important;margin:0}.no-filters,.no-selection{text-align:center;padding:40px 20px;color:#7f8c8d}.no-filters p,.no-selection p{margin:8px 0}.page-list{display:flex;flex-direction:column;gap:12px}.page-item{padding:16px;border:1px solid #e1e8ed;border-radius:8px;background:white;cursor:pointer;transition:all .2s;position:relative}.page-item:hover{border-color:#3498db;box-shadow:0 2px 8px rgba(52,152,219,.1)}.page-item.selected{border-color:#3498db;background:#ebf3fd;box-shadow:0 2px 8px rgba(52,152,219,.2)}.page-item.drop-zone{border-color:#27ae60;background:#d5f4e6;border-style:dashed}.drop-hint{position:absolute;right:16px;top:16px;background:#27ae60;color:white;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600;pointer-events:none}.page-info h4{color:#2c3e50;font-size:16px;font-weight:600}.page-url{color:#7f8c8d;font-size:13px;margin-right:8px}.page-description{color:#95a5a6;font-size:13px;margin:4px 0 0}.page-stats{margin-top:8px;display:flex;gap:8px;align-items:center}.filter-count{background:#e8f5e8;color:#27ae60}.filter-count,.required-count{padding:2px 8px;border-radius:10px;font-size:12px;font-weight:500}.required-count{background:#f8d7da;color:#dc3545}.page-meta{margin-top:8px;display:flex;gap:8px;font-size:12px;color:#6c757d}.layout-badge,.theme-badge{background:#ecf0f1;padding:2px 8px;border-radius:10px;font-weight:600;text-transform:capitalize}.page-actions{position:absolute;top:8px;right:8px;display:flex;gap:6px}.btn-delete-page,.btn-edit-page{background:none;border:none;color:#3498db;font-size:13px;font-weight:600;cursor:pointer;padding:2px 8px;border-radius:6px;transition:background .2s}.btn-edit-page:hover{background:#e8f5e8;color:#27ae60}.btn-delete-page:hover{background:#f8d7da;color:#dc3545}.page-form-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.page-form-modal{background:white;border-radius:12px;width:90%;max-width:900px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;box-shadow:0 2px 12px rgba(0,0,0,.2)}.page-form-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #e1e8ed}.page-form-header h2{margin:0;font-size:24px;color:#2c3e50}.close-btn{background:none;border:none;font-size:28px;cursor:pointer;color:#7f8c8d;transition:color .2s}.close-btn:hover{color:#dc3545}.page-form-content{padding:20px;flex:1;display:flex;flex-direction:column}.page-form-tabs{display:flex;flex-direction:column;height:100%}.tab-nav{display:flex;gap:12px;margin-bottom:20px}.tab-btn{background:#e2e3f1;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.tab-btn.active{background:#6f42c1;color:white}.tab-content{flex:1;overflow-y:auto}.form-group{display:flex;flex-direction:column}.form-group label{color:#2c3e50}.form-group input[type=\"number\"],.form-group input[type=\"text\"],.form-group select,.form-group textarea{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical}.code-textarea{font-family:monospace;background:#f4f4f4;min-height:120px}.table-structure-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.btn-add-column{background:#3498db;color:white;border:none;padding:6px 14px;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s}.btn-add-column:hover{background:#217dbb}.table-columns{display:flex;flex-direction:column;gap:12px}.table-column-item{border:1px solid #ddd;border-radius:8px;padding:12px;background:#fafafa}.column-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.column-number{font-weight:600;color:#7f8c8d}.column-name-input{flex:1;padding:6px 10px;font-size:14px;border:1px solid #ccc;border-radius:6px}.btn-remove-column{background:none;border:none;font-size:20px;color:#dc3545;cursor:pointer;transition:color .2s}.btn-remove-column:hover{color:#a71d2a}.column-settings{display:flex;gap:20px;flex-wrap:wrap}.setting-group{display:flex;flex-direction:column;gap:4px;min-width:120px}.setting-checkboxes{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.components-section{display:flex;gap:20px;height:300px}.component-palette{width:200px;border:1px solid #ddd;border-radius:8px;padding:12px;background:#fafafa;display:flex;flex-direction:column;gap:12px}.component-list{display:flex;flex-direction:column;gap:8px}.component-item{background:white;border:1px solid #ccc;border-radius:6px;padding:8px 12px;cursor:grab;display:flex;align-items:center;gap:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .2s}.component-item:active{cursor:grabbing;background:#e8e8e8}.component-icon{font-size:18px}.page-canvas{flex:1;border:1px solid #ddd;border-radius:8px;background:#fff;position:relative;overflow:auto;padding:12px}.canvas-area{position:relative;width:100%;height:100%;min-height:250px;border:2px dashed #ccc;border-radius:8px;background:#fafafa}.canvas-placeholder{top:50%;left:50%;transform:translate(-50%,-50%);color:#7f8c8d;font-size:14px}.canvas-component,.canvas-placeholder{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.canvas-component{background:white;border:1px solid #3498db;border-radius:6px;padding:8px;box-shadow:0 2px 6px rgba(52,152,219,.3);cursor:move}.component-header{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:14px;margin-bottom:6px}.remove-component-btn{background:none;border:none;color:#dc3545;font-size:18px;cursor:pointer;transition:color .2s}.remove-component-btn:hover{color:#a71d2a}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.setting-group label{cursor:pointer}.page-form-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:2px solid #e1e8ed}.btn-save-page{background:#28a745;color:white;border:none;padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.btn-save-page:hover{background:#218838}.btn-cancel-page{background:#f8d7da;color:#dc3545;border:none;padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.btn-cancel-page:hover{background:#dc3545;color:white}@media (max-width:1200px){.content.link-mode{grid-template-columns:1fr 1fr}.rightt-panell{display:none}}@media (max-width:900px){.content,.content.link-mode{grid-template-columns:1fr}.center-panel,.left-panel,.rightt-panell{max-height:none}}@media (max-width:600px){.center-panel,.header,.left-panel,.preview-panel,.rightt-panell{padding:10px}.panel-header{padding-bottom:8px}}.tab-panel.active{display:block}.dashboard-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(15,23,42,.55);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.dashboard-popup{background:#ffffff;border-radius:16px;width:min(980px,100%);max-height:calc(100vh - 40px);overflow:hidden;box-shadow:0 24px 60px rgba(15,23,42,.22);display:flex;flex-direction:column;border:1px solid #e6ebf3}.dashboard-popup-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid #e8ecf3;background:linear-gradient(180deg,#f8fbff,#ffffff)}.dashboard-popup-title-wrap h2{margin:0;font-size:1.35rem;color:#0f172a}.dashboard-popup-title-wrap p{margin:6px 0 0;color:#56627a;font-size:.92rem}.close-button{background:transparent;border:1px solid #d7deea;border-radius:10px;width:36px;height:36px;font-size:24px;cursor:pointer;line-height:1;color:#334155;transition:all .2s ease}.close-button:hover{background:#f3f6fb;border-color:#c8d2e4}.dashboard-popup-tabs{display:flex;gap:8px;padding:12px 20px;border-bottom:1px solid #e8ecf3;background:#fafcff}.tab-button{flex:1;padding:10px 12px;background:#f7f9fc;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;font-weight:600;font-size:.92rem;color:#334155;transition:all .2s ease}.tab-button:hover{border-color:#c5d3eb;background:#f1f6ff}.tab-button.active{border-color:#3478f6;background:#ebf3ff;color:#0f4fbd;box-shadow:inset 0 0 0 1px rgba(52,120,246,.25)}.dashboard-popup-content{padding:18px 24px 10px;flex-grow:1;min-height:0;overflow-y:auto}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:.86rem;font-weight:600;color:#334155}.form-input,.form-textarea{width:100%;padding:10px 12px;border:1px solid #cdd7e6;border-radius:10px;font-size:14px;font-family:inherit;resize:vertical;color:#0f172a;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus,.form-textarea:focus,.position-input:focus,.size-input:focus{outline:none;border-color:#4f8df8;box-shadow:0 0 0 3px rgba(79,141,248,.2)}.preview-page{box-shadow:0 8px 20px rgba(37,99,235,.2);cursor:default}.preview-pane{box-shadow:0 8px 20px rgba(16,185,129,.22);cursor:default}.preview-loading{color:#64748b;font-size:.86rem}.dashboard-preview-canvas{position:relative;width:100%;height:600px;border:1px solid #d7e2f3;border-radius:12px;background:linear-gradient(180deg,#f8fbff,#f4f7fc);overflow:auto}.pages-selection{display:flex;gap:24px}.pages-list,.selected-pages{flex:1;max-height:300px;overflow-y:auto;border:1px solid #d8e1f0;border-radius:12px;padding:10px;background:#fcfdff}.page-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid #e5ebf5;border-radius:10px;margin-bottom:8px;background:#fff}.page-info h4{margin:0 0 4px;font-size:15px;color:#0f172a}.page-info p{margin:0;font-size:12px;color:#64748b}.page-actions button{background:#2f7bf6;border:none;color:white;padding:6px 12px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600}.page-actions button.btn-remove{background:#dc3545}.pages-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.selected-page-card{border:1px solid #d8e1f0;border-radius:10px;padding:10px;width:240px;display:flex;flex-direction:column;background:#ffffff}.page-card-header{display:flex;justify-content:space-between;align-items:center}.remove-page-btn{background:transparent;border:none;font-size:18px;cursor:pointer;color:#dc3545;line-height:1}.page-card-content{margin-top:8px}.position-controls,.size-controls{display:flex;gap:12px;margin-top:8px}.control-group{flex:1;display:flex;flex-direction:column}.position-input,.size-input{padding:6px 8px;font-size:14px;border:1px solid #cfd9e8;border-radius:8px}.pane-creation{max-width:400px}.btn-add-pane,.btn-cancel,.btn-create{padding:9px 16px;border:none;border-radius:9px;cursor:pointer;font-weight:600;margin-top:12px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.btn-add-pane:hover,.btn-cancel:hover,.btn-create:hover{transform:translateY(-1px)}.btn-add-pane{background-color:#16a34a;color:white;box-shadow:0 6px 14px rgba(22,163,74,.24)}.btn-create{background-color:#2563eb;color:white;margin-left:8px;box-shadow:0 6px 14px rgba(37,99,235,.24)}.btn-cancel{background-color:#64748b;color:white}.created-panes{margin-top:16px}.panes-list{border:1px solid #d8e1f0;border-radius:10px;max-height:200px;overflow-y:auto;padding:10px;background:#fbfdff}.pane-item{border:1px solid #e6edf6;border-radius:10px;padding:10px;margin-bottom:8px;background:#ffffff}.pane-header{display:flex;justify-content:space-between;align-items:center}.remove-pane-btn{background:transparent;border:none;font-size:18px;cursor:pointer;color:#dc3545;line-height:1}.pane-content{font-size:14px;color:#334155;margin-top:4px}.pane-dimensions{font-size:12px;color:#64748b;margin-top:4px}.dashboard-popup-footer{border-top:1px solid #e8ecf3;padding:14px 24px 18px;display:flex;justify-content:flex-end;gap:8px;background:#ffffff}@media (max-width:920px){.dashboard-popup{width:100%;border-radius:12px}.dashboard-popup-tabs{flex-wrap:wrap}.tab-button{flex:1 1 calc(50% - 8px)}.pages-selection{flex-direction:column}}