*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}body{background-color:var(--c-bg, #f4f6f8);color:var(--c-text, #2c3e50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%}:root{color-scheme:light;--c-brand-accent: #131bc6;--c-brand-accent-rgb-triplet: 19, 27, 198;--c-brand-accent-dark: #0f159d;--c-brand-accent-text: white;--c-ui-accent: #3498db;--c-ui-accent-rgb-triplet: 52, 152, 219;--c-ui-accent-dark: #2980b9;--c-ui-accent-text: white;--c-bg: #f4f6f8;--c-bg-alt: #f9fafb;--c-panel-bg: #ffffff;--c-header-bg: var(--c-panel-bg);--c-text: #2c3e50;--c-text-muted: #7f8c8d;--c-text-heading: var(--c-text);--c-border: #e1e4e8;--c-border-subtle: #f0f2f5;--c-border-extra-subtle: #f7f8f9;--c-shadow-color: rgba(0, 0, 0, .1);--c-input-bg: #ffffff;--c-input-text: #34495e;--c-input-border: #d4d9de;--c-input-focus-border: var(--c-ui-accent);--c-input-focus-shadow-color: var(--c-ui-accent-rgb-triplet);--c-input-disabled-bg: #e9ecef;--c-input-disabled-text: var(--c-text-muted);--c-input-disabled-border: var(--c-input-border);--c-selection-stroke: #e74c3c;--c-error: #dc3545;--c-error-rgb-triplet: 220, 53, 69;--c-error-text-strong: #58151c;--c-error-bg-light: #f8d7da;--c-success-text: #155724;--c-success-text-strong: #0f5132;--c-success-bg: #d4edda;--c-success-bg-light: #d1e7dd;--c-success-border: #c3e6cb;--c-warning-text-strong: #664d03;--c-warning-bg-light: #fff3cd;--c-konva-level-fill: #f0f0f0;--c-konva-room-fill: #e0e0e0;--c-konva-space-fill: #d0d0d0;--c-konva-vent-fill: #d4efdf;--c-konva-vent-supply-fill: var(--c-ui-accent);--c-konva-vent-return-fill: #f0e68c;--c-konva-vent-stroke: #505050;--c-konva-wall-stroke: #2c3e50;--c-konva-wall-preview-stroke: rgba(var(--c-ui-accent-rgb-triplet), .7);--c-konva-space-stroke: var(--c-ui-accent);--c-konva-room-stroke: var(--c-text-muted);--c-konva-legend-line: var(--c-text-muted);--c-konva-legend-text: var(--c-input-text);--c-konva-grid-major: #d0d0d0;--c-konva-grid-medium: #e0e0e0;--c-konva-grid-minor: #eaeaea;--c-konva-grid-fine: #f0f0f0;--c-konva-grid-finest: #f5f5f5;--c-transformer-anchor-fill: var(--c-panel-bg);--c-ruler-bg: #f0f0f0;--c-ruler-text: #666;--c-ruler-tick: #aaa;--c-highlight-bg: #fffbe6;--c-highlight-text: #664d03}@media (prefers-color-scheme: dark){body:not([data-theme]){color-scheme:dark;--c-brand-accent: #5865f2;--c-brand-accent-rgb-triplet: 88, 101, 242;--c-brand-accent-dark: #4752c4;--c-brand-accent-text: white;--c-ui-accent: #6ea8fe;--c-ui-accent-rgb-triplet: 110, 168, 254;--c-ui-accent-dark: #528ae8;--c-ui-accent-text: var(--c-bg);--c-bg: #202225;--c-bg-alt: #2a2d31;--c-panel-bg: #2f3136;--c-header-bg: var(--c-panel-bg);--c-text: #dcddde;--c-text-muted: #96989c;--c-text-heading: #ffffff;--c-border: #40444b;--c-border-subtle: #36393f;--c-border-extra-subtle: #2c2f33;--c-shadow-color: rgba(0, 0, 0, .3);--c-input-bg: #40444b;--c-input-text: #dcddde;--c-input-border: #50555c;--c-input-focus-border: var(--c-ui-accent);--c-input-focus-shadow-color: var(--c-ui-accent-rgb-triplet);--c-input-focus-shadow: rgba(var(--c-ui-accent-rgb-triplet), .35);--c-input-disabled-bg: #3a3f44;--c-input-disabled-text: var(--c-text-muted);--c-input-disabled-border: var(--c-input-border);--c-selection-stroke: #f04747;--c-error: #f04747;--c-error-rgb-triplet: 240, 71, 71;--c-error-text-strong: #fad1d1;--c-error-bg-light: rgba(240, 71, 71, .15);--c-success-text: #43b581;--c-success-text-strong: #d1f0df;--c-success-bg: rgba(67, 181, 129, .15);--c-success-bg-light: rgba(67, 181, 129, .1);--c-success-border: rgba(67, 181, 129, .3);--c-warning-text-strong: #faa61a;--c-warning-bg-light: rgba(250, 166, 26, .15);--c-konva-level-fill: #2a3b4d;--c-konva-level-stroke: #555555;--c-konva-space-fill: #4a5358;--c-konva-room-fill: #726556;--c-konva-vent-supply-fill: var(--c-ui-accent);--c-konva-vent-return-fill: #d98c1a;--c-konva-vent-stroke: #9ca7b1;--c-konva-wall-stroke: #adb5bd;--c-konva-wall-preview-stroke: rgba(var(--c-ui-accent-rgb-triplet), .7);--c-konva-space-stroke: #898e94;--c-konva-room-stroke: #6c757d;--c-konva-legend-line: var(--c-text-muted);--c-konva-legend-text: var(--c-text);--c-konva-grid-major: #484c52;--c-konva-grid-medium: #3e4247;--c-konva-grid-minor: #36393f;--c-konva-grid-fine: #2e3135;--c-konva-grid-finest: #2a2d31;--c-transformer-anchor-fill: var(--c-panel-bg);--c-konva-space-fill-start: #4a5358;--c-konva-space-fill-end: #343a40;--c-ruler-bg: #202225;--c-ruler-text: #b9bbbe;--c-ruler-tick: #4f545c;--c-highlight-bg: #4d4421;--c-highlight-text: #ffecb3}}body[data-theme=dark]{color-scheme:dark;--c-brand-accent: #5865f2;--c-brand-accent-rgb-triplet: 88, 101, 242;--c-brand-accent-dark: #4752c4;--c-brand-accent-text: white;--c-ui-accent: #6ea8fe;--c-ui-accent-rgb-triplet: 110, 168, 254;--c-ui-accent-dark: #528ae8;--c-ui-accent-text: var(--c-bg);--c-bg: #202225;--c-bg-alt: #2a2d31;--c-panel-bg: #2f3136;--c-header-bg: var(--c-panel-bg);--c-text: #dcddde;--c-text-muted: #96989c;--c-text-heading: #ffffff;--c-border: #40444b;--c-border-subtle: #36393f;--c-border-extra-subtle: #2c2f33;--c-shadow-color: rgba(0, 0, 0, .3);--c-input-bg: #40444b;--c-input-text: #dcddde;--c-input-border: #50555c;--c-input-focus-border: var(--c-ui-accent);--c-input-focus-shadow-color: var(--c-ui-accent-rgb-triplet);--c-input-focus-shadow: rgba(var(--c-ui-accent-rgb-triplet), .35);--c-input-disabled-bg: #3a3f44;--c-input-disabled-text: var(--c-text-muted);--c-input-disabled-border: var(--c-input-border);--c-selection-stroke: #f04747;--c-error: #f04747;--c-error-rgb-triplet: 240, 71, 71;--c-error-text-strong: #fad1d1;--c-error-bg-light: rgba(240, 71, 71, .15);--c-success-text: #43b581;--c-success-text-strong: #d1f0df;--c-success-bg: rgba(67, 181, 129, .15);--c-success-bg-light: rgba(67, 181, 129, .1);--c-success-border: rgba(67, 181, 129, .3);--c-warning-text-strong: #faa61a;--c-warning-bg-light: rgba(250, 166, 26, .15);--c-konva-level-fill: #2a3b4d;--c-konva-level-stroke: #555555;--c-konva-space-fill: #4a5358;--c-konva-room-fill: #726556;--c-konva-vent-supply-fill: var(--c-ui-accent);--c-konva-vent-return-fill: #d98c1a;--c-konva-vent-stroke: #9ca7b1;--c-konva-wall-stroke: #adb5bd;--c-konva-wall-preview-stroke: rgba(var(--c-ui-accent-rgb-triplet), .7);--c-konva-space-stroke: #898e94;--c-konva-room-stroke: #6c757d;--c-konva-legend-line: var(--c-text-muted);--c-konva-legend-text: var(--c-text);--c-konva-grid-major: #484c52;--c-konva-grid-medium: #3e4247;--c-konva-grid-minor: #36393f;--c-konva-grid-fine: #2e3135;--c-konva-grid-finest: #2a2d31;--c-transformer-anchor-fill: var(--c-panel-bg);--c-konva-space-fill-start: #4a5358;--c-konva-space-fill-end: #343a40;--c-ruler-bg: #202225;--c-ruler-text: #b9bbbe;--c-ruler-tick: #4f545c;--c-highlight-bg: #4d4421;--c-highlight-text: #ffecb3}body[data-theme=light]{color-scheme:light;accent-color:var(--c-ui-accent);--c-brand-accent: #131bc6;--c-brand-accent-rgb-triplet: 19, 27, 198;--c-brand-accent-dark: #0f159d;--c-brand-accent-text: white;--c-ui-accent: #3498db;--c-ui-accent-rgb-triplet: 52, 152, 219;--c-ui-accent-dark: #2980b9;--c-ui-accent-text: white;--c-bg: #f4f6f8;--c-bg-alt: #f9fafb;--c-panel-bg: #ffffff;--c-header-bg: var(--c-panel-bg);--c-text: #2c3e50;--c-text-muted: #7f8c8d;--c-text-heading: var(--c-text);--c-border: #e1e4e8;--c-border-subtle: #f0f2f5;--c-border-extra-subtle: #f7f8f9;--c-shadow-color: rgba(0, 0, 0, .1);--c-input-bg: #ffffff;--c-input-text: #34495e;--c-input-border: #d4d9de;--c-input-focus-border: var(--c-ui-accent);--c-input-focus-shadow-color: var(--c-ui-accent-rgb-triplet);--c-input-focus-shadow: rgba(var(--c-ui-accent-rgb-triplet), .25);--c-input-disabled-bg: #e9ecef;--c-input-disabled-text: var(--c-text-muted);--c-input-disabled-border: var(--c-input-border);--c-selection-stroke: #e74c3c;--c-error: #dc3545;--c-error-rgb-triplet: 220, 53, 69;--c-error-text-strong: #58151c;--c-error-bg-light: #f8d7da;--c-success-text: #155724;--c-success-text-strong: #0f5132;--c-success-bg: #d4edda;--c-success-bg-light: #d1e7dd;--c-success-border: #c3e6cb;--c-warning-text-strong: #664d03;--c-warning-bg-light: #fff3cd;--c-konva-level-fill: #f0f0f0;--c-konva-room-fill: #b39d7b;--c-konva-space-fill: #e0e0e0;--c-konva-vent-fill: #d4efdf;--c-konva-vent-supply-fill: var(--c-ui-accent);--c-konva-vent-return-fill: #f0e68c;--c-konva-vent-stroke: #58d68d;--c-konva-wall-stroke: #2c3e50;--c-konva-wall-preview-stroke: rgba(var(--c-ui-accent-rgb-triplet), .7);--c-konva-space-stroke: #5dade2;--c-konva-room-stroke: #95a5a6;--c-konva-legend-line: var(--c-text-muted);--c-konva-legend-text: var(--c-input-text);--c-konva-grid: #e1e4e8;--c-konva-grid-major: rgb(192, 192, 192);--c-konva-grid-medium: rgb(208, 208, 208);--c-konva-grid-minor: rgb(224, 224, 224);--c-konva-grid-fine: rgb(234, 234, 234);--c-konva-grid-finest: rgb(240, 240, 240);--c-konva-space-fill-start: #e0f0ff;--c-konva-space-fill-end: #d6eaf8;--c-transformer-anchor-fill: var(--c-panel-bg);--c-ruler-bg: #f0f0f0;--c-ruler-text: #666;--c-ruler-tick: #aaa}.app-header{display:flex;justify-content:space-between;align-items:center;padding:0 15px;border-bottom:1px solid var(--c-border);flex-shrink:0;background-color:var(--c-header-bg);z-index:10}.app-header>div{display:flex;gap:10px}.app-header h1{padding:12px 0;font-size:1.5em;text-align:center;flex-shrink:1;flex-grow:0;margin:0 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-group{display:flex;align-items:center;gap:10px}.button,.button-primary,.button-secondary,.save-button,.logout-button,.back-button,.theme-toggle-button,.error-overlay button,.link-button{padding:8px 15px;font-size:.95em;font-weight:500;border-radius:4px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .05s ease,box-shadow .15s ease;border:1px solid transparent;text-align:center;line-height:1.4;white-space:nowrap;vertical-align:middle;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.button:focus-visible,.button-primary:focus-visible,.button-secondary:focus-visible,.save-button:focus-visible,.logout-button:focus-visible,.back-button:focus-visible,.theme-toggle-button:focus-visible,.error-overlay button:focus-visible,.link-button:focus-visible{outline:2px solid var(--c-ui-accent);outline-offset:2px;box-shadow:0 0 0 3px rgba(var(--c-ui-accent-rgb-triplet),.25)}.button-primary,.save-button,.error-overlay button{background-color:var(--c-brand-accent);color:var(--c-brand-accent-text);border-color:var(--c-brand-accent)}.button-primary:hover:not(:disabled),.save-button:hover:not(:disabled),.error-overlay button:hover:not(:disabled){background-color:var(--c-brand-accent-dark);border-color:var(--c-brand-accent-dark);transform:translateY(-1px)}.button-primary:active:not(:disabled),.save-button:active:not(:disabled),.error-overlay button:active:not(:disabled){transform:translateY(0)}.button-secondary,.back-button,.theme-toggle-button{background-color:var(--c-input-bg);color:var(--c-text);border-color:var(--c-input-border)}.button-secondary:hover:not(:disabled),.back-button:hover:not(:disabled),.theme-toggle-button:hover:not(:disabled){border-color:var(--c-ui-accent);color:var(--c-ui-accent);background-color:rgba(var(--c-ui-accent-rgb-triplet),.05)}.logout-button{background-color:transparent;color:var(--c-text-muted);border-color:transparent;padding:6px 12px;font-size:.875em}.logout-button:hover:not(:disabled){background-color:rgba(var(--c-error-rgb-triplet),.08);color:var(--c-error);border-color:rgba(var(--c-error-rgb-triplet),.3)}.link-button{background:none!important;border:none!important;color:var(--c-ui-accent)!important;padding:0 4px!important;font-size:inherit!important;text-decoration:underline!important;line-height:normal!important;justify-content:flex-start}.link-button:hover:not(:disabled){color:var(--c-ui-accent-dark)!important;background-color:transparent!important;border-color:transparent!important;transform:none!important}.button:disabled,.button-primary:disabled,.button-secondary:disabled,.save-button:disabled,.logout-button:disabled,.back-button:disabled,.theme-toggle-button:disabled,.error-overlay button:disabled,.link-button:disabled{background-color:var(--c-input-disabled-bg)!important;border-color:var(--c-input-disabled-border)!important;color:var(--c-input-disabled-text)!important;opacity:.65;cursor:not-allowed;transform:none;box-shadow:none;text-decoration:none}.save-button{padding:6px 12px;font-size:.875em}.theme-toggle-button{padding:6px 10px;font-size:1.1em}.theme-toggle-button svg{width:1em;height:1em}.back-button{padding:6px 10px;margin-right:10px;font-size:1em}.error-overlay button{padding:.7rem 1.2rem;font-size:.95em}.page-container{padding:20px;height:100%;box-sizing:border-box}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--c-border)}.page-header h1{margin:0;font-size:1.8em;font-weight:600;color:var(--c-text-heading)}.app-main-wrapper{height:100%;display:flex;flex-direction:column;overflow:hidden;margin:0;width:100%;max-width:none}.app-container{display:flex;flex-direction:row;flex-grow:1;gap:15px;padding:15px;box-sizing:border-box;min-height:0;overflow:hidden}.canvas-container{flex-grow:1;position:relative;overflow:hidden;border:1px solid var(--c-border);display:flex;min-width:300px;min-height:300px}.canvas-container>div{width:100%;height:100%;overflow:hidden;background-color:var(--c-input-bg);box-sizing:border-box}.sidebar-container{flex-shrink:0;flex-basis:300px;max-width:40%;display:flex;flex-direction:column;gap:15px;min-height:0}.main-content-area{flex-grow:1;min-width:0;display:flex;flex-direction:row;gap:15px;min-height:0;overflow:hidden}.toolbox-panel-container{flex-shrink:0;width:60px;border:1px solid var(--c-border);background-color:var(--c-panel-bg);box-sizing:border-box}.toolbox-panel{padding:10px 5px;height:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:10px}.toolbox-panel h3{margin:0;padding-bottom:10px;border-bottom:1px solid var(--c-border);font-size:1em;text-align:center;width:100%;flex-shrink:0;box-sizing:border-box}.toolbox-buttons{display:flex;flex-direction:column;gap:8px;align-items:center;width:100%}.toolbox-buttons button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 5px;width:100%;cursor:pointer;border:1px solid transparent;background-color:transparent;color:var(--c-text-muted);border-radius:4px;font-size:.8em;text-align:center;transition:border-color .15s ease-in-out,background-color .15s ease-in-out,color .15s ease-in-out;line-height:1.2}.toolbox-buttons button:hover{border-color:var(--c-input-border);background-color:var(--c-panel-bg);color:var(--c-text)}.toolbox-fa-icon{font-size:1.5em;margin-bottom:2px;color:var(--c-ui-accent)}.object-list-panel,.property-panel{flex-grow:1;overflow-y:auto;padding:15px;min-height:0}.object-list-panel h3{border-bottom:1px solid var(--c-border-subtle);position:sticky;top:-10px;background-color:var(--c-panel-bg);z-index:10;font-size:1.1em;margin:-15px -10px 10px;padding:15px 10px 8px;box-sizing:border-box}ul.object-list.tree-view{list-style:none;padding:0;margin:0}ul.nested-list{list-style:none;padding-left:20px;margin:5px 0 0}li.object-item{margin-bottom:1px;border-radius:4px}.object-item-content{display:flex;align-items:center;gap:6px;padding:4px 6px;cursor:pointer;border-radius:3px;transition:background-color .15s ease-in-out}li.object-item.selected>.object-item-content{background-color:var(--c-ui-accent);color:var(--c-ui-accent-text)}li.object-item:not(.selected)>.object-item-content:hover{background-color:#0000000d}body[data-theme=dark] li.object-item:not(.selected)>.object-item-content:hover{background-color:#ffffff14}button.toggle-button{background:none;border:none;margin:0;cursor:pointer;font-size:.8em;color:var(--c-text-muted);line-height:1;width:1em;flex-shrink:0;text-align:center;border-radius:3px;padding:2px 5px 2px 0;transition:color .15s ease,background-color .25s ease}button.toggle-button:hover{color:var(--c-ui-accent);background-color:rgba(var(--c-ui-accent-rgb-triplet),.08)}li.object-item.selected button.toggle-button{color:inherit}.indent-placeholder{display:inline-block;width:1em;flex-shrink:0}.object-icon{display:inline-flex;justify-content:center;align-items:center;width:1.4em;height:1.4em;font-size:.85em;border-radius:3px;flex-shrink:0;text-align:center}.object-item-level .object-icon{color:#3498db;background-color:#ebf5fb}.object-item-space .object-icon{color:#9b59b6;background-color:#f5eef8}.object-item-room .object-icon{color:#e67e22;background-color:#fef5e7}.object-item-vent .object-icon{color:#2ecc71;background-color:#e8f8f5}.object-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9em;flex-grow:1}body[data-theme=dark] .object-item-level .object-icon{color:#85c1e9;background-color:#283747}body[data-theme=dark] .object-item-space .object-icon{color:#bb8fce;background-color:#3a2c41}body[data-theme=dark] .object-item-room .object-icon{color:#eb984e;background-color:#4e342e}body[data-theme=dark] .object-item-vent .object-icon{color:#7dcea0;background-color:#1f3a31}.object-list .list-item-empty,ul.nested-list>.list-item-empty{padding:6px 10px 6px 42px;font-size:.85em;color:var(--c-text-muted);font-style:italic;list-style:none}.property-panel{padding:15px;overflow-y:auto;flex-grow:1;box-sizing:border-box;position:relative;min-height:0}.property-panel h3{position:sticky;top:-15px;background-color:var(--c-panel-bg);border-bottom:1px solid var(--c-border-subtle);z-index:10;box-sizing:border-box;font-size:1.1em;margin:0 -15px;padding:15px 15px 10px}.property-panel-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--c-text-muted);padding:30px 15px;height:100%;box-sizing:border-box;font-style:italic}.property-panel-empty-state p{margin-bottom:15px;font-size:.95em;max-width:80%}.property-panel-empty-state .fa-icon{font-size:2.5em;opacity:.4;margin-top:10px}.prop-group{margin-bottom:15px}.prop-group label{display:block;margin-bottom:5px;font-weight:600;font-size:.875em;color:var(--c-text-muted)}.prop-group input[type=text],.prop-group input[type=number],.prop-group select,.prop-group textarea{display:block;width:100%;padding:8px 10px;box-sizing:border-box;border-radius:4px;font-size:.95em;background-color:var(--c-input-bg);color:var(--c-input-text);border:1px solid var(--c-input-border);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.prop-group input:focus,.prop-group select:focus,.prop-group textarea:focus{border-color:var(--c-input-focus-border);outline:0;box-shadow:0 0 0 .2rem rgba(var(--c-input-focus-shadow-color),.25)}.prop-group input:disabled,.prop-group textarea:disabled,.prop-group select:disabled{background-color:var(--c-input-disabled-bg);color:var(--c-input-disabled-text);border-color:var(--c-input-disabled-border);cursor:not-allowed;box-shadow:none}.prop-group input[type=checkbox],.prop-group input[type=radio]{accent-color:var(--c-ui-accent)}.prop-group-checkbox{display:flex;align-items:center;gap:10px;padding:5px 0}.prop-group-checkbox label{margin-bottom:0;flex-grow:1;font-weight:400;color:var(--c-text);cursor:pointer}.prop-group-checkbox input[type=checkbox]{width:auto;flex-shrink:0;height:1em;width:1em;cursor:pointer;margin-top:2px}.portal-card{background-color:var(--c-panel-bg);border:1px solid var(--c-border);border-radius:8px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;padding:20px 24px}.portal-card.clickable:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0000001a;cursor:pointer;border-color:var(--c-ui-accent)}.portal-card .card-header{margin:-20px -24px 20px;padding:16px 24px;border-bottom:1px solid var(--c-border-subtle);font-size:1.1em;font-weight:600;display:flex;align-items:center;gap:10px}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--c-text-muted);border-radius:10px;border:2px solid var(--c-panel-bg)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--c-text)}body[data-theme=dark] .custom-scrollbar::-webkit-scrollbar-track{background:#ffffff0d}.loading-overlay,.error-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;text-align:center;font-size:1.2rem;background-color:var(--c-bg);color:var(--c-text)}.error-overlay h2{color:var(--c-error);margin-bottom:1rem}.error-overlay p{margin-bottom:1.5rem}.landing-page-container .logout-button{margin-top:20px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:active,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus,select:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--c-input-bg) inset!important;box-shadow:0 0 0 30px var(--c-input-bg) inset!important;-webkit-text-fill-color:var(--c-input-text)!important;border:1px solid var(--c-input-border)!important;transition:background-color 5000s ease-in-out 0s}input:-moz-ui-invalid{box-shadow:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1050;animation:fadeInOverlay .3s ease-out forwards}.modal-content{background:var(--c-panel-bg);color:var(--c-text);padding:25px 30px;border-radius:8px;box-shadow:0 8px 25px #00000026;width:100%;max-width:480px;position:relative;animation:scaleUpModal .3s ease-out forwards;text-align:left}.modal-content h2{margin-top:0;margin-bottom:20px;text-align:center;font-size:1.8em;font-weight:600;color:var(--c-text-heading)}.modal-actions{margin-top:25px;display:flex;justify-content:flex-end;gap:10px}.form-group{margin-bottom:18px}.form-group label{display:block;margin-bottom:6px;font-weight:500;font-size:.9rem;color:var(--c-text-muted)}.form-group input[type=text],.form-group input[type=password],.form-group input[type=email],.form-group input[type=number]{width:100%;padding:10px 12px;box-sizing:border-box;border:1px solid var(--c-input-border);border-radius:4px;font-size:1em;background-color:var(--c-input-bg);color:var(--c-input-text);transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.form-group input[type=text]:focus,.form-group input[type=password]:focus,.form-group input[type=email]:focus,.form-group input[type=number]:focus{outline:none;border-color:var(--c-input-focus-border);box-shadow:0 0 0 .2rem rgba(var(--c-input-focus-shadow-color),.25)}.error-message{color:var(--c-error-text-strong);background-color:var(--c-error-bg-light);border:1px solid var(--c-error);padding:10px 12px;border-radius:4px;margin-bottom:15px;font-size:.9em;text-align:left}.success-message{color:var(--c-success-text-strong);background-color:var(--c-success-bg-light);border:1px solid var(--c-success-border);padding:10px 12px;border-radius:4px;margin-bottom:15px;font-size:.9em;text-align:left}.page-content:has(.editor-view-active){padding:0;overflow:hidden}.editor-view-active{display:flex;height:100%;width:100%}.editor-view-active .main-content-area{display:flex;flex-grow:1;overflow:hidden}.editor-view-active .canvas-container{flex-grow:1}.editor-view-active .sidebar-container{display:flex;flex-direction:column;width:300px;flex-shrink:0;border-left:1px solid var(--c-border);height:100%}.editor-view-active .object-list-panel-container{flex-shrink:1;max-height:60%;display:flex;flex-direction:column;border-bottom:1px solid var(--c-border)}.editor-view-active .property-panel-container{flex-grow:1;min-height:0;display:flex;flex-direction:column}.editor-view-active .property-panel-container{border-bottom:none}.card{background-color:var(--c-panel-bg);border:1px solid var(--c-border);border-radius:8px;box-shadow:0 2px 5px #0000000d;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.card.clickable:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000001a;cursor:pointer}.card-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--c-border);font-size:1.1em;font-weight:600}.card-body{padding:16px;flex-grow:1}.card-body p{margin:0 0 10px;font-size:.9em;color:var(--c-text-muted)}.card-body p strong{color:var(--c-text)}.card-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--c-bg-alt);border-top:1px solid var(--c-border);border-radius:0 0 7px 7px;font-size:.9em;margin-top:auto}.ticket-status{padding:4px 8px;border-radius:12px;font-size:.8em;font-weight:600;display:inline-block;text-transform:capitalize}.ticket-status.status-open{background-color:var(--c-success-bg-light);color:var(--c-success-text-strong)}.ticket-status.status-pending{background-color:var(--c-warning-bg-light, #fff3cd);color:var(--c-warning-text-strong, #664d03);border:1px solid rgba(var(--c-warning-text-strong-rgb, 102, 77, 3),.2)}body[data-theme=dark] .ticket-status.status-pending{background-color:#faa61a26;color:#faa61a;border-color:#faa61a66}.ticket-status.status-in-progress{background-color:var(--c-warning-bg-light);color:var(--c-warning-text-strong)}.ticket-status.status-resolved,.ticket-status.status-closed{background-color:var(--c-input-disabled-bg);color:var(--c-text-muted)}@media (max-width: 768px){.page-container,.portal-card{padding:16px}.portal-card .card-header{margin:-16px -16px 16px;padding:12px 16px;font-size:1.05em}.page-header{margin-bottom:16px}.page-header h1{font-size:1.5em}}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:.9rem;color:var(--c-text-muted)}.form-group input[type=text],.form-group input[type=password],.form-group input[type=email],.form-group input[type=number],.form-group input[type=date],.form-group select,.form-group textarea{width:100%;height:auto;padding:8px 12px;box-sizing:border-box;border:1px solid var(--c-input-border);border-radius:6px;font-size:1em;background-color:var(--c-input-bg);color:var(--c-input-text);transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;line-height:normal}.form-group input[type=text]:focus,.form-group input[type=password]:focus,.form-group input[type=email]:focus,.form-group input[type=number]:focus,.form-group input[type=date]:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--c-input-focus-border);box-shadow:0 0 0 .2rem var(--c-input-focus-shadow)}.form-group input[type=date]{position:relative;line-height:1.5}.form-group input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.form-fieldset{border:1px solid var(--c-border);border-radius:6px;padding:10px 20px 20px;margin-bottom:20px}.form-fieldset legend{padding:0 10px;font-weight:600;color:var(--c-text-muted)}.form-input-row{display:flex;flex-direction:row;gap:10px}.form-input-row>input,.form-input-row>select,.form-input-row>textarea{flex-grow:1;flex-basis:0;min-width:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}@media (max-width: 600px){.form-grid{grid-template-columns:1fr;gap:0}.modal-content{padding:20px}}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon .input-field-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--c-text-muted);font-size:.95em;z-index:2;pointer-events:none}.input-with-icon>input[type=text],.input-with-icon>input[type=password],.input-with-icon>input[type=email],.input-with-icon>input[type=number]{padding-left:40px}.password-visibility-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;padding:5px;cursor:pointer;color:var(--c-text-muted);font-size:1.1em;line-height:1;display:flex;align-items:center;justify-content:center;z-index:2}.password-visibility-toggle:hover,.password-visibility-toggle:focus{color:var(--c-ui-accent);outline:none}.password-visibility-toggle::-moz-focus-inner{border:0}.form-group.form-group-checkbox{display:flex;align-items:center;gap:10px;padding:5px 0;margin-bottom:15px}.form-group.form-group-checkbox label{margin-bottom:0;flex-grow:1;font-weight:400;color:var(--c-text);cursor:pointer}.form-group.form-group-checkbox input[type=checkbox]{width:auto;flex-shrink:0;height:1em;width:1em;cursor:pointer;margin-top:2px;accent-color:var(--c-ui-accent);padding:0;border-radius:3px;border:1px solid var(--c-input-border);background-color:var(--c-input-bg)}.form-group.form-group-checkbox input[type=checkbox]:focus{border-color:var(--c-input-focus-border);box-shadow:0 0 0 .2rem var(--c-input-focus-shadow)}@keyframes shakeError{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-6px)}20%,40%,60%,80%{transform:translate(6px)}}.error-message{color:var(--c-error-text, var(--c-selection-stroke));background-color:var(--c-error-bg, rgba(231, 76, 60, .08));border:1px solid var(--c-error-border, rgba(231, 76, 60, .25));padding:12px 15px;border-radius:6px;margin-bottom:20px;font-size:.9em;text-align:left;animation:shakeError .5s ease-in-out}.success-message{color:var(--c-success-text);background-color:var(--c-success-bg);border:1px solid var(--c-success-border);padding:12px 15px;border-radius:6px;margin-bottom:20px;font-size:.9em;text-align:left}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeInOverlay .3s ease-out forwards}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--c-panel-bg);color:var(--c-text);padding:0;overflow:hidden;border-radius:8px;box-shadow:0 8px 25px #00000026;width:100%;max-width:480px;display:flex;flex-direction:column;max-height:90vh;position:relative;animation:scaleUpModal .3s ease-out forwards;text-align:left}@keyframes scaleUpModal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-content h2{margin-top:0;margin-bottom:25px;text-align:center;font-size:1.7em;font-weight:600;color:var(--c-text);border-bottom:1px solid var(--c-border-subtle, var(--c-border));padding-bottom:15px}.modal-actions{padding:16px 24px;flex-shrink:0;border-top:1px solid var(--c-border);display:flex;justify-content:flex-end;gap:10px;background-color:var(--c-bg-alt)}.modal-header{padding:20px 24px;flex-shrink:0;border-bottom:1px solid var(--c-border)}.modal-header h2{margin:0;text-align:center;font-size:1.6em}.modal-body{padding:24px;overflow-y:auto;flex-grow:1}.new-project-modal-content.modal-content{max-width:450px}.new-project-modal-content h2{font-size:1.6em}.login-page-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;background-color:var(--c-bg);padding:20px;box-sizing:border-box}.login-form-card{background:var(--c-panel-bg);color:var(--c-text);padding:30px 40px;border-radius:12px;box-shadow:0 10px 30px #0000001a;width:100%;max-width:420px;text-align:center;animation:fadeInScaleUp .5s ease-out forwards}.login-form-card form .form-group:first-child{margin-top:15px}.login-form-card .button-primary{width:100%;padding-top:12px;padding-bottom:12px;font-size:1.05em;margin-top:15px}@keyframes fadeInScaleUp{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.login-form-card h2{margin-top:0;margin-bottom:25px;font-size:2.2em;color:var(--c-text);font-weight:600;letter-spacing:-.5px}.login-page-links{margin-top:25px;font-size:.9em;display:flex;justify-content:space-between;align-items:center}.login-page-links .link-button{color:var(--c-text-muted)}.login-page-links .link-button.create-account-link{color:var(--c-ui-accent);font-weight:500}.login-page-links .link-button:hover:not(:disabled){color:var(--c-ui-accent-dark);text-decoration:underline}.login-logo-container{margin-bottom:25px;text-align:center}.login-logo{max-width:330px;width:100%;height:auto;display:block;margin-left:auto;margin-right:auto;opacity:.9}@media (max-width: 600px){.login-page-container{padding:0;justify-content:flex-start;min-height:100vh}.login-form-card{width:100%;height:100%;max-width:none;border-radius:0;box-shadow:none;border:none;padding:40px 20px;display:flex;flex-direction:column;justify-content:center}.login-form-card h2{font-size:1.8em;margin-bottom:20px}.login-logo{max-width:250px}.login-page-links{margin-top:20px}}.dashboard-page-title{font-size:1.8em;font-weight:600;color:var(--c-text);margin-bottom:25px;border-bottom:1px solid var(--c-border-subtle, var(--c-border));padding-bottom:10px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.system-status-card .status-indicator{display:flex;align-items:center;font-size:1.3em;font-weight:600;margin-bottom:10px;padding:10px;border-radius:6px}.system-status-card .status-indicator .svg-inline--fa{margin-right:10px;font-size:1.2em}.system-status-card .status-indicator.unknown{color:var(--c-text-muted);background-color:var(--c-bg-alt)}.system-status-card .status-indicator.operational{color:var(--c-success-text-strong, #0f5132);background-color:var(--c-success-bg-light, #d1e7dd)}.system-status-card .status-indicator.operational .icon-success{color:var(--c-success-text-strong, #0f5132)}.system-status-card .status-indicator.warning{color:var(--c-warning-text-strong, #664d03);background-color:var(--c-warning-bg-light, #fff3cd)}.system-status-card .status-indicator.warning .icon-warning{color:var(--c-warning-text-strong, #664d03)}.system-status-card .status-indicator.error{color:var(--c-danger-text-strong, #58151c);background-color:var(--c-danger-bg-light, #f8d7da)}.system-status-card .status-indicator.error .icon-danger{color:var(--c-danger-text-strong, #58151c)}.system-status-card .status-message{font-size:.9em;color:var(--c-text-muted);flex-grow:1}.device-summary-card .summary-item,.ticket-summary-card .summary-item{display:flex;align-items:center;gap:15px;padding:8px 0;border-bottom:1px solid var(--c-border-extra-subtle)}.device-summary-card .summary-icon,.ticket-summary-card .summary-icon{font-size:1.8em;color:var(--c-accent);margin-right:15px;width:30px;text-align:center}.device-summary-card .summary-item:last-child{border-bottom:none}.device-summary-card .summary-item .summary-icon{font-size:1.5em;width:24px;text-align:center;opacity:.8}.device-summary-card .summary-item.total .count{color:var(--c-text)}.device-summary-card .summary-item.operational .count{color:var(--c-success-text)}.device-summary-card .summary-item.warning .count{color:var(--c-warning-text-strong)}.device-summary-card .summary-item.error .count{color:var(--c-error)}.device-summary-card .summary-item.offline .count{color:var(--c-text-muted)}.device-summary-card .summary-item.warning .summary-icon{color:var(--c-warning-text-strong)}.device-summary-card .summary-item.error .summary-icon{color:var(--c-error)}.device-summary-card .summary-item.offline .summary-icon{color:var(--c-text-muted);transform:rotate(45deg)}.device-summary-card .summary-item .count,.ticket-summary-card .summary-item .count{font-size:1.6em;font-weight:600;color:var(--c-text);display:block;line-height:1.1}.device-summary-card .summary-item .label,.ticket-summary-card .summary-item .label{font-size:.85em;color:var(--c-text-muted);display:block}.summary-breakdown .summary-item .label{display:flex;align-items:center;gap:10px}.ticket-summary-card .recent-ticket-info{font-size:.9em;color:var(--c-text-muted);margin-top:0;margin-bottom:15px}.ticket-summary-card .recent-ticket-info span{color:var(--c-text);font-style:italic}.card-footer-action{margin-top:auto;padding-top:16px;border-top:1px solid var(--c-border-subtle)}.ticket-actions-footer{display:flex;justify-content:space-between;align-items:center}.button-link-styled{background:none;border:none;padding:0;color:var(--c-ui-accent);font-weight:600;cursor:pointer;transition:color .2s ease}.button-link-styled:hover{color:var(--c-ui-accent-dark)}.ticket-summary-card .ticket-actions{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.button-secondary-small{padding:6px 12px;font-size:.85em;background-color:var(--c-input-bg);color:var(--c-text);border:1px solid var(--c-input-border);display:inline-flex;align-items:center;gap:6px}.button-secondary-small .svg-inline--fa{font-size:.9em}.quick-links-card .quick-links-list{list-style:none;padding:0;margin:0}.quick-links-card .quick-links-list li{margin-bottom:8px}.quick-links-card .quick-links-list button{display:flex;align-items:center;gap:10px;padding:8px 0;background:none;border:none;color:var(--c-accent);cursor:pointer;font-size:.95em;font-weight:500;text-align:left;width:100%;transition:color .2s ease}.quick-links-card .quick-links-list button:hover{color:var(--c-accent-dark);text-decoration:underline}.quick-links-card .quick-links-list button .svg-inline--fa{width:18px;text-align:center;font-size:1em;color:var(--c-text-muted)}.quick-links-card .quick-links-list button:hover .svg-inline--fa{color:var(--c-accent-dark)}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:var(--c-text-muted)}.loading-spinner-container .svg-inline--fa{margin-bottom:10px;color:var(--c-ui-accent)}.inline-link{background:none;border:none;color:var(--c-ui-accent);padding:0;text-decoration:underline;cursor:pointer;font:inherit}.inline-link:hover{color:var(--c-ui-accent-dark)}@media (max-width: 992px){.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 600px){.dashboard-grid{grid-template-columns:1fr}}.summary-list{width:100%}.total-summary{text-align:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--c-border-subtle)}.total-summary .count{font-size:2.5em;line-height:1}.total-summary .label{font-size:1em;font-weight:500;color:var(--c-text-muted)}.summary-breakdown{margin-top:15px;padding-top:15px;border-top:1px solid var(--c-border-subtle);display:flex;flex-direction:column;gap:12px}.summary-breakdown .summary-item{display:flex;justify-content:space-between;align-items:center}.summary-breakdown .summary-item .label{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--c-text-muted)}.summary-breakdown .summary-item .value{font-weight:600;font-size:1em;color:var(--c-text)}.summary-breakdown .summary-item .label .fa-icon{font-size:.9em}.summary-breakdown .summary-item.operational .fa-icon{color:var(--c-success-text)}.summary-breakdown .summary-item.warning .fa-icon{color:var(--c-warning-text-strong)}.summary-breakdown .summary-item.error .fa-icon{color:var(--c-error)}.notification-panel{position:absolute;top:100%;right:0;width:380px;max-height:450px;background-color:var(--c-panel-bg);border:1px solid var(--c-border);border-radius:8px;box-shadow:0 8px 16px #00000026;z-index:1100;display:flex;flex-direction:column;overflow:hidden}.notification-panel-header,.notification-panel-footer{padding:12px 16px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center}.notification-panel-header{border-bottom:1px solid var(--c-border-subtle)}.notification-panel-footer{border-top:1px solid var(--c-border-subtle);justify-content:center}.notification-panel-header h3{margin:0;font-size:1.1em}.notification-list{list-style:none;padding:0;margin:0;overflow-y:auto;flex-grow:1}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid var(--c-border-extra-subtle);transition:background-color .2s ease}.notification-item:hover{background-color:var(--c-bg-alt)}.notification-item.is-read .notification-message{color:var(--c-text-muted)}.notification-item.is-unread .notification-message{font-weight:600;color:var(--c-text)}.notification-icon{font-size:1.2em;margin-top:4px;width:20px;text-align:center;color:var(--c-text-muted)}.notification-item[data-type=alert] .notification-icon{color:var(--c-error)}.notification-item[data-type=ticket] .notification-icon{color:var(--c-ui-accent)}.notification-content{flex-grow:1}.notification-message{margin:0 0 4px;font-size:.9em;line-height:1.4}.notification-timestamp{font-size:.8em;color:var(--c-text-muted)}.no-notifications{padding:40px 20px;text-align:center;color:var(--c-text-muted);font-style:italic}@media (max-width: 600px){.notification-panel{position:fixed;top:60px;left:10px;right:10px;width:auto;max-width:none;max-height:70vh}}._panel_uvetl_3{position:absolute;top:100%;left:0;right:0;background-color:var(--c-panel-bg);border:1px solid var(--c-border);border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #0000001a;z-index:100;max-height:400px;overflow-y:auto}._loadingState_uvetl_33,._noResults_uvetl_33{padding:20px;text-align:center;color:var(--c-text-muted)}._sectionHeader_uvetl_45{font-size:.8em;font-weight:600;text-transform:uppercase;color:var(--c-text-muted);padding:10px 15px 5px;border-bottom:1px solid var(--c-border);margin:0}._resultsContainer_uvetl_65 ul{list-style:none;padding:0;margin:0}._resultsContainer_uvetl_65 li{display:flex;align-items:center;gap:12px;padding:10px 15px;cursor:pointer;transition:background-color .15s ease}._resultsContainer_uvetl_65 li:hover{background-color:var(--c-bg-alt)}._resultsContainer_uvetl_65 li strong{background-color:var(--c-highlight-bg, yellow);color:var(--c-highlight-text, black);padding:1px 3px;border-radius:3px;font-weight:600}._icon_uvetl_125{color:var(--c-ui-accent);width:16px}._itemContent_uvetl_135{display:flex;flex-direction:column;flex-grow:1;min-width:0}._itemTitle_uvetl_149{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._itemDate_uvetl_163{font-size:.8em;color:var(--c-text-muted)}._itemSnippet_uvetl_173{font-size:.8em;color:var(--c-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:italic}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:60px;background-color:var(--c-panel-bg);border-bottom:1px solid var(--c-border);flex-shrink:0;position:sticky;top:0;z-index:1000}.top-bar-left,.top-bar-center,.top-bar-right{display:flex;align-items:center;gap:15px}.top-bar-center{flex-grow:1;justify-content:center}.sidebar-toggle-button{background:none;border:none;color:var(--c-text-muted);font-size:1.2em;cursor:pointer;padding:5px;display:none}.sidebar-toggle-button:hover{color:var(--c-accent)}.top-bar-logo{height:30px;width:auto}.top-bar-app-name{font-size:1.3em;font-weight:600;color:var(--c-text)}.search-bar-placeholder{display:flex;align-items:center;background-color:var(--c-input-bg);border:1px solid var(--c-input-border);border-radius:20px;padding:6px 12px;width:100%;max-width:400px}.search-bar-placeholder .search-icon{color:var(--c-text-muted);margin-right:8px}.search-bar-placeholder input{border:none;background:transparent;outline:none;color:var(--c-input-text);font-size:.9em;width:100%}.search-bar-placeholder input::placeholder{color:var(--c-text-muted);opacity:.7}.icon-button{background:none;border:none;color:var(--c-text-muted);font-size:1.3em;padding:8px;border-radius:50%;cursor:pointer;transition:background-color .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center;position:relative}.icon-button:hover{color:var(--c-accent);background-color:rgba(var(--c-accent-rgb-triplet),.1)}.notification-badge{position:absolute;top:4px;right:4px;background-color:var(--c-selection-stroke, red);color:#fff;font-size:.6em;padding:2px 5px;border-radius:10px;font-weight:700}.user-menu{position:relative}.user-dropdown-menu{position:absolute;top:100%;right:0;background-color:var(--c-panel-bg);border:1px solid var(--c-border);border-radius:6px;box-shadow:0 5px 15px #0000001a;z-index:1010;min-width:220px;padding-top:0;padding-bottom:5px;animation:fadeInDown .2s ease-out forwards}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{padding:10px 15px;border-bottom:1px solid var(--c-border-subtle);margin-bottom:5px;line-height:1.3}.user-dropdown-header strong{display:block;font-weight:600;color:var(--c-text);font-size:.95em}.user-dropdown-header small{font-size:.8em;color:var(--c-text-muted)}.user-dropdown-menu button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 15px;background:none;border:none;color:var(--c-text);cursor:pointer;font-size:.9em}.user-dropdown-menu button:hover{background-color:rgba(var(--c-accent-rgb-triplet),.1);color:var(--c-accent)}.user-dropdown-menu hr{border:none;border-top:1px solid var(--c-border-subtle, var(--c-border));margin:5px 0}.user-dropdown-menu button .svg-inline--fa{width:16px;text-align:center;color:var(--c-text-muted)}.user-dropdown-menu button:hover .svg-inline--fa{color:var(--c-accent)}.user-dropdown-greeting{padding:12px 15px;font-size:.95em;color:var(--c-text);font-weight:500;border-bottom:1px solid var(--c-border-subtle, var(--c-border))}.sidebar-toggle-button{display:inline-flex;margin-right:10px}@media (max-width: 768px){.top-bar-logo,.search-bar-placeholder{display:none}}.top-bar-greeting{font-size:.95em;color:var(--c-text-muted)}.notification-area,.topbar-search-container{position:relative}.topbar-search-input{width:100%;padding:8px 12px;font-size:1rem;border:1px solid var(--c-border);border-radius:6px;background-color:var(--c-input-bg);color:var(--c-text)}.sidebar{width:260px;background-color:var(--c-panel-bg);border-right:1px solid var(--c-border);flex-shrink:0;height:100vh;overflow-y:auto;overflow-x:hidden;position:relative;z-index:101;display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s ease-in-out}.sidebar-nav{flex-grow:1}.sidebar-nav ul{list-style:none;padding:15px 0;margin:0}.sidebar-nav li button{display:flex;align-items:center;width:100%;padding:12px 20px;text-align:left;background:none;border:none;color:var(--c-text-muted);cursor:pointer;font-size:.95em;border-left:4px solid transparent;transition:background-color .2s ease,color .2s ease,border-left-color .3s ease,padding-left .2s ease;white-space:nowrap;overflow:hidden}.sidebar-nav li button:hover:not(:disabled){background-color:rgba(var(--c-ui-accent-rgb-triplet),.08);color:var(--c-ui-accent)}.sidebar-nav li button:hover{background-color:rgba(var(--c-accent-rgb-triplet),.08);color:var(--c-accent)}.sidebar-nav li.active button{background-color:rgba(var(--c-ui-accent-rgb-triplet),.15);color:var(--c-ui-accent);font-weight:600;border-left-color:var(--c-accent);transform:scale(1.02);padding-left:25px}.sidebar-nav .nav-icon{margin-right:15px;font-size:1.1em;width:20px;text-align:center;flex-shrink:0;transition:margin-right .3s ease,font-size .3s ease,color .2s ease}.sidebar-nav li.active button .nav-icon{color:var(--c-ui-accent)}.sidebar-nav li button:focus-visible:not(.active button){outline:2px solid var(--c-ui-accent);outline-offset:-2px;color:var(--c-ui-accent)}.sidebar-nav .nav-text{opacity:1;transition:opacity .2s ease .1s}.sidebar.closed .nav-text{display:none}.sidebar.closed li button{justify-content:center;padding:12px 0}.sidebar.closed .nav-icon{margin-right:0;font-size:1.3em}.portal-layout.sidebar-closed .sidebar{width:70px}.portal-layout.sidebar-closed .sidebar .nav-text{opacity:0;pointer-events:none;width:0}.portal-layout.sidebar-closed .sidebar li button{justify-content:center;padding:12px 10px}.portal-layout.sidebar-closed .sidebar .nav-icon{margin-right:0;font-size:1.3em}.sidebar-footer{padding:15px 20px;border-top:1px solid var(--c-border-subtle);margin-top:auto;flex-shrink:0}@media (max-width: 768px){.desktop-only-nav{display:none!important}}.portal-layout{display:flex;height:100vh;width:100vw;overflow:hidden;background-color:var(--c-bg)}.main-content-wrapper{flex-grow:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;z-index:1}.page-content{flex-grow:1;padding:20px 25px;overflow-y:auto}.portal-layout.sidebar-closed .sidebar{width:0;overflow:hidden}@media (max-width: 768px){.portal-layout .sidebar{position:fixed;left:0;top:0;bottom:0;z-index:1005;transform:translate(-100%);width:260px;box-shadow:0 0 15px #0003}.portal-layout.sidebar-open .sidebar{transform:translate(0)}.main-content-wrapper{width:100%;margin-left:0!important}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1004;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.portal-layout.sidebar-open .sidebar-overlay{opacity:1;pointer-events:auto}}.account-settings-content{max-width:960px;display:flex;flex-direction:column;gap:24px}.account-settings-content .details-grid{display:grid;grid-template-columns:1fr;gap:0}.account-settings-content .detail-item{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid var(--c-border-subtle);overflow:hidden}.account-settings-content .detail-item:last-child{border-bottom:none}.account-settings-content .detail-item strong{color:var(--c-text-muted);flex-shrink:0}.account-settings-content .detail-item span{font-weight:600;white-space:nowrap;overflow:hidden;text-align:right;text-overflow:ellipsis}.security-action{display:flex;justify-content:space-between;align-items:center;gap:20px}.security-action-text h4{margin:0 0 4px;font-size:1.1em;font-weight:600}.security-action-text p{margin:0;color:var(--c-text-muted);font-size:.9em}.security-action .button-secondary{flex-shrink:0}@media (max-width: 600px){.security-action{flex-direction:column;align-items:flex-start;gap:16px}.security-action .button-secondary{width:100%}}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.device-icon{font-size:1.5em;color:var(--c-ui-accent)}.device-name{margin:0;font-size:1.1em;font-weight:600;color:var(--c-text)}.device-status{font-weight:700;padding:4px 8px;border-radius:4px;text-transform:uppercase;font-size:.75em;letter-spacing:.5px}.status-operational{background-color:#d4edda;color:#155724}.status-error{background-color:#f8d7da;color:#721c24}.status-warning{background-color:#fff3cd;color:#856404}.status-offline{background-color:#e2e3e5;color:#383d41}.status-unknown{background-color:#f0f0f0;color:#555}body[data-theme=dark] .status-operational{background-color:#1a3c2b;color:#a3e9a4}body[data-theme=dark] .status-error{background-color:#4d1b24;color:#f5c6cb}body[data-theme=dark] .status-warning{background-color:#533f03;color:#ffeeba}body[data-theme=dark] .status-offline{background-color:#383d41;color:#e2e3e5}.charts-section{margin-top:30px;padding-top:20px;border-top:1px solid var(--c-border)}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 600px){.device-list-page .page-header{flex-direction:column;align-items:flex-start;gap:16px}.device-list-page .page-header .button-primary{min-width:40px;width:40px;height:40px;padding:0;border-radius:50%}.device-list-page .page-header .button-text{display:none}.device-list-page .page-header .button-primary .svg-inline--fa{margin-right:0}.page-container .page-header .button-primary{min-width:40px;width:40px;height:40px;padding:0;border-radius:50%}.page-container .page-header .button-text{display:none}.page-container .page-header .button-primary .svg-inline--fa{margin-right:0}}.ticket-list-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid var(--c-border-subtle)}.ticket-list-page .page-header h1{margin:0;font-size:1.8em;color:var(--c-text-heading)}.ticket-list-page.loading-state,.ticket-list-page.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center;min-height:300px}.ticket-list-page.loading-state .svg-inline--fa,.ticket-list-page.error-state .svg-inline--fa{font-size:2.5em;color:var(--c-text-muted);margin-bottom:15px}.ticket-list-page.error-state .svg-inline--fa{color:var(--c-error)}.ticket-list-page.loading-state p,.ticket-list-page.error-state p{font-size:1.1em;color:var(--c-text-muted);margin-bottom:20px}.create-ticket-button .svg-inline--fa{margin-right:8px}.ticket-list-table-container{background-color:var(--c-panel-bg);border-radius:8px;box-shadow:0 2px 8px #00000012;overflow-x:auto}.ticket-table{width:100%;border-collapse:collapse}.ticket-table th,.ticket-table td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--c-border-subtle)}.ticket-table th{font-size:.9em;color:var(--c-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px;background-color:var(--c-bg-alt, var(--c-panel-bg))}.ticket-table tbody tr:last-child td{border-bottom:none}.ticket-table tbody tr:hover{background-color:rgba(var(--c-ui-accent-rgb-triplet),.05)}.ticket-table .ticket-subject{font-weight:500;color:var(--c-text);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-priority{padding:3px 7px;border-radius:4px;font-size:.8em;font-weight:500}.ticket-priority.priority-high{background-color:var(--c-error-bg-light);color:var(--c-error-text-strong)}.ticket-priority.priority-medium{background-color:var(--c-warning-bg-light);color:var(--c-warning-text-strong)}.ticket-priority.priority-low{background-color:var(--c-input-disabled-bg);color:var(--c-text-muted)}.ticket-table .ticket-actions{text-align:right;white-space:nowrap}.ticket-table .ticket-actions .button-icon-only{margin-left:5px}.ticket-table-clickable tbody tr{cursor:pointer;transition:background-color .15s ease}.ticket-table-clickable tbody tr:hover{background-color:rgba(var(--c-ui-accent-rgb-triplet),.08)}.empty-list-message{text-align:center;padding:30px;color:var(--c-text-muted);font-style:italic}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px}.pagination-controls button{padding:5px 10px}.view-details-column-header{width:40px}.view-details-cell{text-align:center;color:var(--c-text-muted);width:40px}.ticket-table-clickable tbody tr:hover .view-details-cell{color:var(--c-ui-accent)}@media (max-width: 768px){.ticket-table thead{display:none}.mobile-card-list-bg{background-color:transparent;box-shadow:none;padding:8px;background-color:var(--c-bg-alt);border-radius:8px}.page-header .create-ticket-button .button-text{display:none}.page-header .create-ticket-button{width:40px;height:40px;min-width:40px;padding:0;border-radius:50%}.page-header .create-ticket-button .svg-inline--fa{margin:0}.ticket-table tr{display:block;margin-bottom:12px;background-color:var(--c-panel-bg);border:1px solid var(--c-border);border-radius:8px;box-shadow:0 2px 5px #0000000d;padding:16px;position:relative}.ticket-table tr:hover{border-color:var(--c-ui-accent)}.ticket-table td{display:block;padding:0;border:none;text-align:left}.ticket-table td:last-child{border-bottom:none}.ticket-table td:before{display:none}.ticket-table .view-details-cell{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--c-text-muted)}.ticket-table .ticket-subject{font-size:1.1em;font-weight:600;color:var(--c-text);margin-bottom:12px;white-space:normal}.ticket-meta-line{display:flex;align-items:center;gap:12px;font-size:.85em}.ticket-meta-line .ticket-last-updated{color:var(--c-text-muted)}.mobile-hide{display:none!important}}.ticket-detail-page .page-header{display:flex;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid var(--c-border-subtle)}.ticket-detail-page .page-header h1{margin:0 0 0 15px;font-size:1.8em;color:var(--c-text-heading);flex-grow:1}.back-to-list-button.button-icon-only{font-size:1.3em;padding:8px}.ticket-detail-page .card-style{background-color:var(--c-panel-bg);padding:20px 25px;border-radius:8px;box-shadow:0 4px 12px #00000012;margin-bottom:25px}.ticket-detail-page .card-style h3{margin-top:0;margin-bottom:15px;font-size:1.2em;color:var(--c-text-heading);border-bottom:1px solid var(--c-border-extra-subtle);padding-bottom:10px}.ticket-main-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:25px}.ticket-info-card .info-grid{display:grid;grid-template-columns:auto 1fr;gap:8px 15px;font-size:.95em}.ticket-info-card .info-grid>div:nth-child(odd){font-weight:600;color:var(--c-text);text-align:right}.ticket-info-card .info-grid>div:nth-child(2n){color:var(--c-text-muted)}.status-badge,.priority-badge{padding:3px 8px;border-radius:12px;font-size:.8em;font-weight:600;display:inline-block;text-transform:capitalize;white-space:nowrap}.status-badge.status-open{background-color:var(--c-success-bg-light);color:var(--c-success-text-strong)}.status-badge.status-in-progress{background-color:var(--c-warning-bg-light);color:var(--c-warning-text-strong)}.status-badge.status-resolved,.status-badge.status-closed,.status-badge.status-unknown{background-color:var(--c-input-disabled-bg);color:var(--c-text-muted)}.priority-badge.priority-high{background-color:var(--c-error-bg-light);color:var(--c-error-text-strong)}.priority-badge.priority-medium{background-color:var(--c-warning-bg-light);color:var(--c-warning-text-strong)}.priority-badge.priority-low,.priority-badge.priority-unknown{background-color:var(--c-input-disabled-bg);color:var(--c-text-muted)}.ticket-message-card .message-body{background-color:var(--c-bg-alt, var(--c-bg));border:1px solid var(--c-border-subtle);padding:15px;border-radius:4px;font-size:.9em;white-space:pre-wrap;word-wrap:break-word;max-height:300px;overflow-y:auto;color:var(--c-text)}.log-entries-container{max-height:400px}.log-entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85em}.log-author{font-weight:600;color:var(--c-text);display:flex;align-items:center;gap:6px}.log-author .svg-inline--fa,.log-date{color:var(--c-text-muted)}.log-type{font-size:.8em;color:var(--c-text-muted);font-style:italic;margin-bottom:8px}.log-status-change,.log-priority-change{font-size:.85em;margin-bottom:8px;color:var(--c-text-muted)}.log-status-change .status-badge,.log-priority-change .priority-badge{margin-left:5px}.log-message-body{font-size:.9em;white-space:pre-wrap;word-wrap:break-word;color:var(--c-text);margin-top:5px;background-color:var(--c-panel-bg);padding:10px;border-radius:4px;border:1px solid var(--c-border-extra-subtle)}.ticket-reply-section textarea{width:100%;min-height:100px;padding:10px;box-sizing:border-box;border:1px solid var(--c-input-border);border-radius:4px;font-size:.95em;background-color:var(--c-input-bg);color:var(--c-input-text);margin-bottom:10px}.ticket-reply-section textarea:focus{outline:none;border-color:var(--c-input-focus-border);box-shadow:0 0 0 .2rem rgba(var(--c-input-focus-shadow-color),.25)}.ticket-detail-page.loading-state,.ticket-detail-page.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center;min-height:300px}.ticket-log-section.card-style h3{display:flex;align-items:center}.ticket-log-section.card-style h3 .svg-inline--fa{margin-right:10px;color:var(--c-ui-accent);font-size:.9em}.log-entries-scroll-container{max-height:400px;overflow-y:auto;padding-right:10px;margin-right:-10px}.log-entry{border:1px solid var(--c-border-subtle);background-color:var(--c-bg-alt, var(--c-bg));border-radius:6px;padding:15px;margin-bottom:15px}.log-entry:last-child{margin-bottom:0}.no-logs-message{padding:20px 0;text-align:center;font-style:italic;color:var(--c-text-muted)}.ticket-initial-message-card.card-style h3{display:flex;align-items:center}.ticket-initial-message-card.card-style h3 .svg-inline--fa{margin-right:10px;color:var(--c-ui-accent);font-size:.9em}.message-body-html{font-size:.95em;line-height:1.6;color:var(--c-text);background-color:var(--c-bg-alt);padding:15px;border-radius:4px;border:1px solid var(--c-border-subtle);white-space:pre-wrap;word-wrap:break-word;margin-top:5px}.message-body-html p:first-child{margin-top:0}.message-body-html p:last-child{margin-bottom:0}.log-entry .message-body-html{margin-top:10px;background-color:var(--c-panel-bg);border-color:var(--c-border-extra-subtle);padding:12px}.log-entry-footer{margin-top:10px;font-size:.8em;color:var(--c-text-muted);display:flex;justify-content:space-between;border-top:1px dashed var(--c-border-extra-subtle);padding-top:8px}.page-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;background-color:var(--c-panel-bg);border:1px solid var(--c-border);border-radius:8px;margin-bottom:24px}.document-search-bar{display:flex;align-items:center;border:1px solid var(--c-input-border);border-radius:20px;padding:6px 12px;flex-grow:1;min-width:200px}.document-search-bar .search-icon{color:var(--c-text-muted);margin-right:8px}.document-search-bar input{border:none;background:transparent;outline:none;width:100%}.upload-action-group{display:flex;align-items:center;gap:12px;flex-grow:1;justify-content:flex-end}.file-description-input{padding:7px 10px;border:1px solid var(--c-input-border);border-radius:4px;font-size:.9em;flex-grow:1}.document-list-table-container{background-color:var(--c-panel-bg);border-radius:8px;box-shadow:0 2px 8px #00000012;overflow-x:auto;margin-top:20px}.document-table{width:100%;border-collapse:collapse}.mobile-card-cell{display:none}.document-table th,.document-table .desktop-only{padding:12px 15px;text-align:left;vertical-align:middle;border-bottom:1px solid var(--c-border-extra-subtle)}.document-table th{font-weight:600;color:var(--c-text-muted);text-transform:uppercase;font-size:.8em;letter-spacing:.5px;background-color:var(--c-bg-alt);position:sticky;top:0;z-index:1}.document-table tbody tr:last-child .desktop-only{border-bottom:none}.document-table tbody tr:hover{background-color:rgba(var(--c-ui-accent-rgb-triplet),.04)}.column-icon{width:50px;text-align:center}.column-actions{width:60px;text-align:right}.document-name-cell{font-weight:500;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.document-table thead,.document-table .desktop-only{display:none}.document-table .mobile-card-cell{display:block;padding:12px;border:none}.document-table tr{display:block;margin-bottom:8px;background-color:var(--c-panel-bg);border:1px solid var(--c-border);border-radius:8px;position:relative;z-index:1}.document-table tr.action-menu-active{z-index:100}.document-card-layout{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%}.document-card-icon{grid-column:1;font-size:1.8em;color:var(--c-text-muted)}.document-card-main-content{grid-column:2;min-width:0}.document-card-top-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.document-card-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-card-date{font-size:.8em;color:var(--c-text-muted);white-space:nowrap;flex-shrink:0}.document-card-bottom-row{font-size:.8em;color:var(--c-text-muted);margin-top:2px}.document-card-actions{flex-shrink:0;grid-column:3}}.notification-bar{display:flex;align-items:center;padding:12px 16px;margin-top:10px;margin-bottom:15px;border-radius:6px;font-size:.9em;border:1px solid transparent;opacity:1;transform:translateY(0);transition:opacity .4s ease-in-out,transform .4s ease-in-out}.notification-bar.is-fading-out{opacity:0;transform:translateY(-10px)}.notification-icon{margin-right:12px;font-size:1.2em}.notification-message{flex-grow:1}.notification-dismiss-button{background:none;border:none;color:inherit;opacity:.7;cursor:pointer;font-size:1.1em;padding:4px;margin-left:16px}.notification-dismiss-button:hover{opacity:1}.notification-success{background-color:var(--c-success-bg-light);color:var(--c-success-text-strong);border-color:var(--c-success-border)}.notification-error{background-color:var(--c-error-bg-light);color:var(--c-error-text-strong);border-color:var(--c-error-border)}.notification-info{background-color:var(--c-info-bg-light);color:var(--c-info-text-strong);border-color:var(--c-info-border)}.action-menu{position:relative}.action-menu-toggle{background:none;border:none;color:var(--c-text-muted);cursor:pointer;padding:6px 10px;border-radius:50%;line-height:1;font-size:1.1em;transition:all .2s ease}.action-menu-toggle:hover{background-color:var(--c-bg-alt);color:var(--c-text)}.action-menu-dropdown{position:fixed;z-index:9999;margin:0;min-width:200px;background-color:var(--c-panel-bg);border:1px solid var(--c-border);border-radius:8px;box-shadow:0 8px 16px #00000026;padding:8px;list-style:none;animation:fadeInScaleUp .1s ease-out}.action-menu-dropdown.drop-up{transform:translateY(-100%)}.action-menu-item{display:flex;align-items:center;gap:12px;padding:12px 14px;font-size:.95em;font-weight:500;color:var(--c-text);border-radius:6px;cursor:pointer;transition:background-color .15s ease}.action-menu-item:last-child{border-bottom:none}.action-menu-item:hover{background-color:var(--c-bg-alt)}.action-menu-item.destructive{color:var(--c-error)}.action-menu-item.destructive:hover{background-color:rgba(var(--c-error-rgb-triplet),.1)}.action-menu-icon{width:18px;text-align:center;color:var(--c-text-muted)}.action-menu-item.destructive .action-menu-icon{color:var(--c-error)}.chart-container{position:relative;aspect-ratio:16 / 9;width:100%;height:100%;min-height:250px;max-width:100%;padding:16px;background-color:var(--c-bg);border:1px solid var(--c-border);border-radius:6px;box-sizing:border-box}.chart-container>canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important}.chart-modal-content{display:flex;flex-direction:column;width:90vw;max-width:1400px;aspect-ratio:16 / 9;height:80vh;max-height:90vh;background:var(--c-panel-bg);border-radius:8px;box-shadow:0 8px 25px #00000026;padding:0;overflow:hidden}.chart-modal-header{display:flex;justify-content:flex-end;padding:8px;border-bottom:1px solid var(--c-border);flex-shrink:0;background-color:rgba(var(--c-panel-bg-rgb),.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.chart-modal-header .close-button{font-size:1.4em;color:var(--c-text-muted);padding:4px}.chart-modal-body{flex-grow:1;padding:8px;box-sizing:border-box;position:relative;min-height:0}@media (orientation: landscape) and (max-height: 500px){.chart-modal-content{height:90vh;width:auto;max-width:95vw}}.detail-view-content-wrapper{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:0 24px}.detail-item{padding:12px 0;border-bottom:1px solid var(--c-border-subtle);display:flex;justify-content:space-between;align-items:center;font-size:.95em;gap:16px}.details-grid>.detail-item:last-of-type{border-bottom:none}.detail-item strong{color:var(--c-text-muted);flex-shrink:0}.detail-item span{font-weight:600;color:var(--c-text);text-align:right;flex-grow:1;overflow:hidden;text-overflow:ellipsis}.detail-item.full-width{grid-column:1 / -1;flex-direction:column;align-items:flex-start}.detail-item.full-width p{font-family:Courier New,Courier,monospace}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.sparkline-card{background-color:var(--c-bg-alt);border:1px solid var(--c-border);border-radius:8px;padding:16px;display:flex;flex-direction:column;min-width:0}.sparkline-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.sparkline-label{font-weight:600;color:var(--c-text-muted)}.sparkline-value{font-size:1em;font-weight:700;color:var(--c-text)}.sparkline-card .chart-container{flex:1;position:relative;min-height:80px;padding:0}.sparkline-card .chart-container canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important}.chart-instructions{margin:0;font-size:.85em;color:var(--c-text-muted);font-style:italic;text-align:right;flex-grow:1;display:none}.no-data-message{padding:40px 20px;text-align:center;color:var(--c-text-muted);font-style:italic;background-color:var(--c-bg-alt);border-radius:6px}@media (max-width: 900px){.charts-grid{grid-template-columns:1fr}}@media (max-width: 768px){.back-button-text{display:none}.details-grid{grid-template-columns:1fr}.details-grid .detail-item{border-right:none}.chart-instructions{display:block}}.phasor-setup-content{max-width:800px;margin:0 auto}.phasor-setup-content .card{padding:2rem;margin-top:20px}.form-intro{text-align:center;margin-bottom:24px;color:var(--c-text-muted)}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;flex-grow:1;justify-content:center;padding:10px;border:1px solid var(--c-input-border);border-radius:6px;transition:background-color .2s,border-color .2s}.radio-label input[type=radio]{margin:0;accent-color:var(--c-ui-accent)}.radio-label:has(input[type=radio]:checked){background-color:var(--c-bg-subtle);border-color:var(--c-ui-accent);color:var(--c-text-strong)}.form-actions{margin-top:24px;text-align:right}.feedback-section{margin-top:20px;min-height:50px}._modalOverlay_8juwr_19{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000;animation:_fadeInOverlay_8juwr_1 .3s ease-out forwards}@keyframes _fadeInOverlay_8juwr_1{0%{opacity:0}to{opacity:1}}._modalContent_8juwr_57{background:var(--c-panel-bg);color:var(--c-text);padding:24px 28px;border-radius:8px;box-shadow:0 8px 25px #00000026;width:100%;max-width:480px;animation:_scaleUpModal_8juwr_1 .3s ease-out forwards;text-align:left}@keyframes _scaleUpModal_8juwr_1{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}._modalContent_8juwr_57 h2{margin-top:0;margin-bottom:24px;font-size:1.6em;font-weight:600;color:var(--c-text)}._modalActions_8juwr_119{margin-top:24px;display:flex;justify-content:flex-end;gap:12px}._landingPageContent_1t79g_7{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}._landingProjects_1t79g_21,._landingCreate_1t79g_23{background-color:var(--c-panel-bg);border:1px solid var(--c-border);border-radius:8px;padding:20px 24px;display:flex;flex-direction:column;overflow:hidden}._landingProjects_1t79g_21{position:relative}._landingProjects_1t79g_21 h2,._landingCreate_1t79g_23 h2{margin-top:0;margin-bottom:20px;font-size:1.2em;font-weight:600;color:var(--c-text);padding-bottom:12px;border-bottom:1px solid var(--c-border)}._projectListScroll_1t79g_73{flex-grow:1;overflow-y:auto;padding:8px;border:1px solid var(--c-input-border);border-radius:6px;background-color:var(--c-input-bg)}ul._projectList_1t79g_73{list-style:none;padding:0;margin:0}._projectItem_1t79g_103{margin-bottom:4px}._projectItem_1t79g_103:last-child{margin-bottom:0}._projectItemContent_1t79g_117{display:flex;align-items:center;padding:8px 12px;gap:10px;border-radius:4px;transition:background-color .15s ease}._projectItemContent_1t79g_117:hover{background-color:var(--c-bg-alt)}._projectName_1t79g_141{font-weight:500;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:auto}._projectName_1t79g_141._clickable_1t79g_157{cursor:pointer;color:var(--c-text);text-decoration:none}._projectName_1t79g_141._clickable_1t79g_157:hover{color:var(--c-ui-accent)}._projectDate_1t79g_175{font-size:.85em;color:var(--c-text-muted);white-space:nowrap;flex-shrink:0}._deleteProjectButton_1t79g_189{background:none;border:none;color:var(--c-text-muted);cursor:pointer;padding:4px;font-size:.9em;opacity:.7;transition:all .15s ease}._deleteProjectButton_1t79g_189:hover{color:var(--c-error);background-color:rgba(var(--c-error-rgb-triplet, 220, 53, 69),.1);opacity:1}._noProjects_1t79g_221{padding:20px;text-align:center;color:var(--c-text-muted);font-style:italic}._loadingIndicatorContainer_1t79g_235{display:flex;align-items:center;justify-content:center;padding:20px;color:var(--c-text-muted)}._startNewButton_1t79g_255{width:100%;padding:12px;font-size:1em;font-weight:600;justify-content:center}._creationDivider_1t79g_271{text-align:center;margin:24px 0;color:var(--c-text-muted);font-size:.9em;font-weight:600;text-transform:uppercase;display:flex;align-items:center;gap:1em}._creationDivider_1t79g_271 span{white-space:nowrap}._creationDivider_1t79g_271:before,._creationDivider_1t79g_271:after{content:"";flex-grow:1;height:1px;background-color:var(--c-border)}._alternativeActions_1t79g_319{display:flex;flex-direction:column;gap:28px}._actionGroup_1t79g_331{margin-bottom:1rem}._actionGroupTitle_1t79g_339{font-size:1.05em;font-weight:600;margin:0 0 16px;color:var(--c-text)}._quickStartList_1t79g_353{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}._templateCard_1t79g_371{background-color:var(--c-bg-alt);border:1px solid var(--c-border);border-radius:8px;padding:16px;text-align:center;cursor:pointer;transition:all .2s ease-in-out}._templateCard_1t79g_371:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000014;border-color:var(--c-ui-accent)}body[data-theme=dark] ._templateCard_1t79g_371:hover{box-shadow:0 4px 12px #0003}._templateCardIcon_1t79g_411{font-size:2em;color:var(--c-ui-accent);margin-bottom:12px}._templateCardTitle_1t79g_423{font-size:.9em;font-weight:500;margin:0}._duplicateFormGrid_1t79g_435{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:stretch}._duplicateFormGrid_1t79g_435 ._form-input_1t79g_449{box-sizing:border-box;padding-top:10px;padding-bottom:10px}@media (max-width: 900px){._landingPageContent_1t79g_7{flex-direction:column}}@media (max-width: 600px){._duplicateFormGrid_1t79g_435{grid-template-columns:1fr}}._modalOverlay_10alf_15{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000;animation:_fadeInOverlay_10alf_1 .3s ease-out forwards}@keyframes _fadeInOverlay_10alf_1{0%{opacity:0}to{opacity:1}}._modalContent_10alf_53{background:var(--c-panel-bg);color:var(--c-text);padding:24px 28px;border-radius:8px;box-shadow:0 8px 25px #00000026;width:100%;max-width:450px;animation:_scaleUpModal_10alf_1 .3s ease-out forwards;text-align:left}@keyframes _scaleUpModal_10alf_1{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}._modalContent_10alf_53 h2{margin-top:0;margin-bottom:24px;font-size:1.6em;font-weight:600;color:var(--c-text)}._modalActions_10alf_115{margin-top:24px;display:flex;justify-content:flex-end;gap:12px}