.grid-stack{position:relative}.grid-stack-rtl{direction:ltr}.grid-stack-rtl>.grid-stack-item{direction:rtl}.grid-stack-placeholder>.placeholder-content{background-color:#0000001a;margin:0;position:absolute;width:auto;z-index:0!important}.grid-stack>.grid-stack-item{position:absolute;padding:0}.grid-stack>.grid-stack-item>.grid-stack-item-content{margin:0;position:absolute;width:auto;overflow-x:hidden;overflow-y:auto}.grid-stack>.grid-stack-item.size-to-content:not(.size-to-content-max)>.grid-stack-item-content{overflow-y:hidden}.grid-stack-item>.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle{display:none}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 20 20"><path d="m10 3 2 2H8l2-2v14l-2-2h4l-2 2"/></svg>');background-repeat:no-repeat;background-position:center}.grid-stack-item>.ui-resizable-ne{transform:translateY(10px) rotate(45deg)}.grid-stack-item>.ui-resizable-sw{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-nw{transform:translateY(10px) rotate(-45deg)}.grid-stack-item>.ui-resizable-se{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;top:0}.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:0;left:25px;right:25px}.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;top:0}.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;top:15px;bottom:15px}.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px}.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:0;right:25px}.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px}.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;top:15px;bottom:15px}.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important}.grid-stack-item.ui-draggable-dragging{will-change:left,top;cursor:move}.grid-stack-item.ui-resizable-resizing{will-change:width,height}.ui-draggable-dragging,.ui-resizable-resizing{z-index:10000}.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content{box-shadow:1px 4px 6px #0003;opacity:.8}.grid-stack-animate,.grid-stack-animate .grid-stack-item{transition:left .3s,top .3s,height .3s,width .3s}.grid-stack-animate .grid-stack-item.grid-stack-placeholder,.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack-animate .grid-stack-item.ui-resizable-resizing{transition:left 0s,top 0s,height 0s,width 0s}.grid-stack>.grid-stack-item[gs-y="0"]{top:0}.grid-stack>.grid-stack-item[gs-x="0"]{left:0}.gs-12>.grid-stack-item{width:8.333%}.gs-12>.grid-stack-item[gs-x="1"]{left:8.333%}.gs-12>.grid-stack-item[gs-w="2"]{width:16.667%}.gs-12>.grid-stack-item[gs-x="2"]{left:16.667%}.gs-12>.grid-stack-item[gs-w="3"]{width:25%}.gs-12>.grid-stack-item[gs-x="3"]{left:25%}.gs-12>.grid-stack-item[gs-w="4"]{width:33.333%}.gs-12>.grid-stack-item[gs-x="4"]{left:33.333%}.gs-12>.grid-stack-item[gs-w="5"]{width:41.667%}.gs-12>.grid-stack-item[gs-x="5"]{left:41.667%}.gs-12>.grid-stack-item[gs-w="6"]{width:50%}.gs-12>.grid-stack-item[gs-x="6"]{left:50%}.gs-12>.grid-stack-item[gs-w="7"]{width:58.333%}.gs-12>.grid-stack-item[gs-x="7"]{left:58.333%}.gs-12>.grid-stack-item[gs-w="8"]{width:66.667%}.gs-12>.grid-stack-item[gs-x="8"]{left:66.667%}.gs-12>.grid-stack-item[gs-w="9"]{width:75%}.gs-12>.grid-stack-item[gs-x="9"]{left:75%}.gs-12>.grid-stack-item[gs-w="10"]{width:83.333%}.gs-12>.grid-stack-item[gs-x="10"]{left:83.333%}.gs-12>.grid-stack-item[gs-w="11"]{width:91.667%}.gs-12>.grid-stack-item[gs-x="11"]{left:91.667%}.gs-12>.grid-stack-item[gs-w="12"]{width:100%}.gs-1>.grid-stack-item{width:100%}.admin-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:200}.admin-dialog{background:var(--color-card, #fff);border-radius:12px;box-shadow:0 8px 32px var(--color-shadow, rgba(0,0,0,.18));max-height:90vh;overflow-y:auto}.admin-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--color-border, #e5e7eb)}.admin-dialog-body{padding:18px;display:flex;flex-direction:column;gap:12px}.admin-form-label{display:block;font-size:12px;font-weight:600;margin-bottom:4px}.admin-delete-confirm{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--color-danger, #e74c3c)}.admin-empty{text-align:center;padding:32px 16px}.admin-error{color:var(--color-danger, #e74c3c);font-size:12px;margin-top:4px}.gis-manager{display:flex;flex-direction:column;height:100%}.gis-tabs{display:flex;gap:0;background:var(--color-card);border-bottom:1px solid var(--color-border);padding:0 16px;flex-shrink:0}.gis-tab{padding:10px 18px;font-size:13px;font-weight:600;cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;color:var(--color-tab-text);white-space:nowrap;transition:color .15s,border-color .15s}.gis-tab:hover{color:var(--color-tab-active)}.gis-tab.active{color:var(--color-tab-active);border-bottom-color:var(--color-tab-active)}.gis-tab .pill{margin-left:6px;font-size:11px}.gis-tab-content{flex:1;overflow-y:auto;padding:20px 24px}.gis-summary{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:20px;padding:14px 18px;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px}.gis-summary-item{display:flex;flex-direction:column;gap:2px}.gis-summary-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-tab-text)}.gis-summary-value{font-size:18px;font-weight:700;color:var(--color-text)}.gis-empty{text-align:center;padding:60px 20px;color:var(--color-tab-text)}.gis-empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.gis-empty h3{margin:0 0 8px;font-size:16px;color:var(--color-text)}.gis-empty p{font-size:13px;max-width:400px;margin:0 auto 16px}.gis-load-error{display:flex;align-items:center;gap:8px;padding:8px 14px;margin-bottom:12px;background:var(--color-bg, #fff3cd);border:1px solid var(--color-border);border-left:3px solid var(--color-danger, #e74c3c);border-radius:6px;font-size:12px;color:var(--color-text)}.gis-denied{text-align:center;padding:60px 20px}.geo-upload{margin-bottom:20px}.geo-upload-zone{border:2px dashed var(--color-border);border-radius:10px;padding:36px 24px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;background:var(--color-card)}.geo-upload-zone:hover,.geo-upload-zone.drag-over{border-color:var(--color-tab-active);background:color-mix(in srgb,var(--color-tab-active) 6%,transparent)}.geo-upload-icon{font-size:36px;margin-bottom:8px;opacity:.6}.geo-upload-status{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600}.geo-upload-spinner{display:inline-block;width:18px;height:18px;border:2.5px solid var(--color-border);border-top-color:var(--color-tab-active);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.geo-upload-error{margin-top:10px;padding:8px 14px;background:#b000201a;color:#b00020;border-radius:6px;font-size:13px;font-weight:600}.inspection-panel{padding:16px 20px;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;margin-bottom:20px}.inspection-title{margin:0 0 14px;font-size:15px;font-weight:700}.inspection-loading,.inspection-error{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 0;text-align:center}.inspection-loading{flex-direction:row;justify-content:center}.inspection-meta{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--color-border)}.inspection-meta-item{display:flex;flex-direction:column;gap:2px}.inspection-meta-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-tab-text)}.inspection-meta-value{font-size:14px;font-weight:600;color:var(--color-text)}.inspection-fields h5,.inspection-sample h5{margin:0 0 8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-tab-text)}.inspection-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:14px}.inspection-table th{text-align:left;padding:6px 10px;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-tab-text);border-bottom:1px solid var(--color-border)}.inspection-table td{padding:5px 10px;border-bottom:1px solid color-mix(in srgb,var(--color-border) 50%,transparent)}.inspection-table code{font-size:12px;background:color-mix(in srgb,var(--color-border) 30%,transparent);padding:1px 5px;border-radius:3px}.inspection-sample-scroll{max-height:200px;overflow:auto;border:1px solid var(--color-border);border-radius:6px;margin-bottom:14px}.inspection-sample-scroll .inspection-table{margin-bottom:0}.inspection-actions{display:flex;gap:10px;margin-top:6px}.layers-tab{display:flex;flex-direction:column;gap:0}.layers-flow-panel{margin-bottom:20px}.layers-flow-header{padding:8px 0;font-size:13px;font-weight:600;color:var(--color-tab-text)}.layers-flow-file{font-family:inherit}.layers-flow-status,.layers-flow-success,.layers-flow-error{display:flex;align-items:center;gap:14px;padding:20px;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px}.layers-flow-success{border-color:#2e7d32;background:#2e7d321a}.layers-flow-error{border-color:#b00020;background:#b000201a}.layer-list{margin-top:4px}.layer-list-title{margin:0 0 10px;font-size:14px;font-weight:700}.layer-table{width:100%;border-collapse:collapse;font-size:13px;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.layer-table th{text-align:left;padding:8px 12px;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-tab-text);background:color-mix(in srgb,var(--color-border) 20%,transparent);border-bottom:1px solid var(--color-border)}.layer-table td{padding:8px 12px;border-bottom:1px solid color-mix(in srgb,var(--color-border) 50%,transparent)}.layer-table tr:last-child td{border-bottom:none}.layer-name-clickable{cursor:pointer;font-weight:600;border-bottom:1px dashed transparent;transition:border-color .15s}.layer-name-clickable:hover{border-bottom-color:var(--color-tab-active);color:var(--color-tab-active)}.layer-edit-inline{display:flex;align-items:center;gap:4px}.layer-edit-input{padding:3px 8px;font-size:13px;font-weight:600;border:1px solid var(--color-tab-active);border-radius:4px;background:var(--color-card);color:var(--color-text);outline:none;min-width:160px}.layer-actions{display:flex;gap:4px}.btn-icon{border:none;background:none;cursor:pointer;padding:4px 6px;border-radius:4px;font-size:14px;transition:background .15s}.btn-icon:hover{background:color-mix(in srgb,var(--color-border) 50%,transparent)}.btn-icon.danger:hover{background:#b000201a}.btn-icon:disabled{opacity:.4;cursor:not-allowed}.sharing-tab{display:flex;flex-direction:column;gap:16px}.sharing-intro{padding:0 2px;font-size:13px;color:var(--color-tab-text)}.sharing-intro strong{color:var(--color-text)}.sharing-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px 0;font-weight:600}.sharing-error{text-align:center;padding:32px 0}.mapviews-tab{display:flex;flex-direction:column;gap:16px}.mapviews-toolbar{display:flex;gap:10px}.mapview-list{display:flex;flex-direction:column;gap:10px}.mapview-card{padding:14px 18px;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;transition:border-color .15s}.mapview-card.default{border-color:var(--color-tab-active)}.mapview-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.mapview-card-title{display:flex;align-items:center;gap:8px;font-size:14px}.mapview-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 7px;border-radius:4px}.mapview-badge.default{background:var(--color-tab-active);color:#fff}.mapview-badge.auto{background:color-mix(in srgb,var(--color-border) 50%,transparent);color:var(--color-tab-text)}.mapview-card-actions{display:flex;gap:6px;align-items:center}.btn.small,.btn.secondary.small{font-size:12px;padding:4px 10px}.mapview-card-desc{margin:6px 0 0;font-size:13px}.mapview-card-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:12px}.mapview-status.ok{color:#2e7d32}.mapview-status.missing{color:#e65100}.mapview-meta-file{font-family:monospace;font-size:11px}.mapview-create-form{padding:16px 20px;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px}.mapview-create-form h4{margin:0 0 14px;font-size:15px}.mapview-form-row{margin-bottom:12px}.mapview-form-row label{display:block;font-size:12px;font-weight:600;margin-bottom:4px;color:var(--color-tab-text)}.mapview-form-row input[type=text]{width:100%;max-width:400px;padding:7px 10px;font-size:13px;border:1px solid var(--color-border);border-radius:5px;background:var(--color-card);color:var(--color-text);outline:none}.mapview-form-row input[type=text]:focus{border-color:var(--color-tab-active)}.mapview-form-row.checkbox label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;cursor:pointer}.mapview-form-layers{margin-bottom:14px}.mapview-form-layers>label{display:block;font-size:12px;font-weight:600;margin-bottom:6px;color:var(--color-tab-text)}.mapview-layer-checks{display:flex;flex-direction:column;gap:4px;padding:8px 12px;background:color-mix(in srgb,var(--color-border) 15%,transparent);border-radius:6px;max-height:180px;overflow-y:auto}.mapview-layer-check{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}.mapview-form-actions{display:flex;gap:10px;margin-top:6px}.history-tab{display:flex;flex-direction:column;gap:12px}.history-toolbar{display:flex;align-items:center;justify-content:space-between}.history-table{width:100%;border-collapse:collapse;font-size:13px}.history-table thead th{text-align:left;padding:8px 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-tab-text);border-bottom:2px solid var(--color-border)}.history-table tbody tr.history-row{cursor:pointer;transition:background .1s}.history-table tbody tr.history-row:hover{background:color-mix(in srgb,var(--color-border) 20%,transparent)}.history-table td{padding:8px 10px;border-bottom:1px solid var(--color-border);vertical-align:middle}.history-filename{font-weight:500;word-break:break-all;max-width:300px}.history-size,.history-layers{white-space:nowrap}.history-time{white-space:nowrap;color:var(--color-tab-text)}.history-expand{text-align:center;color:var(--color-tab-text);font-size:11px}.history-status{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;white-space:nowrap}.history-status.completed{color:#2e7d32}.history-status.failed{color:#c62828}.history-status.pending,.history-status.importing,.history-status.running{color:#e65100}.history-row.failed td{background:color-mix(in srgb,#c62828 5%,transparent)}.history-detail-row td{padding:0!important;border-bottom:1px solid var(--color-border)}.import-detail{padding:14px 18px;background:color-mix(in srgb,var(--color-border) 10%,transparent)}.import-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px 24px}.import-detail-item{display:flex;flex-direction:column;gap:2px}.import-detail-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--color-tab-text)}.import-detail-mono{font-family:monospace;font-size:12px}.import-detail-error{margin-top:12px;padding:10px 14px;background:color-mix(in srgb,#c62828 8%,transparent);border:1px solid color-mix(in srgb,#c62828 20%,transparent);border-radius:6px;font-size:13px;color:#c62828}:root,:host{--ol-background-color: white;--ol-accent-background-color: #F5F5F5;--ol-subtle-background-color: rgba(128, 128, 128, .25);--ol-partial-background-color: rgba(255, 255, 255, .75);--ol-foreground-color: #333333;--ol-subtle-foreground-color: #666666;--ol-brand-color: #00AAFF}.ol-box{box-sizing:border-box;border-radius:2px;border:1.5px solid var(--ol-background-color);background-color:var(--ol-partial-background-color)}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);border-top:none;color:var(--ol-foreground-color);font-size:10px;text-align:center;margin:1px;will-change:contents,width;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{width:1px;height:15px;background-color:var(--ol-foreground-color);float:right;z-index:10}.ol-scale-step-text{position:absolute;bottom:-5px;font-size:10px;z-index:11;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-text{position:absolute;font-size:12px;text-align:center;bottom:25px;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-singlebar{position:relative;height:10px;z-index:9;box-sizing:border-box;border:1px solid var(--ol-foreground-color)}.ol-scale-singlebar-even{background-color:var(--ol-subtle-foreground-color)}.ol-scale-singlebar-odd{background-color:var(--ol-background-color)}.ol-unsupported{display:none}.ol-viewport,.ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-viewport canvas{all:unset;overflow:hidden}.ol-viewport{touch-action:pan-x pan-y}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.ol-control{position:absolute;background-color:var(--ol-subtle-background-color);border-radius:4px}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}.ol-control button{display:block;margin:1px;padding:0;color:var(--ol-subtle-foreground-color);font-weight:700;text-decoration:none;font-size:inherit;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:var(--ol-background-color);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:hover,.ol-control button:focus{text-decoration:none;outline:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em);display:flex;flex-flow:row-reverse;align-items:center}.ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.ol-attribution ul{margin:0;padding:1px .5em;color:var(--ol-foreground-color);text-shadow:0 0 2px var(--ol-background-color);font-size:12px}.ol-attribution li{display:inline;list-style:none}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:var(--ol-partial-background-color)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);height:150px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:0;left:0;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:var(--ol-subtle-background-color)}.ol-overviewmap-box{border:1.5px dotted var(--ol-subtle-foreground-color)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}.ol-overviewmap .ol-viewport:hover{cursor:pointer}.map-view-container{width:100%;height:100%;position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius, 6px)}.map-view-canvas{width:100%;height:100%;flex:1}.map-view-empty,.map-view-loading,.map-view-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;color:var(--text-muted, #888);font-size:13px;padding:24px;text-align:center}.map-view-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;height:auto;background:rgba(var(--bg-rgb, 255, 255, 255),.88);border-radius:var(--radius, 6px);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.map-view-empty-icon{font-size:32px;opacity:.5}.map-view-spinner{width:24px;height:24px;border:3px solid var(--border, #ccc);border-top-color:var(--primary, #2563eb);border-radius:50%;animation:map-spin .8s linear infinite}.map-view-canvas .ol-scale-line{background:#00000080;border-radius:3px;padding:2px;bottom:8px;left:8px}.map-view-canvas .ol-scale-line-inner{border-color:#fff;color:#fff;font-size:11px}.map-view-canvas .ol-attribution{font-size:10px}.map-view-canvas .ol-zoom{top:8px;left:8px}.map-view-canvas .ol-zoom button{width:28px;height:28px;font-size:16px;background:var(--surface, #fff);color:var(--text, #333);border:1px solid var(--border, #ccc);cursor:pointer}.map-view-canvas .ol-zoom button:hover{background:var(--surface-hover, #f0f0f0)}.map-panel-toggle{display:flex;align-items:center;gap:4px;background:none;border:none;padding:4px 6px;cursor:pointer;font-size:11px;color:var(--text-muted, #888);white-space:nowrap}.map-panel-toggle:hover{color:var(--text, #333)}.map-panel-toggle-icon{font-size:9px}.map-panel-toggle-label{font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.map-layer-tree{position:absolute;top:8px;left:8px;z-index:10;background:var(--surface, #fff);border:1px solid var(--border, #ddd);border-radius:6px;box-shadow:0 2px 8px #0000001f;max-height:calc(100% - 16px);display:flex;flex-direction:column;overflow:hidden;min-width:28px}.map-layer-tree.collapsed{max-height:none}.map-layer-tree-body{padding:4px 8px 8px;overflow-y:auto;max-height:300px}.map-layer-tree-actions{display:flex;justify-content:flex-end;margin-bottom:4px}.map-layer-action-btn{background:none;border:none;font-size:10px;color:var(--primary, #2563eb);cursor:pointer;padding:2px 4px}.map-layer-action-btn:hover{text-decoration:underline}.map-layer-list{display:flex;flex-direction:column;gap:2px}.map-layer-item{display:flex;align-items:center;gap:6px;font-size:12px;padding:2px 0;cursor:pointer}.map-layer-item input[type=checkbox]{margin:0}.map-layer-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.map-layer-geom-icon{flex-shrink:0;font-size:10px;color:var(--primary, #2563eb);width:14px;text-align:center}.map-layer-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #888);padding:6px 0 2px;border-top:1px solid var(--border, #eee);margin-top:4px}.map-layer-section-title:first-child{border-top:none;margin-top:0;padding-top:0}.map-layer-group{margin-bottom:2px}.map-layer-group-header{display:flex;align-items:center;gap:5px;width:100%;padding:3px 0;background:none;border:none;cursor:pointer;font-size:11px;font-weight:600;color:var(--text, #222);text-align:left}.map-layer-group-header:hover{color:var(--primary, #3b82f6)}.map-layer-group-toggle{font-size:9px;color:var(--muted, #888);flex-shrink:0;width:10px}.map-layer-group-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-layer-group-body{padding-left:10px;border-left:2px solid var(--border, #e2e8f0);margin-left:4px}.map-layer-opacity{margin-top:8px;padding-top:6px;border-top:1px solid var(--border, #eee)}.map-layer-opacity-label{font-size:10px;color:var(--text-muted, #888);display:block;margin-bottom:2px}.map-layer-opacity-slider{width:100%;height:4px;cursor:pointer}.map-layer-item-group{display:flex;flex-direction:column}.map-layer-opacity-row{display:flex;align-items:center;gap:4px;padding:0 4px 4px 22px}.map-layer-opacity-slider-inline{flex:1;height:3px;cursor:pointer;accent-color:var(--primary, #3b82f6)}.map-layer-opacity-pct{font-size:9px;color:var(--text-muted, #888);width:26px;text-align:right;flex-shrink:0}.map-layer-drag-handle{font-size:13px;color:var(--text-muted, #aaa);cursor:grab;padding-right:2px;flex-shrink:0;-webkit-user-select:none;user-select:none}.map-layer-drag-handle:active{cursor:grabbing}.map-layer-item-group[draggable=true]:hover{background:var(--surface-hover, rgba(0,0,0,.04));border-radius:4px}.map-layer-download-row{display:flex;gap:4px;padding:2px 4px 4px 22px}.map-layer-download-btn{background:none;border:1px solid var(--border, #e0e0e0);border-radius:4px;padding:1px 6px;font-size:10px;color:var(--primary, #3b82f6);cursor:pointer;text-decoration:none;line-height:1.5}.map-layer-download-btn:hover{background:var(--primary-faint, rgba(59,130,246,.08))}.map-layer-search-row{display:flex;align-items:center;gap:4px;padding:6px 8px 4px}.map-layer-search-input{flex:1;min-width:0;padding:3px 6px;font-size:11px;border:1px solid var(--border, #ddd);border-radius:4px;background:var(--surface, #fff);color:var(--text, #222);outline:none}.map-layer-search-input:focus{border-color:var(--primary, #3b82f6)}.map-layer-search-clear{flex-shrink:0;padding:2px 5px;font-size:11px;background:none;border:1px solid var(--border, #ddd);border-radius:4px;cursor:pointer;color:var(--muted, #888);line-height:1}.map-layer-search-clear:hover{background:var(--surface-hover, #f3f4f6);color:var(--text, #222)}.map-layer-no-results{padding:6px 8px;font-size:11px;color:var(--muted, #888);font-style:italic}.map-clp-row{display:flex;align-items:center;gap:5px;font-size:12px;padding:2px 0;min-width:0}.map-clp-legend-toggle{flex-shrink:0;width:14px;height:14px;padding:0;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;font-size:8px;color:var(--text-muted, #888);line-height:1}.map-clp-legend-toggle:hover{color:var(--text, #222)}.map-clp-legend-body{padding:4px 4px 6px 22px}.map-clp-legend-body .map-legend-img{max-width:200px;display:block}.map-clp-ctx-hint{flex-shrink:0;margin-left:auto;font-size:11px;color:var(--text-muted, #bbb);cursor:context-menu;-webkit-user-select:none;user-select:none;padding:0 2px;line-height:1}.map-ctx-menu{position:fixed;z-index:9999;background:var(--surface, #fff);border:1px solid var(--border, #ddd);border-radius:6px;box-shadow:0 4px 16px #00000026;padding:4px 0;min-width:180px;font-size:12px}.map-ctx-menu-item{display:block;width:100%;padding:6px 14px;background:none;border:none;text-align:left;cursor:pointer;color:var(--text, #222);white-space:nowrap}.map-ctx-menu-item:hover{background:var(--surface-hover, #f3f4f6)}.map-legend{position:absolute;top:8px;right:8px;z-index:10;background:var(--surface, #fff);border:1px solid var(--border, #ddd);border-radius:6px;box-shadow:0 2px 8px #0000001f;max-height:calc(100% - 16px);display:flex;flex-direction:column;overflow:hidden;min-width:28px}.map-legend.collapsed{max-height:none}.map-legend-body{padding:4px 8px 8px;overflow-y:auto;max-height:300px}.map-legend-empty{font-size:11px;padding:4px}.map-legend-entry{margin-bottom:8px}.map-legend-layer-name{font-size:11px;font-weight:600;margin-bottom:2px;display:flex;align-items:center;gap:4px}.map-legend-group-toggle{flex-shrink:0;padding:0 3px;font-size:9px;background:none;border:none;cursor:pointer;color:var(--muted, #888);line-height:1}.map-legend-group-toggle:hover{color:var(--text, #222)}.map-legend-img{display:block;max-width:200px}.map-legend-error,.map-legend-loading{font-size:11px;font-style:italic}.map-legend-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;margin-left:4px;background:var(--primary, #2563eb);color:#fff;border-radius:8px;font-size:9px;font-weight:700;line-height:1;vertical-align:middle}.map-legend-entry--vt{display:flex;align-items:center;gap:6px}.map-legend-entry--vt .map-legend-layer-name{margin-bottom:0}.map-legend-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #888);padding:6px 0 2px;border-top:1px solid var(--border, #eee);margin-top:4px}.map-legend-section-title:first-child{border-top:none;margin-top:0;padding-top:0}.map-feature-info{position:absolute;bottom:8px;left:8px;right:8px;z-index:20;background:var(--surface, #fff);border:1px solid var(--border, #ddd);border-radius:6px;box-shadow:0 -2px 12px #00000026;max-height:40%;display:flex;flex-direction:column;overflow:hidden}.map-feature-info-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-bottom:1px solid var(--border, #eee);flex-shrink:0}.map-feature-info-title{font-size:12px;font-weight:600}.map-feature-info-close{background:none;border:none;cursor:pointer;font-size:14px;color:var(--text-muted, #888);padding:2px 4px;line-height:1}.map-feature-info-close:hover{color:var(--text, #333)}.map-feature-info-body{overflow-y:auto;padding:8px 10px}.map-feature-info-group{margin-bottom:10px}.map-feature-info-group:last-child{margin-bottom:0}.map-feature-info-layer{font-size:11px;font-weight:600;color:var(--primary, #2563eb);margin-bottom:4px}.map-feature-info-table{width:100%;border-collapse:collapse;font-size:11px;margin-bottom:6px}.map-feature-info-table td{padding:2px 6px;border-bottom:1px solid var(--border, #f0f0f0);vertical-align:top}.map-feature-info-key{font-weight:500;color:var(--text-muted, #666);white-space:nowrap;width:35%}.map-feature-info-value{word-break:break-word}.map-search{position:relative;flex-shrink:0}.map-search-input-wrapper{display:flex;gap:4px}.map-search-input{flex:1;padding:4px 8px;font-size:12px;border:1px solid var(--border, #ccc);border-radius:4px;background:var(--surface, #fff);color:var(--text, #333);min-width:0}.map-search-input:focus{outline:none;border-color:var(--primary, #2563eb)}.map-search-btn{padding:4px 8px;font-size:12px;background:var(--surface, #fff);border:1px solid var(--border, #ccc);border-radius:4px;cursor:pointer}.map-search-btn:hover{background:var(--surface-hover, #f0f0f0)}.map-search-results{position:absolute;top:100%;left:0;right:0;z-index:30;background:var(--surface, #fff);border:1px solid var(--border, #ddd);border-radius:0 0 6px 6px;box-shadow:0 4px 12px #0000001f;max-height:200px;overflow-y:auto}.map-search-result-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:6px 10px;border:none;background:none;cursor:pointer;font-size:12px}.map-search-result-item:hover{background:var(--surface-hover, #f5f5f5)}.map-search-result-type{flex-shrink:0}.map-search-result-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-search-no-results{padding:8px 10px;font-size:12px}.map-selection-toolbar{display:flex;align-items:center;gap:2px;margin-left:4px}.map-toolbar-btn-clear{color:var(--danger, #ef4444);font-weight:700}.map-selection-box{background:#2563eb1a;border:2px dashed #2563eb}.map-selection-active-hint{position:absolute;top:44px;left:50%;transform:translate(-50%);z-index:20;background:var(--surface, #fff);border:1px solid var(--primary, #2563eb);color:var(--primary, #2563eb);padding:4px 12px;border-radius:4px;font-size:11px;font-weight:600;pointer-events:none;box-shadow:0 2px 8px #0000001a}.map-measure-toolbar{display:flex;align-items:center;gap:2px;margin-left:4px;border-left:1px solid var(--border, #e5e7eb);padding-left:6px}.map-measure-label{background:var(--surface, #fff);border:1px solid #f97316;color:#c2410c;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:600;white-space:nowrap;pointer-events:none;box-shadow:0 1px 4px #00000026}.map-measure-tooltip{background:var(--surface, #fff);border:1px solid var(--border, #e5e7eb);padding:2px 6px;border-radius:3px;font-size:11px;white-space:nowrap;pointer-events:none;box-shadow:0 1px 4px #0000001a}.map-feature-info-edit-btn{background:none;border:1px solid var(--primary, #2563eb);color:var(--primary, #2563eb);cursor:pointer;font-size:11px;padding:2px 8px;border-radius:4px;margin-left:8px;line-height:1.4}.map-feature-info-edit-btn:hover{background:var(--primary, #2563eb);color:#fff}.edit-feature-hint{margin-bottom:8px;font-size:11px;color:var(--text-muted, #888)}.edit-feature-error{margin-bottom:8px;padding:6px 8px;background:var(--color-error-bg, #fee);color:var(--color-error, #e53e3e);border-radius:4px;font-size:11px}.edit-feature-success{margin-bottom:8px;padding:6px 8px;background:var(--color-success-bg, #efe);color:var(--color-success, #22863a);border-radius:4px;font-size:11px}.edit-feature-fields{display:flex;flex-direction:column;gap:6px}.edit-feature-field{display:flex;flex-direction:column;gap:2px}.edit-feature-label{font-size:11px;font-weight:500;color:var(--text-muted, #666)}.edit-feature-required{color:var(--color-error, #e53e3e);margin-left:2px}.edit-feature-input,.edit-feature-select{width:100%;font-size:12px;padding:4px 6px;border:1px solid var(--border, #ddd);border-radius:4px;background:var(--surface, #fff);color:var(--text, #333);box-sizing:border-box}.edit-feature-input:disabled,.edit-feature-select:disabled{background:var(--surface-alt, #f5f5f5);color:var(--text-muted, #888);cursor:not-allowed}.edit-feature-input:focus,.edit-feature-select:focus{outline:none;border-color:var(--primary, #2563eb);box-shadow:0 0 0 2px #2563eb26}.edit-feature-checkbox{width:16px;height:16px;cursor:pointer}.edit-feature-checkbox:disabled{cursor:not-allowed}.edit-feature-actions{display:flex;gap:6px;margin-top:10px;padding-top:8px;border-top:1px solid var(--border, #eee)}.edit-feature-btn{font-size:11px;padding:5px 12px;border:none;border-radius:4px;cursor:pointer;font-weight:500}.edit-feature-btn:disabled{opacity:.5;cursor:not-allowed}.edit-feature-btn-save{background:var(--primary, #2563eb);color:#fff}.edit-feature-btn-save:hover:not(:disabled){background:var(--primary-dark, #1d4ed8)}.edit-feature-btn-reset{background:var(--surface-alt, #f0f0f0);color:var(--text, #333)}.edit-feature-btn-reset:hover:not(:disabled){background:var(--border, #ddd)}.edit-feature-delete-section{margin-top:8px;padding-top:8px;border-top:1px solid var(--border, #e5e7eb)}.edit-feature-btn-delete{background:transparent;color:var(--color-error, #e53e3e);border:1px solid var(--color-error, #e53e3e);width:100%}.edit-feature-btn-delete:hover:not(:disabled){background:var(--color-error, #e53e3e);color:#fff}.edit-feature-delete-confirm{display:flex;flex-direction:column;gap:6px}.edit-feature-delete-warn{font-size:.85rem;color:var(--color-error, #e53e3e);font-weight:600}.edit-feature-btn-delete-confirm{background:var(--color-error, #e53e3e);color:#fff}.edit-feature-btn-delete-confirm:hover:not(:disabled){background:#c53030}.draw-feature-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:var(--surface, #fff);border-radius:8px;box-shadow:0 2px 8px #00000026;padding:10px 16px;display:flex;align-items:center;gap:12px;z-index:200;pointer-events:auto}.draw-feature-hint-text{font-size:.85rem;color:var(--text-secondary, #6b7280)}.draw-feature-layer-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:var(--surface, #fff);border:1px solid var(--border, #e5e7eb);border-radius:6px;box-shadow:0 4px 12px #0000001f;z-index:300;min-width:180px;overflow:hidden}.draw-feature-layer-option{display:block;width:100%;padding:8px 12px;border:none;background:transparent;text-align:left;cursor:pointer;font-size:.85rem;color:var(--text, #333)}.draw-feature-layer-option:hover{background:var(--surface-alt, #f5f5f5)}.modify-feature-panel{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:var(--surface, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;box-shadow:0 2px 12px #00000026;padding:10px 14px;z-index:200;min-width:320px;max-width:440px}.modify-feature-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.modify-feature-title{font-weight:700;font-size:.85rem;color:var(--text, #333)}.modify-feature-hint{font-size:.78rem;color:var(--text-muted, #888);margin-bottom:8px}.edit-feature-btn-geom{background:var(--surface-alt, #f0f0f0);color:var(--text, #333);border:1px solid var(--border-color, #e2e8f0)}.edit-feature-btn-geom:hover:not(:disabled){background:var(--accent-light, #e0e7ff)}.drawing-toolbar{display:inline-flex;align-items:center;gap:2px;margin-left:4px;padding-left:4px;border-left:1px solid var(--border, #e5e7eb)}.drawing-color-swatch{position:relative;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px}.drawing-color-dot{display:block;width:16px;height:16px;border-radius:50%;border:2px solid var(--border, #e5e7eb);pointer-events:none}.map-time-slider{display:flex;flex-direction:column;gap:4px;padding:8px 12px;background:var(--bg-secondary, #f6f7f9);border-top:1px solid var(--border-color, #e2e8f0);font-size:12px}.map-time-slider--empty{color:#888;padding:6px 10px}.map-time-slider-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.map-time-slider-label{font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-time-slider-value{font-variant-numeric:tabular-nums;color:var(--color-primary, #2e86de);white-space:nowrap}.map-time-slider-input{width:100%}.map-time-slider-bounds{display:flex;justify-content:space-between;font-size:11px;color:#888}.map-time-slider-controls{display:flex;align-items:center;gap:4px;flex-shrink:0}.map-time-slider-play-btn,.map-time-slider-speed-btn{padding:2px 6px;font-size:12px;border:1px solid var(--border, #ddd);border-radius:4px;background:var(--surface, #fff);color:var(--text, #222);cursor:pointer;line-height:1.4;transition:background .1s}.map-time-slider-play-btn:hover,.map-time-slider-speed-btn:hover{background:var(--surface-hover, #f3f4f6)}.map-time-slider-play-btn[aria-pressed=true]{background:var(--primary-faint, rgba(59,130,246,.12));border-color:var(--primary, #3b82f6);color:var(--primary, #3b82f6)}@media (max-width: 600px){.ol-control button{min-width:36px;min-height:36px;font-size:18px}.ol-zoom{top:8px!important;left:8px!important}.ol-attribution{font-size:10px}}.print-dialog{background:var(--card-bg, #fff);border-radius:12px;box-shadow:0 8px 32px #0003;width:380px;max-width:90vw;display:flex;flex-direction:column;overflow:hidden}.print-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border, #e0e0e0)}.print-dialog-header h3{margin:0;font-size:1.1rem;font-weight:600}.print-dialog-body{padding:20px;display:flex;flex-direction:column;gap:14px}.print-field{display:flex;flex-direction:column;gap:4px}.print-field span{font-size:.85rem;font-weight:500;color:var(--text-secondary, #666)}.print-field select{padding:8px 10px;border:1px solid var(--border, #ddd);border-radius:6px;background:var(--input-bg, #fff);color:var(--text, #333);font-size:.9rem}.print-layout-info{font-size:.8rem;color:var(--text-secondary, #888);padding:6px 10px;background:var(--surface, #f5f5f5);border-radius:6px}.print-dialog-info{margin:0;color:var(--text-secondary, #888);font-size:.9rem}.print-dialog-error{margin:0;color:var(--danger, #dc3545);font-size:.85rem;padding:8px 10px;background:#dc354514;border-radius:6px}.print-dialog-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--border, #e0e0e0)}.print-dialog-footer .btn-primary{padding:8px 18px;background:var(--accent, #2563eb);color:#fff;border:none;border-radius:6px;font-size:.9rem;cursor:pointer}.print-dialog-footer .btn-primary:disabled{opacity:.5;cursor:not-allowed}.print-dialog-footer .btn-secondary{padding:8px 18px;background:transparent;color:var(--text, #333);border:1px solid var(--border, #ddd);border-radius:6px;font-size:.9rem;cursor:pointer}.log-entry-form{padding:10px;border-radius:10px;border:1px solid var(--color-border, rgba(0,0,0,.08));box-shadow:none}.notes-editor-wrapper{display:flex;flex-direction:column;height:100%;overflow:hidden}.notes-content{flex:1;overflow-y:auto;padding:12px}.notes-content .tiptap{outline:none;min-height:100%;font-size:14px;line-height:1.6;color:var(--color-text)}.notes-content .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--color-text-muted);opacity:.5;pointer-events:none;height:0}.notes-content .tiptap h1{font-size:1.6em;margin:.4em 0 .2em}.notes-content .tiptap h2{font-size:1.35em;margin:.4em 0 .2em}.notes-content .tiptap h3{font-size:1.15em;margin:.4em 0 .2em}.notes-content .tiptap h4{font-size:1em;margin:.4em 0 .2em;font-weight:700}.notes-content .tiptap p{margin:.3em 0}.notes-content .tiptap ul,.notes-content .tiptap ol{padding-left:1.4em;margin:.3em 0}.notes-content .tiptap blockquote{border-left:3px solid var(--color-border-strong);padding-left:12px;margin:.5em 0;color:var(--color-text-muted)}.notes-content .tiptap code{background:var(--color-primary-light);padding:1px 4px;border-radius:3px;font-size:.9em}.notes-content .tiptap pre{background:var(--color-primary-light);padding:10px 12px;border-radius:6px;overflow-x:auto;margin:.5em 0}.notes-content .tiptap pre code{background:none;padding:0}.notes-content .tiptap a{color:var(--color-info);text-decoration:underline;cursor:pointer}.notes-content .tiptap hr{border:none;border-top:1px solid var(--color-border);margin:.8em 0}.notes-bubble-menu{display:flex;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 16px #00000026;padding:2px;gap:1px;align-items:center}.notes-bubble-menu button{background:none;border:none;padding:4px 8px;font-size:12px;font-weight:600;cursor:pointer;border-radius:4px;color:var(--color-text);line-height:1.2;white-space:nowrap}.notes-bubble-menu button:hover{background:var(--color-primary-light)}.notes-bubble-menu button.is-active{background:var(--color-primary);color:#fff}.notes-bubble-sep{width:1px;height:18px;background:var(--color-border);margin:0 2px}.notes-link-input{display:flex;gap:4px;align-items:center;padding:4px 8px;border-top:1px solid var(--color-border);background:var(--color-bg, #f6f7f9)}.vertical-timeline *{box-sizing:border-box}.vertical-timeline{width:95%;max-width:1170px;margin:0 auto;position:relative;padding:2em 0}.vertical-timeline:after{content:"";display:table;clear:both}.vertical-timeline:before{content:"";position:absolute;top:0;left:18px;height:100%;width:4px;background:var(--line-color)}.vertical-timeline.vertical-timeline--one-column-right:before{right:18px;left:unset}@media only screen and (min-width:1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{position:relative;margin:2em 0}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{content:"";display:table;clear:both}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%}.vertical-timeline-element-icon.shadow-size-small{box-shadow:0 0 0 2px #fff,inset 0 1px #00000014,0 2px 0 4px #0000000d}.vertical-timeline-element-icon.shadow-size-medium{box-shadow:0 0 0 3px #fff,inset 0 2px #00000014,0 3px 0 5px #0000000d}.vertical-timeline-element-icon.shadow-size-large{box-shadow:0 0 0 4px #fff,inset 0 2px #00000014,0 4px 0 6px #0000000d}.vertical-timeline--one-column-right .vertical-timeline-element-icon{right:0;left:unset}.vertical-timeline-element-icon svg{display:block;width:24px;height:24px;position:relative;left:50%;top:50%;margin-left:-12px;margin-top:-12px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{width:60px;height:60px;left:50%;margin-left:-30px}}.vertical-timeline-element-icon{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 .6s;-moz-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@-moz-keyframes cd-bounce-1{0%{opacity:0;-moz-transform:scale(.5)}60%{opacity:1;-moz-transform:scale(1.2)}to{-moz-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{position:relative;margin-left:60px;background:#fff;border-radius:.25em;padding:1em;box-shadow:0 3px #ddd}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-right:60px;margin-left:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;box-shadow:none}.vertical-timeline-element-content:after{content:"";display:table;clear:both}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{margin:1em 0 0;line-height:1.6}.vertical-timeline-element-title,.vertical-timeline-element-subtitle{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;padding:.8em 0;opacity:.7}.vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:100%;height:0;width:0;border:7px solid transparent;border-right:7px solid #fff}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:unset;left:100%;height:0;width:0;border:7px solid transparent;border-left:7px solid #fff}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{left:100%;border-left:7px solid #fff;border-right:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow{display:none}@media only screen and (min-width:768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{top:24px;left:100%;transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{position:absolute;width:100%;left:124%;top:6px;font-size:16px;font-size:1rem}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:auto;right:100%;transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:100%;right:auto;transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 .6s;-moz-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}@media only screen and (min-width:1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;-moz-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2-inverse .6s;-moz-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2{0%{opacity:0;-moz-transform:translateX(-100px)}60%{opacity:1;-moz-transform:translateX(20px)}to{-moz-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);-o-transform:translateX(-100px);transform:translate(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);-o-transform:translateX(20px);transform:translate(20px)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translate(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2-inverse{0%{opacity:0;-moz-transform:translateX(100px)}60%{opacity:1;-moz-transform:translateX(-20px)}to{-moz-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);transform:translate(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-o-transform:translateX(-20px);transform:translate(-20px)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translate(0)}}.project-header{display:flex;flex-direction:column;gap:8px;padding:10px}.project-header__name{font-size:18px;font-weight:800;overflow-wrap:break-word;word-break:break-word}.project-header__description{font-size:13px;overflow-wrap:break-word;word-break:break-word}.project-header__badges{display:flex;gap:8px;margin-top:4px}.tl-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:var(--color-card, #fff);border:1px solid var(--color-border, rgba(0,0,0,.08))}.tl-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0}.tl-dot--green{background:#2e7d32}.tl-dot--yellow{background:#f9a825}.tl-dot--red{background:#c62828}.tl-dot--gray{background:#9e9e9e}.tl-label{font-weight:600;font-size:13px}.tl-status-text{font-size:11px;color:var(--color-text-muted, #666)}.tl-note{font-size:11px}.tl-add-form{display:flex;gap:6px;align-items:center}.link-item{display:block;padding:8px 10px;border-radius:8px;background:var(--color-primary-light, rgba(11, 58, 102, .04));border:1px solid var(--color-border, rgba(0,0,0,.08));text-decoration:none;color:var(--color-primary, #0b3a66);transition:background .15s}.link-item:hover{background:var(--color-primary-hover, rgba(11, 58, 102, .08))}.link-item--disabled{opacity:.5;cursor:default;pointer-events:none}.link-item__title{font-weight:600;font-size:13px;display:flex;align-items:center}.link-item__desc{font-size:11px;color:var(--color-text-muted, #666);margin-top:2px}.progress-track{height:10px;border-radius:5px;background:var(--color-border, rgba(0,0,0,.08));overflow:hidden}.filter-selectors{display:flex;flex-wrap:wrap;gap:10px}.filter-group{min-width:140px;flex:1}.filter-group__label{font-size:11px;font-weight:600;color:var(--color-text-muted, #666);margin-bottom:3px}.filter-date-range{display:flex;gap:4px}.tasks-filter-bar{display:flex;gap:6px;font-size:11px}.tasks-filter-bar .pill.active{background:var(--color-primary, #0b3a66);color:#fff;border-color:var(--color-primary, #0b3a66)}.tasks-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-bottom:1px solid var(--color-border, rgba(0,0,0,.08));font-size:13px}.risk-card{padding:8px 10px;border-radius:8px;border:1px solid var(--color-border, rgba(0,0,0,.08));background:var(--color-card, #fff)}.risk-mitigation{margin-top:6px;font-size:12px;padding:6px 8px;background:var(--color-bg, #f6f7f9);border-radius:6px}.doc-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-bottom:1px solid var(--color-border, rgba(0,0,0,.08));font-size:13px}.doc-filename{font-weight:600;cursor:pointer;color:var(--color-primary, #0b3a66);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-filename:hover{text-decoration:underline}.data-quality{padding:10px;overflow:auto;height:100%}.dq-summary{display:flex;gap:12px;margin-bottom:10px;font-size:12px;align-items:center}.dq-summary__ok{color:#22c55e}.dq-summary__warning{color:#f59e0b}.dq-summary__error{color:#ef4444}.dq-recheck-btn{margin-left:auto;font-size:11px!important;padding:2px 8px!important}.dq-card{padding:8px 10px;margin-bottom:6px;border-radius:8px;background:var(--color-bg, #f6f7f9);border-left:4px solid var(--color-border, #d1d5db)}.dq-card--ok{border-left-color:#22c55e}.dq-card--warning{border-left-color:#f59e0b}.dq-card--error{border-left-color:#ef4444}.dq-card--clickable{cursor:pointer}.dq-card__header{display:flex;justify-content:space-between;align-items:center}.dq-card__name{font-weight:600;font-size:13px}.dq-card__count{font-weight:700;font-size:14px}.dq-card__count--ok{color:#22c55e}.dq-card__count--warning{color:#f59e0b}.dq-card__count--error{color:#ef4444}.dq-card__description{font-size:11px}.dq-card__details{margin-top:6px;padding-top:6px;border-top:1px solid var(--color-border, rgba(0,0,0,.08));font-size:12px}.dq-detail-item{padding:2px 0}.alert-summary{display:flex;gap:10px;margin-bottom:8px;font-size:12px}.alert-card{padding:8px 10px;margin-bottom:4px;border-radius:8px;border-left:4px solid var(--color-border, #d1d5db);background:var(--color-bg, #f6f7f9)}.alert-card--triggered{background:var(--color-card, #fff)}.alert-card--info.alert-card--triggered{border-left-color:#3b82f6}.alert-card--warning.alert-card--triggered{border-left-color:#f59e0b}.alert-card--critical.alert-card--triggered{border-left-color:#ef4444}.alert-card--invalid{border-left-style:dashed;opacity:.7}.alert-label{font-weight:600;font-size:13px}.alert-detail{font-size:11px}.alert-value{font-weight:700;font-size:14px;text-align:right}.alert-value--info{color:#3b82f6}.alert-value--warning{color:#f59e0b}.alert-value--critical{color:#ef4444}.audit-filter-bar{display:flex;gap:6px;padding:6px 8px;border-bottom:1px solid var(--color-border, rgba(0,0,0,.08));flex-shrink:0;align-items:center}.audit-filter-bar select{width:auto;padding:3px 6px;font-size:12px}.audit-filter-active{border-color:var(--color-primary, #0b3a66)!important}.audit-reset-btn{font-size:11px;color:var(--color-primary, #0b3a66);background:none;border:none;cursor:pointer;padding:2px 6px;white-space:nowrap}.audit-reset-btn:hover{text-decoration:underline}.audit-entry{padding:8px}.audit-entry__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.audit-badge{display:inline-block;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;color:#fff;text-transform:uppercase}.audit-badge--created{background:#10b981}.audit-badge--updated{background:#3b82f6}.audit-badge--deleted{background:#ef4444}.audit-entity-label{font-size:12px;font-weight:600}.audit-timestamp{font-size:11px}.audit-body{font-size:13px}.audit-detail{font-size:11px;margin-top:2px}.process-navigator{--pn-completed: var(--color-success, #38a169);--pn-active: var(--color-primary, #3182ce);--pn-upcoming: var(--bg-secondary, #e2e8f0);--pn-connector: var(--border-color, #cbd5e0);--pn-text: var(--text-primary, #2d3748);--pn-text-light: var(--text-secondary, #718096);display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:4px 12px;box-sizing:border-box;min-width:0;overflow:visible}.process-navigator .stage{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:4px 6px;min-width:0;flex-shrink:0;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;position:relative;z-index:1}.process-navigator .stage:hover{transform:scale(1.06)}.process-navigator .stage.active{transform:scale(1.1);z-index:3}.process-navigator .stage-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-weight:700;font-size:14px;flex-shrink:0;transition:background .2s,color .2s,box-shadow .2s}.process-navigator .stage.upcoming .stage-number{background:var(--stage-bg, var(--pn-upcoming));color:var(--pn-text-light)}.process-navigator .stage.completed .stage-number{background:var(--stage-bg, var(--pn-completed));color:#fff}.process-navigator .stage.active .stage-number{background:var(--stage-bg, var(--pn-active));color:#fff;box-shadow:0 2px 8px #0003;width:38px;height:38px;font-size:15px}.process-navigator .stage-label{font-size:11px;color:var(--pn-text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px;text-align:center;transition:color .2s,font-weight .2s}.process-navigator .stage.active .stage-label{color:var(--pn-text);font-weight:700}.process-navigator .stage.completed .stage-label{color:var(--pn-completed)}.process-navigator .connector{flex:1;height:2px;min-width:16px;max-width:80px;background:var(--pn-connector);align-self:center;margin-top:-18px;transition:background .2s}.process-navigator .connector.completed{background:var(--pn-completed)}.process-navigator[data-style=pills] .stage{flex-direction:row;gap:6px;padding:6px 14px;border-radius:999px;background:var(--stage-bg, var(--pn-upcoming));min-width:100px;justify-content:center}.process-navigator[data-style=pills] .stage.active{background:var(--stage-bg, var(--pn-active));filter:brightness(1.1);box-shadow:0 2px 10px #0000002e}.process-navigator[data-style=pills] .stage.active .stage-label,.process-navigator[data-style=pills] .stage.active .stage-number{color:#fff}.process-navigator[data-style=pills] .stage.completed{background:var(--stage-bg, color-mix(in srgb, var(--pn-completed) 20%, var(--pn-upcoming)))}.process-navigator[data-style=pills] .stage-number{width:24px;height:24px;min-width:24px;border-radius:50%;font-size:12px;background:#ffffff4d}.process-navigator[data-style=pills] .stage.upcoming .stage-number{background:#00000014}.process-navigator[data-style=pills] .stage-label{max-width:none;font-size:12px;color:inherit}.process-navigator[data-style=pills] .connector{height:2px;margin-top:0;min-width:12px;max-width:40px}.process-navigator[data-style=blocks]{gap:0}.process-navigator[data-style=blocks] .connector{display:none}.process-navigator[data-style=blocks] .stage{flex-direction:row;gap:6px;padding:6px 14px 6px 10px;border-radius:0;position:relative;background:var(--stage-bg, var(--pn-upcoming))}.process-navigator[data-style=blocks] .stage:first-of-type{border-radius:6px 0 0 6px}.process-navigator[data-style=blocks] .stage:last-of-type{border-radius:0 6px 6px 0}.process-navigator[data-style=blocks] .stage.active{background:var(--stage-bg, var(--pn-active));filter:brightness(1.1);box-shadow:0 2px 8px #00000026}.process-navigator[data-style=blocks] .stage.active .stage-label,.process-navigator[data-style=blocks] .stage.active .stage-number{color:#fff}.process-navigator[data-style=blocks] .stage.completed{background:var(--stage-bg, color-mix(in srgb, var(--pn-completed) 15%, transparent))}.process-navigator[data-style=blocks] .stage-number{width:22px;height:22px;font-size:11px}.process-navigator[data-style=blocks] .stage.active .stage-number{width:22px;height:22px;font-size:11px;box-shadow:none}.process-navigator[data-style=chevrons]{gap:5px;padding:4px 12px}.process-navigator[data-style=chevrons] .connector{display:none}.process-navigator[data-style=chevrons] .stage{flex-direction:row;gap:6px;padding:8px 24px 8px 22px;border-radius:0;background:var(--stage-bg, var(--pn-upcoming));clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,14px 100%,0 50%);min-width:0;flex:1}.process-navigator[data-style=chevrons] .stage:first-of-type{clip-path:polygon(4px 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,4px 100%,0 calc(100% - 4px),0 4px);padding-left:14px}.process-navigator[data-style=chevrons] .stage.active{background:var(--stage-bg, var(--pn-active));filter:drop-shadow(0 2px 4px rgba(0,0,0,.2)) brightness(1.05);z-index:3}.process-navigator[data-style=chevrons] .stage.active .stage-label,.process-navigator[data-style=chevrons] .stage.active .stage-number{color:#fff}.process-navigator[data-style=chevrons] .stage.completed{background:var(--stage-bg, color-mix(in srgb, var(--pn-completed) 20%, var(--pn-upcoming)))}.process-navigator[data-style=chevrons] .stage-number{width:22px;height:22px;font-size:11px;background:#ffffff40}.process-navigator[data-style=chevrons] .stage.upcoming .stage-number{background:#00000014}.process-navigator[data-style=chevrons] .stage.active .stage-number{width:22px;height:22px;box-shadow:none}.process-navigator[data-style=chevrons] .stage-label{max-width:none;font-size:12px;color:inherit}@media (max-width: 600px){.process-navigator .stage-label{display:none}.process-navigator .connector{margin-top:0}}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.4;font-weight:400;--color-text: #111;--color-text-muted: #666;--color-bg: #f6f7f9;--color-card: #fff;--color-card-hover: #f0f1f4;--color-border: rgba(0,0,0,.08);--color-border-strong: rgba(0,0,0,.18);--color-shadow: rgba(0,0,0,.08);--color-primary: #0b3a66;--color-primary-light: rgba(11, 58, 102, .06);--color-primary-border: rgba(11, 58, 102, .12);--color-primary-hover: rgba(11, 58, 102, .02);--color-danger: #b00020;--color-success: #10b981;--color-warning: #f59e0b;--color-info: #3b82f6;--color-topbar-bg: #0b3a66;--color-topbar-text: #fff;--color-input-bg: #fff;--color-input-border: rgba(0,0,0,.18);--color-skeleton: #0b3a66;--color-kpi-bg: rgba(11, 58, 102, .06);--color-kpi-border: rgba(11, 58, 102, .12);--color-tab-active: #0b3a66;--color-tab-text: #666;--color-btn-bg: #0b3a66;--color-btn-text: #fff;--color-btn-secondary-bg: #e9eef5;--color-btn-secondary-text: #0b3a66;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .15);--focus-ring: 0 0 0 3px var(--focus-ring-color);--focus-ring-color: rgba(11, 58, 102, .35);--transition-fast: .12s ease;--transition-base: .2s ease;color:var(--color-text);background:var(--color-bg)}[data-theme=dark]{--color-text: #e2e8f0;--color-text-muted: #94a3b8;--color-bg: #0f172a;--color-card: #1e293b;--color-card-hover: #334155;--color-border: rgba(255,255,255,.08);--color-border-strong: rgba(255,255,255,.18);--color-shadow: rgba(0,0,0,.3);--color-primary: #60a5fa;--color-primary-light: rgba(96, 165, 250, .1);--color-primary-border: rgba(96, 165, 250, .2);--color-primary-hover: rgba(96, 165, 250, .05);--color-danger: #f87171;--color-success: #34d399;--color-warning: #fbbf24;--color-info: #60a5fa;--color-topbar-bg: #1e293b;--color-topbar-text: #e2e8f0;--color-input-bg: #334155;--color-input-border: rgba(255,255,255,.15);--color-skeleton: #60a5fa;--color-kpi-bg: rgba(96, 165, 250, .1);--color-kpi-border: rgba(96, 165, 250, .2);--color-tab-active: #60a5fa;--color-tab-text: #94a3b8;--color-btn-bg: #3b82f6;--color-btn-text: #fff;--color-btn-secondary-bg: #334155;--color-btn-secondary-text: #e2e8f0;--focus-ring-color: rgba(96, 165, 250, .5)}*,*:before,*:after{box-sizing:border-box}:focus-visible{outline:none;box-shadow:var(--focus-ring)}body{margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:16px;z-index:10000;padding:8px 16px;background:var(--color-btn-bg);color:var(--color-btn-text);border-radius:0 0 8px 8px;font-weight:600;font-size:14px;text-decoration:none;transition:top .15s}.skip-link:focus{top:0}:focus-visible{outline:2px solid var(--color-tab-active);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:56px;background:var(--color-topbar-bg);color:var(--color-topbar-text);display:flex;align-items:center;justify-content:space-between;padding:0 16px;min-width:0;position:relative;z-index:100}.brand{display:flex;gap:12px;align-items:center;font-weight:700;letter-spacing:.2px}.brand-logo-link{display:flex;align-items:center;text-decoration:none}.brand-logo-badge{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:6px;padding:3px 8px;height:32px}.brand-logo-img{height:22px;width:auto;display:block}.brand-project-name{color:var(--color-topbar-text);text-decoration:none;font-size:14px;opacity:.9;transition:opacity .15s}.brand-project-name:hover{opacity:1}.brand-separator{opacity:.5;margin:0 2px;font-size:14px}.content{display:flex;flex:1;padding:16px;gap:0;min-width:0;overflow-x:hidden;overflow-y:auto}.split{display:grid;grid-template-columns:320px 1fr;gap:16px;width:100%}.layout-tools,.inline-row{display:flex;gap:8px;align-items:center}.autosave-indicator{font-size:11px;opacity:.7;color:var(--color-topbar-text);white-space:nowrap}.header-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:8px;background:#ffffff1a;color:var(--color-topbar-text);cursor:pointer;transition:background .15s;padding:0}.header-icon-btn:hover{background:#fff3}.header-icon-btn.active{background:#ffffff40;color:#fff}.dashboard-settings-panel{position:absolute;top:calc(100% + 6px);right:0;min-width:240px;background:var(--color-card);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 8px 24px #00000026;z-index:9000;padding:12px 14px;color:var(--color-text);display:flex;flex-direction:column;gap:8px}.dashboard-settings-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);margin:0 0 4px}.dashboard-settings-row{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}.dashboard-settings-row input[type=checkbox]{width:15px;height:15px;flex-shrink:0}.header-menu-wrapper{position:relative}.header-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:var(--color-card);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 8px 24px #00000026;z-index:9000;padding:6px 0;color:var(--color-text)}.header-dropdown-user{padding:10px 14px;font-size:13px;font-weight:600;border-bottom:1px solid var(--color-border);margin-bottom:4px;display:flex;align-items:center;gap:8px}.header-dropdown-item{display:block;width:100%;text-align:left;padding:8px 14px;border:none;background:none;font-size:13px;cursor:pointer;color:var(--color-text);transition:background .1s}.header-dropdown-item:hover{background:var(--color-primary-hover)}.header-dropdown-item.danger{color:var(--color-danger)}.header-dropdown-item.danger:hover{background:#fee2e2}[data-theme=dark] .header-dropdown-item.danger:hover{background:#3d1515}.header-dropdown-item.disabled,.header-dropdown-item:disabled{opacity:.45;cursor:default;pointer-events:none}.header-dropdown-divider{height:1px;background:var(--color-border);margin:4px 0}@media (max-width: 1024px){.properties-panel{width:280px;min-width:280px;max-width:280px}}@media (max-width: 900px){.properties-panel{display:none}.split{grid-template-columns:1fr}}@media (max-width: 768px){.topbar{height:auto;min-height:48px;flex-wrap:wrap;gap:4px;padding:6px 12px}.brand-project-name,.brand-separator{display:none}.content{padding:8px}.layout-tools{flex-wrap:wrap;gap:4px}.autosave-indicator{font-size:10px}.header-dropdown{right:-8px;min-width:200px;max-width:calc(100vw - 24px)}}@media (max-width: 600px){.topbar{padding:4px 8px}.brand-logo-img{width:28px;height:28px}.layout-tools{width:100%;justify-content:flex-end;flex-wrap:wrap;row-gap:4px}.layout-tools .view-mode-toggle{display:none}.content{padding:4px;gap:8px}.btn{min-height:40px;padding:10px 14px}.btn.small{min-height:32px;padding:6px 10px}.header-icon-btn{width:40px;height:40px}.confirm-banner.mobile-edit-hint{background:var(--color-info-bg, #eef6ff);border-color:var(--color-info-border, #bcdcff)}.dashboard-toolbar-row{flex-direction:column;align-items:stretch;gap:6px}.page-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.page-tab{flex:0 0 auto;min-height:40px}}.card{background:var(--color-card);border-radius:10px;box-shadow:0 1px 3px var(--color-shadow);border:1px solid var(--color-border)}.panel{padding:14px}.btn{background:var(--color-btn-bg);color:var(--color-btn-text);border:0;padding:8px 12px;border-radius:8px;cursor:pointer;font-weight:600}.btn.secondary{background:var(--color-btn-secondary-bg);color:var(--color-btn-secondary-text)}.btn.danger{background:var(--color-danger)}.input{width:100%;padding:10px;border-radius:8px;border:1px solid var(--color-input-border);outline:none;background:var(--color-input-bg);color:var(--color-text)}.muted{opacity:.75;font-size:12px}.pill{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:var(--color-primary-light);border:1px solid var(--color-border);font-size:12px}.list{display:flex;flex-direction:column;gap:10px}.list-item{padding:10px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-primary-hover)}.list-item .meta{display:flex;gap:10px;align-items:center;margin-bottom:6px;font-size:12px;opacity:.85}.iframe{width:100%;height:100%;border:0;border-radius:10px}@keyframes skeleton-pulse{0%,to{opacity:.15}50%{opacity:.25}}.skeleton-line,.skeleton-block{background:var(--color-skeleton);border-radius:6px;animation:skeleton-pulse 1.2s ease-in-out infinite}.skeleton-line{height:14px}.skeleton-block{min-height:40px}.config-card{padding:8px;background:var(--color-bg, #f6f7f9);border-radius:8px}.page-tabs{display:flex;gap:0;background:var(--color-card);border-bottom:1px solid var(--color-border);padding:0 16px;overflow-x:auto}.page-tabs [role=tablist]{display:flex;gap:0;align-items:stretch}.page-tab{padding:10px 16px;font-size:13px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;color:var(--color-tab-text);display:flex;align-items:center;gap:6px;white-space:nowrap;transition:color .15s,border-color .15s}.page-tab:hover{color:var(--color-tab-active)}.page-tab.active{color:var(--color-tab-active);border-bottom-color:var(--color-tab-active)}.page-tab.add-tab{background:none;border:none;font-size:16px;color:#999;padding:10px 12px}.page-tab.add-tab:hover{color:var(--color-tab-active)}.page-tab.has-color.active{color:var(--tab-accent, var(--color-tab-active))}.tab-color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tab-actions{display:inline-flex;gap:2px;margin-left:4px}.tab-action-btn{background:none;border:none;cursor:pointer;font-size:14px;color:#999;padding:0 3px;line-height:1}.tab-action-btn:hover{color:var(--color-tab-active)}.tab-action-btn.danger:hover{color:var(--color-danger)}.page-input-tab{position:relative}.page-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;padding:4px 8px;font-size:13px;color:var(--color-text);width:120px;outline:none}.page-input:focus{border-color:var(--color-primary)}.page-input-error{position:absolute;top:100%;left:0;font-size:11px;color:var(--color-danger);white-space:nowrap;padding:2px 4px}.confirm-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--color-card);border-bottom:1px solid var(--color-border);border-left:3px solid var(--color-primary);font-size:13px;color:var(--color-text)}.confirm-banner-actions{display:flex;gap:6px;flex-shrink:0}.btn.small{padding:4px 12px;font-size:12px}.dashboard-toolbar-row{display:flex;align-items:flex-start;gap:12px;padding:8px 16px;background:var(--color-card);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.saved-views-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}.saved-views-bar select{min-width:200px;padding:4px 8px;font-size:13px;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:4px}.saved-views-label{font-weight:600;color:var(--color-text-muted, var(--color-text))}.saved-views-form{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-left:8px}.saved-views-form input[type=text]{padding:4px 8px;font-size:13px;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:4px}.saved-views-shared{display:inline-flex;align-items:center;gap:4px;font-size:12px}.saved-views-status{color:var(--color-success, #38a169);font-size:12px}.saved-views-error{color:var(--color-danger, #e53e3e);font-size:12px}.insight-panel{margin-left:auto;background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;font-size:13px;max-width:480px}.insight-panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 8px}.insight-panel-toggle{background:none;border:none;cursor:pointer;font-weight:600;color:var(--color-text);display:inline-flex;align-items:center;gap:6px}.insight-count{background:var(--color-primary);color:#fff;border-radius:10px;padding:0 6px;font-size:11px;min-width:18px;text-align:center}.insight-panel-body{padding:4px 8px 8px}.insight-empty{margin:4px 0;color:var(--color-text-muted, #888);font-size:12px}.insight-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:240px;overflow-y:auto}.insight-item{position:relative;padding:6px 28px 6px 8px;border-left:3px solid var(--color-primary);background:var(--color-card);border-radius:4px}.insight-item.severity-warn{border-left-color:#dd6b20}.insight-item.severity-critical{border-left-color:#e53e3e}.insight-item-head{display:flex;justify-content:space-between;gap:8px;font-size:12px}.insight-metric{color:var(--color-text-muted, #888)}.insight-item-body{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:2px}.insight-value{font-weight:600}.insight-delta{font-size:12px}.insight-delta.delta-up{color:#38a169}.insight-delta.delta-down{color:#e53e3e}.insight-delta-abs{margin-left:4px;color:var(--color-text-muted, #888)}.insight-dismiss{position:absolute;top:4px;right:4px;background:none;border:none;cursor:pointer;color:var(--color-text-muted, #888);font-size:14px;padding:0 4px}.insight-dismiss:hover{color:var(--color-text)}.admin-table-container{background:var(--color-card);border-radius:10px;border:1px solid var(--color-border);overflow:hidden}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th{text-align:left;padding:10px 14px;background:var(--color-primary-hover);border-bottom:1px solid var(--color-border);font-size:12px;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.3px}.admin-table td{padding:10px 14px;border-bottom:1px solid var(--color-border)}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--color-primary-hover)}.role-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase}.role-admin{background:#fee2e2;color:#991b1b}.role-advisor{background:#e8f0fe;color:#1e40af}.role-viewer{background:#f0f1f4;color:#555}.view-mode-toggle{display:flex;background:#ffffff1f;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.15)}.view-mode-btn{background:none;border:none;color:#ffffffb3;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.view-mode-btn:hover{color:#fff;background:#ffffff14}.view-mode-btn.active{background:#fff3;color:#fff}.catalog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:5000}.catalog-dialog{background:var(--color-card);border-radius:12px;box-shadow:0 8px 32px #0003;width:600px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.catalog-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--color-border)}.catalog-body{overflow-y:auto;padding:12px 18px 18px}.catalog-category{margin-bottom:16px}.catalog-category:last-child{margin-bottom:0}.catalog-category-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);margin-bottom:8px;padding-left:2px}.catalog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.catalog-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;padding:14px;cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s}.catalog-item:hover{border-color:var(--color-tab-active);box-shadow:0 0 0 2px var(--color-primary-border)}.properties-panel{width:340px;min-width:340px;max-width:340px;background:var(--color-card);border-left:1px solid var(--color-border);box-shadow:-2px 0 12px var(--color-shadow);display:flex;flex-direction:column;overflow:hidden;height:calc(100vh - 98px);position:sticky;top:0}.properties-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--color-border)}.properties-panel-body{flex:1;overflow-y:auto;padding:12px 14px}.properties-panel-body label{display:block;font-size:12px;font-weight:600;color:#555;margin-bottom:4px;margin-top:12px}.properties-panel-body label:first-child{margin-top:0}.version-autosave-badge{display:inline-block;font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;background:var(--color-primary-light);color:#666;text-transform:uppercase;letter-spacing:.3px}[data-theme=dark] .version-autosave-badge{background:#ffffff1a;color:#aaa}.widget-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:6000}.widget-detail-dialog{background:var(--color-card);border-radius:12px;box-shadow:0 8px 32px #0000004d;width:90vw;height:85vh;display:flex;flex-direction:column;overflow:hidden}.widget-detail-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--color-border);flex-shrink:0}.widget-detail-body{flex:1;overflow:auto;padding:16px}@media (max-width: 768px){.page-tabs{padding:0 8px}.page-tab{padding:8px 10px;font-size:12px}.widget-detail-dialog{width:98vw;height:90vh;border-radius:8px}}.gridstack-container{flex:1;min-height:calc(100vh - 88px);min-width:0;overflow:hidden}.grid-stack{background:transparent;min-width:0!important}.grid-stack-item-content{border-radius:10px;overflow:hidden;background:var(--color-card);border:1px solid var(--color-border);box-shadow:0 1px 3px var(--color-shadow);display:flex;flex-direction:column}.grid-stack-item-content.no-card{background:transparent;border:none;box-shadow:none;border-radius:0}.grid-stack-item[data-widget-type=process-navigator]>.grid-stack-item-content{overflow:visible}.gs-24>.grid-stack-item{width:4.1667%}.gs-24>.grid-stack-item[gs-w="2"]{width:8.3333%}.gs-24>.grid-stack-item[gs-w="3"]{width:12.5%}.gs-24>.grid-stack-item[gs-w="4"]{width:16.6667%}.gs-24>.grid-stack-item[gs-w="5"]{width:20.8333%}.gs-24>.grid-stack-item[gs-w="6"]{width:25%}.gs-24>.grid-stack-item[gs-w="7"]{width:29.1667%}.gs-24>.grid-stack-item[gs-w="8"]{width:33.3333%}.gs-24>.grid-stack-item[gs-w="9"]{width:37.5%}.gs-24>.grid-stack-item[gs-w="10"]{width:41.6667%}.gs-24>.grid-stack-item[gs-w="11"]{width:45.8333%}.gs-24>.grid-stack-item[gs-w="12"]{width:50%}.gs-24>.grid-stack-item[gs-w="13"]{width:54.1667%}.gs-24>.grid-stack-item[gs-w="14"]{width:58.3333%}.gs-24>.grid-stack-item[gs-w="15"]{width:62.5%}.gs-24>.grid-stack-item[gs-w="16"]{width:66.6667%}.gs-24>.grid-stack-item[gs-w="17"]{width:70.8333%}.gs-24>.grid-stack-item[gs-w="18"]{width:75%}.gs-24>.grid-stack-item[gs-w="19"]{width:79.1667%}.gs-24>.grid-stack-item[gs-w="20"]{width:83.3333%}.gs-24>.grid-stack-item[gs-w="21"]{width:87.5%}.gs-24>.grid-stack-item[gs-w="22"]{width:91.6667%}.gs-24>.grid-stack-item[gs-w="23"]{width:95.8333%}.gs-24>.grid-stack-item[gs-w="24"]{width:100%}.gs-24>.grid-stack-item[gs-x="1"]{left:4.1667%}.gs-24>.grid-stack-item[gs-x="2"]{left:8.3333%}.gs-24>.grid-stack-item[gs-x="3"]{left:12.5%}.gs-24>.grid-stack-item[gs-x="4"]{left:16.6667%}.gs-24>.grid-stack-item[gs-x="5"]{left:20.8333%}.gs-24>.grid-stack-item[gs-x="6"]{left:25%}.gs-24>.grid-stack-item[gs-x="7"]{left:29.1667%}.gs-24>.grid-stack-item[gs-x="8"]{left:33.3333%}.gs-24>.grid-stack-item[gs-x="9"]{left:37.5%}.gs-24>.grid-stack-item[gs-x="10"]{left:41.6667%}.gs-24>.grid-stack-item[gs-x="11"]{left:45.8333%}.gs-24>.grid-stack-item[gs-x="12"]{left:50%}.gs-24>.grid-stack-item[gs-x="13"]{left:54.1667%}.gs-24>.grid-stack-item[gs-x="14"]{left:58.3333%}.gs-24>.grid-stack-item[gs-x="15"]{left:62.5%}.gs-24>.grid-stack-item[gs-x="16"]{left:66.6667%}.gs-24>.grid-stack-item[gs-x="17"]{left:70.8333%}.gs-24>.grid-stack-item[gs-x="18"]{left:75%}.gs-24>.grid-stack-item[gs-x="19"]{left:79.1667%}.gs-24>.grid-stack-item[gs-x="20"]{left:83.3333%}.gs-24>.grid-stack-item[gs-x="21"]{left:87.5%}.gs-24>.grid-stack-item[gs-x="22"]{left:91.6667%}.gs-24>.grid-stack-item[gs-x="23"]{left:95.8333%}.widget-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--color-border);background:var(--color-primary-hover);font-weight:700}.widget-header--minimal{padding:4px 8px;border-bottom:1px dashed var(--color-border);background:transparent;font-size:11px;font-weight:400;color:var(--text-secondary);opacity:.6}.widget-title-editable{cursor:text;border-radius:4px;padding:1px 4px;margin:-1px -4px;min-width:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-title-editable:hover{background:var(--color-primary-light);outline:1px dashed var(--color-border)}.widget-title-input{font:inherit;font-weight:700;border:1px solid var(--color-tab-active);border-radius:4px;padding:1px 4px;margin:-2px -5px;background:var(--color-bg);color:var(--color-text);outline:none;min-width:60px;max-width:100%}.widget-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-btn-secondary-bg);color:var(--color-text);cursor:pointer;transition:background .15s,color .15s,border-color .15s;padding:0}.widget-icon-btn:hover{background:var(--color-primary-light);border-color:var(--color-tab-active);color:var(--color-tab-active)}.widget-icon-btn.danger:hover{background:#fee2e2;border-color:var(--color-danger);color:var(--color-danger)}[data-theme=dark] .widget-icon-btn.danger:hover{background:#3d1515}.widget-confirm-delete{gap:4px;align-items:center}.widget-confirm-label{font-size:11px;color:var(--color-danger);font-weight:600;white-space:nowrap}.widget-body{padding:12px;flex:1;overflow:auto}.widget-body.no-pad{padding:0}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.kpi{padding:10px;border-radius:10px;background:var(--color-kpi-bg);border:1px solid var(--color-kpi-border)}.kpi .label{font-size:12px;opacity:.85;margin-bottom:6px}.kpi .value{font-size:20px;font-weight:800}.stat-list{display:flex;flex-direction:column;gap:6px}.stat-list-item{display:flex;flex-direction:column;gap:3px}.stat-list-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.stat-label{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.stat-value{font-size:13px;font-weight:700;white-space:nowrap;display:flex;align-items:baseline;gap:6px}.stat-percent{font-size:11px;font-weight:500;opacity:.55}.stat-bar{height:6px;background:var(--color-border, rgba(0,0,0,.08));border-radius:3px;overflow:hidden}.stat-bar-fill{display:block;height:100%;background:var(--color-primary, #0b3a66);border-radius:3px;transition:width .3s ease}.stat-footer{font-size:11px;margin-top:4px;padding-top:6px;border-top:1px solid var(--color-border, rgba(0,0,0,.08))}.map-toolbar{display:flex;gap:4px;padding:4px 6px;border-bottom:1px solid var(--border);background:var(--card-bg, #fff);align-items:center}.map-view-select{font-size:12px;padding:3px 6px;border:1px solid var(--border);border-radius:6px;background:var(--card-bg, #fff);color:inherit;max-width:160px;cursor:pointer}.map-view-select:focus{outline:none;border-color:var(--primary, #3b82f6)}.map-toolbar-btn{border:1px solid var(--border);background:var(--card-bg, #fff);border-radius:6px;padding:3px 8px;font-size:13px;cursor:pointer;transition:background .15s}.map-toolbar-btn:hover,.map-toolbar-btn.active{background:var(--primary, #3b82f6);color:#fff;border-color:var(--primary, #3b82f6)}.map-basemap-selector{display:inline-flex;gap:0;border:1px solid var(--border);border-radius:6px;overflow:hidden}.map-basemap-selector .map-toolbar-btn{border:none;border-radius:0;border-right:1px solid var(--border);font-size:11px;padding:3px 6px}.map-basemap-selector .map-toolbar-btn:last-child{border-right:none}.map-side-panel{width:220px;min-width:220px;border-right:1px solid var(--border);display:flex;flex-direction:column;background:var(--card-bg, #fff);overflow:hidden}.map-panel-header{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-bottom:1px solid var(--border);font-size:13px}.map-panel-body{padding:6px 8px;overflow-y:auto;flex:1;font-size:13px}.map-layer-item{padding:6px 8px;border-radius:6px;cursor:pointer;margin-bottom:2px;transition:background .15s}.map-layer-item:hover{background:#f0f1f4}.map-layer-item.active{background:#e8f0fe;border-left:3px solid var(--primary, #3b82f6)}.map-search-result{padding:6px;background:#f6f7f9;border-radius:6px;margin-bottom:4px}.map-bookmarks-dropdown{position:absolute;top:0;left:80px;background:var(--card-bg, #fff);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;min-width:160px;padding:4px}.map-bookmark-item{display:block;width:100%;text-align:left;padding:6px 10px;border:none;background:none;border-radius:4px;cursor:pointer;font-size:13px}.map-bookmark-item:hover{background:#f0f1f4}.map-bookmark-item.active{background:#e8f0fe;font-weight:600}.map-iframe-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--card-bg, #fff);z-index:5}.map-iframe-spinner{width:28px;height:28px;border:3px solid var(--border, #e0e0e0);border-top-color:var(--primary, #3b82f6);border-radius:50%;animation:map-spin .7s linear infinite}@keyframes map-spin{to{transform:rotate(360deg)}}.map-config-status{border-radius:8px;padding:8px 12px;font-size:12px}.map-config-status--ok{background:#e8f5e9}.map-config-status--warn{background:#fff3e0}[data-theme=dark] .map-config-status--ok{background:#1b3d20}[data-theme=dark] .map-config-status--warn{background:#3d2e15}.map-config-validation-error{color:#d32f2f;font-size:11px;margin-top:4px}.input--error{border-color:#d32f2f!important}.map-config-test-badge{font-size:12px;padding:2px 8px;border-radius:4px;font-weight:600}.map-config-test-badge--ok{color:#2e7d32;background:#e8f5e9}.map-config-test-badge--error{color:#c62828;background:#ffebee}[data-theme=dark] .map-config-test-badge--ok{color:#81c784;background:#1b3d20}[data-theme=dark] .map-config-test-badge--error{color:#ef9a9a;background:#3d1515}.notification-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;justify-content:center;align-items:center;padding:16px;z-index:1000}.notification-detail{max-width:560px;width:100%;max-height:90vh;overflow-y:auto;border-radius:16px;padding:20px;background:var(--card-bg, var(--bg-primary, #fff))}.story-view{flex:1;overflow-y:auto;padding:0}.story-view.story-empty{display:flex;align-items:center;justify-content:center;min-height:300px}.story-empty-text{color:#888;font-size:15px;text-align:center;padding:40px}.story-article{max-width:800px;margin:0 auto;padding:32px 24px 60px}.story-heading{font-size:22px;font-weight:800;color:#0b3a66;margin:32px 0 12px;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.story-heading:first-child{margin-top:0}.story-text p{font-size:15px;line-height:1.7;margin:8px 0;color:#333}.story-image{margin:20px 0}.story-image img{max-width:100%;border-radius:10px;box-shadow:0 2px 8px #00000014}.story-image figcaption{font-size:12px;color:#888;margin-top:6px;text-align:center}.story-divider{border:none;border-top:1px solid #e2e8f0;margin:24px 0}.story-spacer{height:32px}.story-kpi-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:20px 0}.story-kpi-card{background:linear-gradient(135deg,#e8f0fe,#f0f7ff);border:1px solid rgba(11,58,102,.1);border-radius:12px;padding:20px 28px;text-align:center;min-width:120px}.story-kpi-value{font-size:28px;font-weight:800;color:#0b3a66}.story-kpi-label{font-size:12px;color:#666;margin-top:4px}.story-callout{padding:14px 18px;margin:16px 0;border-radius:10px;border-left:4px solid;font-size:14px;line-height:1.6}.story-callout-info{background:#e8f0fe;border-left-color:#3b82f6;color:#1e40af}.story-callout-warning{background:#fef3c7;border-left-color:#f59e0b;color:#92400e}.story-callout-error{background:#fee2e2;border-left-color:#ef4444;color:#991b1b}.story-callout-success{background:#d1fae5;border-left-color:#10b981;color:#065f46}.story-widget-embed{margin:20px 0;border:1px solid rgba(0,0,0,.08);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 1px 3px #0000000f}.story-widget-embed-header{padding:8px 14px;font-weight:700;font-size:13px;background:#00000005;border-bottom:1px solid rgba(0,0,0,.06)}.story-widget-embed-body{height:calc(100% - 36px);overflow:auto;padding:8px}.story-map-embed{margin:20px 0;border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px #0000000f;position:relative}.story-map-caption{padding:8px 14px;font-size:13px;font-weight:600;background:#00000005;border-bottom:1px solid rgba(0,0,0,.06)}.story-map-iframe{width:100%;height:100%;border:none}.story-placeholder{padding:20px;text-align:center;color:#999;background:#f6f7f9;border-radius:10px;margin:16px 0}.story-view.story-edit{overflow:hidden}.story-editor-container{display:flex;gap:16px;height:calc(100vh - 138px)}.story-editor-preview{flex:1;overflow-y:auto;background:#fff;border-radius:10px;border:1px solid rgba(0,0,0,.06)}.story-editor-sidebar{width:360px;min-width:360px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.story-editor-label{font-weight:800;font-size:13px;padding:8px 12px 4px;color:#0b3a66;text-transform:uppercase;letter-spacing:.5px}.story-block-list{display:flex;flex-direction:column;gap:6px}.story-block-editor{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;overflow:hidden}.story-block-editor-header{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#00000005}.story-block-editor-type{font-size:11px;font-weight:700;text-transform:uppercase;color:#666}.story-block-editor-actions{display:flex;gap:4px}.story-block-editor-body{padding:10px;border-top:1px solid rgba(0,0,0,.06)}.story-block-editor-body label{display:block;font-size:12px;font-weight:600;color:#555;margin-bottom:4px;margin-top:8px}.story-block-editor-body label:first-child{margin-top:0}.story-add-toolbar{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:8px}.story-add-buttons{display:flex;flex-wrap:wrap;gap:4px;padding:4px}.story-add-buttons .btn{font-size:12px;padding:5px 10px}.portal-container{max-width:900px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:20px}.portal-hero{background:var(--color-card);border-radius:12px;padding:32px;border:1px solid var(--color-border);box-shadow:0 1px 3px var(--color-shadow)}.portal-hero h1{margin:0 0 8px;font-size:28px;color:var(--color-tab-active)}.portal-description{font-size:15px;color:var(--color-text-muted);margin:0;line-height:1.6}.portal-welcome{font-size:15px;line-height:1.7;color:var(--color-text);white-space:pre-wrap}.portal-section h2,.portal-section h3{margin:0 0 12px;color:var(--color-tab-active)}.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 700px){.portal-grid{grid-template-columns:1fr}}.portal-links{display:flex;flex-direction:column;gap:8px}.portal-link-card{display:block;padding:12px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg);text-decoration:none;color:var(--color-text);transition:border-color .15s,box-shadow .15s}.portal-link-card:hover{border-color:var(--color-tab-active);box-shadow:0 0 0 2px var(--color-primary-border)}.portal-faq{display:flex;flex-direction:column;gap:8px}.portal-faq-item{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.portal-faq-item summary{padding:12px 14px;font-weight:600;cursor:pointer;background:var(--color-primary-hover)}.portal-faq-item summary:hover{background:var(--color-card-hover)}.portal-faq-item p{padding:12px 14px;margin:0;font-size:14px;line-height:1.6;color:var(--color-text-muted);border-top:1px solid var(--color-border)}@media print{.topbar,.page-tabs,.layout-tools,.properties-panel,.catalog-overlay,.map-toolbar,.no-print{display:none!important}body,.app-shell,.content,.gridstack-container{background:#fff!important;margin:0!important;padding:0!important}.grid-stack{display:block!important;height:auto!important}.grid-stack-item{position:relative!important;float:left!important;width:50%!important;height:auto!important;min-height:200px!important;top:auto!important;left:auto!important;margin-bottom:10px!important;page-break-inside:avoid}.grid-stack-item-content{box-shadow:none!important;border:1px solid #ddd!important}.widget-header .inline-row,.view-mode-toggle{display:none!important}.story-view{overflow:visible!important}.story-editor-sidebar{display:none!important}.story-editor-container{display:block!important}.story-editor-preview{border:none!important;box-shadow:none!important}.story-article{max-width:100%!important;padding:0!important}.story-widget-embed,.story-map-embed{page-break-inside:avoid}.story-heading{page-break-after:avoid}}