*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;scrollbar-width:thin;scrollbar-color:rgb(100,100,100) rgb(45,45,45)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#2d2d2d;border-radius:4px}::-webkit-scrollbar-thumb{background:#646464;border-radius:6px;border:3px solid rgb(45,45,45)}::-webkit-scrollbar-thumb:hover{background:#969696}::-webkit-scrollbar-corner{background:#2d2d2d}.no-wrap{white-space:nowrap}.app-container{display:flex;height:100vh;width:100vw;background-color:#373737;color:#fff}.sidebar{width:320px;background-color:#1e1e1e;color:#fff;display:flex;flex-direction:column;box-shadow:4px 0 6px #0000004d;z-index:20}.sidebar-header{height:76px;display:flex;justify-content:flex-start;align-items:center;padding:20px 20px 10px}.sidebar-logo{max-width:100%;max-height:50px;object-fit:contain}.nav-buttons{display:flex;flex-direction:column;padding:50px 0 10px}.sidebar-section{display:flex;flex-direction:column;padding:20px 0}.nav-title{font-size:20px;color:#c2b342;letter-spacing:1px;padding:0 20px;margin:0 0 20px;text-align:left;font-weight:700}.nav-buttons button{background:none;border:none;color:#fff;text-align:left;padding:16px 20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.nav-buttons button:hover{background-color:#4d4d4d}.nav-buttons button.active{background-color:#c2b342;color:#373737;font-weight:700}.checkbox-label{display:flex;align-items:center;gap:10px;padding:4px 20px;color:#d2d2d2;font-size:14px;cursor:pointer;transition:color .2s}.checkbox-label:hover{color:#fff}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:rgb(194,179,66)}.sidebar-footer{margin-top:auto;padding:20px;color:#c2b342;font-size:11px;line-height:1.5;text-align:center}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.top-header{background-color:#1e1e1e;padding:24px 40px;box-shadow:0 4px 6px #0000004d;z-index:30;clip-path:inset(-20px -20px -20px 0)}.top-header h1{font-size:22px;color:#c2b342;font-weight:900;letter-spacing:1px;margin:0}.content-area{padding:40px;flex:1;display:flex;flex-direction:column;overflow:hidden}.page-content{display:flex;flex-direction:column;flex:1;overflow:hidden}.controls-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-shrink:0}.controls-left{display:flex;align-items:center;gap:20px}.controls-left h2{font-size:24px;color:#fff;white-space:nowrap}.controls-right{display:flex;align-items:center;gap:20px}.expand-collapse-buttons{display:flex;gap:10px}.expand-btn{background-color:#4d4d4d;color:#fff;border:1px solid rgb(100,100,100);border-radius:4px;padding:8px 12px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.expand-btn:hover{background-color:#c2b342;color:#373737;border-color:#c2b342}.search-wrapper{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:#d2d2d2;width:450px;white-space:nowrap}.search-input-container{position:relative;flex:1;width:100%}.search-input{width:100%;padding:8px 35px 8px 15px;border-radius:4px;border:1px solid rgb(100,100,100);background-color:#2d2d2d;color:#fff;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:#c2b342;box-shadow:0 0 5px #c2b3424d}.search-input::placeholder{color:#969696}.clear-search-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#969696;cursor:pointer;font-size:16px;font-weight:700}.clear-search-btn:hover{color:#fff}.version-select{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:#d2d2d2;white-space:nowrap}.version-select select{padding:8px 12px;background-color:#4d4d4d;color:#fff;border:1px solid rgb(100,100,100);border-radius:4px;font-size:14px;cursor:pointer;outline:none}.version-select select:focus{border-color:#c2b342}.table-container{flex:1;overflow-y:auto;overflow-x:auto;background-color:#2d2d2d;border-radius:8px;border:1px solid rgb(77,77,77)}.data-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1000px}.stepped-header{position:sticky;top:0;z-index:10}.stepped-header th{background-color:#1e1e1e;color:#c2b342;padding:12px 16px;font-weight:700;text-align:left;border-bottom:1px solid rgb(60,60,60)}.header-level-1 th{font-size:18px}.header-level-2 th{font-size:16px}.header-level-3 th{font-size:15px}.header-level-4 th{font-size:14px;border-bottom:none}.header-spacer-row th{height:20px;padding:0!important;background-color:#2d2d2d!important;border:none!important}.indent-col{width:24px;min-width:24px;max-width:24px;padding:0!important;border:none!important;background-color:#2d2d2d!important}.empty-header-cell,.empty-header-cell-bottom{background-color:#2d2d2d!important;border-bottom:none!important}.data-table td{padding:12px 16px;font-size:14px;border-bottom:1px solid rgb(77,77,77);vertical-align:middle}.data-table td.indent-col{border-bottom:none!important}.data-row{background-color:#fff!important;color:#373737}.data-row td{border-bottom:1px solid rgb(230,230,230)}.data-row.theme-prop-default-row td.property-name-col{background-color:#f5f7d2!important;border-bottom:1px solid rgb(77,77,77)!important;border-right:1px solid rgb(77,77,77)!important}.data-row.theme-prop-system-row td.property-name-col{background-color:#ede2f6!important;border-bottom:1px solid rgb(77,77,77)!important;border-right:1px solid rgb(77,77,77)!important}.data-row.last-data-row td:not(.indent-col){border-bottom:1px solid rgb(77,77,77)}.data-row:hover{background-color:#f5f5f5!important}.code-cell{font-family:monospace;color:#373737;font-weight:400}.hierarchy-row{background-color:#323232}.hierarchy-row.level-1 td{font-size:18px;font-weight:700}.hierarchy-row.level-2 td{font-size:16px;font-weight:700}.hierarchy-row.level-3 td{font-size:15px;font-weight:700}.theme-lvi.level-1{background-color:#599ad5!important;color:#373737!important}.theme-lvi.level-2{background-color:#9bc2e6!important;color:#373737!important}.theme-lvi.level-3{background-color:#ddebf7!important;color:#373737!important}.theme-ra.level-1{background-color:#ff6f6f!important;color:#373737!important}.theme-ra.level-2{background-color:#ffa5a5!important;color:#373737!important}.theme-ra.level-3{background-color:#ffeded!important;color:#373737!important}.theme-sahko.level-1{background-color:#f4ba00!important;color:#373737!important}.theme-sahko.level-2{background-color:#ffd966!important;color:#373737!important}.theme-sahko.level-3{background-color:#fff2cc!important;color:#373737!important}.theme-talo.level-1{background-color:#80ba58!important;color:#373737!important}.theme-talo.level-2{background-color:#a9d08e!important;color:#373737!important}.theme-talo.level-3{background-color:#e2efda!important;color:#373737!important}.theme-prop-default.level-1{background-color:#edefa7!important;color:#373737!important}.theme-prop-system.level-1{background-color:#d4b7e9!important;color:#373737!important}.cell-content{display:flex;align-items:center;gap:8px}.expand-icon{color:#c2b342;font-size:12px;cursor:pointer;transition:transform .2s,color .2s}.expand-icon:hover{color:#fff}.hierarchy-row[class*=theme-] .expand-icon{color:#373737!important}.hierarchy-row[class*=theme-] .expand-icon:hover{color:#000!important}.hierarchy-row:not([class*=theme-]):hover{background-color:#414141}.hierarchy-row[class*=theme-]:hover{filter:brightness(.95)}.action-cell{text-align:center;vertical-align:middle;white-space:nowrap}.icon-btn{background:none;border:none;color:#d2d2d2;font-size:18px;cursor:pointer;transition:color .2s;font-weight:700}.data-row .icon-btn{color:#969696}.icon-btn:hover,.data-row .icon-btn:hover{color:#c2b342}.text-alert{color:#c00000!important}.external-link-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.external-link-btn svg{width:16px;height:16px;fill:#969696;transition:fill .2s}.external-link-btn:hover svg{fill:#c2b342!important}.value-wrapper{display:flex;align-items:center;gap:8px}.inline-copy-btn{background:none;border:none;cursor:pointer;opacity:0;transition:opacity .2s;padding:0;display:flex;align-items:center}.value-wrapper:hover .inline-copy-btn{opacity:1}.inline-copy-btn svg{width:16px;height:16px;stroke:#969696;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;fill:none;transition:stroke .2s}.inline-copy-btn:hover svg{stroke:#c2b342!important}.hierarchy-row[class*=theme-] .inline-copy-btn svg{stroke:#373737}.hierarchy-row[class*=theme-] .inline-copy-btn:hover svg{stroke:#c2b342!important}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#2d2d2d;color:#fff;width:700px;max-width:90vw;max-height:85vh;border-radius:8px;border:1px solid rgb(77,77,77);box-shadow:0 10px 30px #00000080;padding:40px;position:relative;overflow-y:auto}.modal-close-btn{position:absolute;top:15px;right:20px;background:none;border:none;color:#969696;font-size:24px;cursor:pointer;transition:color .2s}.modal-close-btn:hover{color:#fff}.modal-title{font-size:28px;font-weight:700;color:#c2b342;margin-bottom:25px;padding-bottom:10px;border-bottom:1px solid rgb(77,77,77)}.modal-section{margin-bottom:30px}.modal-section h3{font-size:15px;color:#c2b342;margin-bottom:15px;letter-spacing:1px}.modal-section p{font-size:15px;line-height:1.6;color:#e6e6e6}.property-group{margin-bottom:20px;background-color:#373737;border-radius:6px;overflow:hidden}.property-group-header{background-color:#1e1e1e;padding:10px 15px;font-weight:700;color:#c2b342;font-size:14px}.property-list{list-style:none;padding:0;margin:0}.property-list li{padding:10px 15px;border-bottom:1px solid rgb(70,70,70);font-size:14px;display:flex;justify-content:space-between;align-items:center}.property-list li:last-child{border-bottom:none}.property-label{color:#e6e6e6;flex:1;padding-right:15px}.property-meta{display:flex;align-items:center;gap:15px}.property-ifc{color:#b4b4b4;font-family:monospace;font-size:12px;background-color:#232323;padding:4px 8px;border-radius:4px}.property-unit{color:#c2b342;font-weight:700;min-width:45px;text-align:right}.placeholder-text{font-style:italic;color:#969696!important}.linked-item-header{display:grid;grid-template-columns:140px 1fr 100px;gap:15px;padding:8px 15px;background-color:#282828;font-size:11px;font-weight:700;color:#969696;border-bottom:1px solid rgb(60,60,60)}.linked-item-header .right-align{text-align:right}.linked-item-row{display:grid;grid-template-columns:140px 1fr 100px;gap:15px;width:100%;align-items:center}