.dict-page{background:var(--background);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.ds-accent-header{background:var(--gradient-primary,linear-gradient(135deg, #3c83f6, #7c3bed));flex-shrink:0;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}.ds-accent-subtitle{letter-spacing:.1em;color:#ffffffb3;text-transform:uppercase;margin-bottom:.2rem;font-size:.6rem;font-weight:700}.ds-accent-title{color:#fff;font-size:1.125rem;font-weight:700}.ds-accent-actions{align-items:center;gap:.5rem;display:flex}.ds-toolbar{border-bottom:1px solid var(--border);background:var(--card);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.ds-toolbar-right{align-items:center;gap:.5rem;margin-left:auto;display:flex}.ds-search-pill{background:var(--background);border:1px solid var(--border);color:var(--muted-foreground);border-radius:2rem;align-items:center;gap:.5rem;min-width:160px;padding:.425rem .875rem;font-size:.8rem;display:flex}.ds-search-pill input{color:var(--foreground);background:0 0;border:none;outline:none;width:100%;font-size:.8rem}.ds-search-pill svg{color:var(--muted-foreground);flex-shrink:0}.ds-filter-row{gap:.25rem;display:flex}.ds-filter-tab{border:1px solid var(--border);background:var(--background);color:var(--muted-foreground);cursor:pointer;white-space:nowrap;border-radius:.375rem;align-items:center;gap:.25rem;padding:.3rem .75rem;font-size:.75rem;font-weight:500;transition:all .15s;display:flex}.ds-filter-tab:hover{background:var(--muted);color:var(--foreground)}.ds-filter-tab.active{background:var(--gradient-primary,linear-gradient(135deg, #3c83f6, #7c3bed));color:#fff;border-color:#0000;box-shadow:0 2px 8px oklch(54.6% .215 262.881/.3)}.ds-filter-count{background:var(--border);color:var(--muted-foreground);border-radius:999px;margin-left:.25rem;padding:.05rem .4rem;font-size:.65rem;font-weight:600;line-height:1.4}.ds-filter-tab.active .ds-filter-count{color:#fff;background:oklch(100% 0 0/.2)}.ds-view-toggle{border:1px solid var(--border);border-radius:.5rem;display:flex;overflow:hidden}.ds-view-toggle button{cursor:pointer;color:var(--muted-foreground);background:0 0;border:none;align-items:center;gap:.25rem;padding:.35rem .625rem;font-size:.75rem;transition:all .15s;display:flex}.ds-view-toggle button.active{background:var(--gradient-primary,linear-gradient(135deg, #3c83f6, #7c3bed));color:#fff}.ds-stats-bar{border-bottom:1px solid var(--border);background:var(--card);flex-shrink:0;gap:0;display:flex}.ds-quick-stat{border-right:1px solid var(--border);flex:1;align-items:baseline;gap:.5rem;padding:.75rem 1rem;display:flex}.ds-quick-stat:last-child{border-right:none}.ds-quick-stat-value{color:var(--foreground);font-size:1.375rem;font-weight:700;line-height:1}.ds-quick-stat-value.stat-green{color:#1eae53}.ds-quick-stat-value.stat-amber{color:#f59f0a}.ds-quick-stat-value.stat-blue{color:oklch(54.6% .215 262.881)}.ds-quick-stat-label{color:var(--muted-foreground);font-size:.75rem}.ds-bulk-bar{color:oklch(54.6% .215 262.881);background:oklch(54.6% .215 262.881/.06);border-bottom:1px solid oklch(54.6% .215 262.881/.2);flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:500;display:flex}.ds-bulk-btn{border:1px solid var(--border);background:var(--card);cursor:pointer;color:var(--foreground);border-radius:.375rem;align-items:center;gap:.3rem;padding:.25rem .625rem;font-size:.75rem;transition:all .15s;display:flex}.ds-bulk-btn.approve{color:#1eae53;border-color:#1eae534d}.ds-bulk-btn.reject{color:#ed2c2c;border-color:#ed2c2c4d}.ds-bulk-btn.danger{color:var(--destructive)}.ds-bulk-btn:last-child{margin-left:auto}.ds-table-wrap{flex:1;overflow:auto}.ds-table{border-collapse:collapse;width:100%;font-size:.8rem}.ds-table thead tr{background:var(--muted);border-bottom:1.5px solid var(--border)}.ds-table th{text-align:left;color:var(--muted-foreground);white-space:nowrap;letter-spacing:.02em;padding:.625rem .875rem;font-size:.7rem;font-weight:600}.ds-table th.sortable{cursor:pointer;user-select:none}.ds-table th.sortable:hover{color:var(--foreground)}.ds-table td{border-bottom:1px solid color-mix(in oklch, var(--border) 60%, transparent);vertical-align:middle;color:var(--foreground);padding:.6rem .875rem}.ds-table tr{cursor:pointer}.ds-table tr:hover td{background:color-mix(in oklch, var(--muted) 30%, transparent)}.ds-table tr.selected td{background:oklch(54.6% .215 262.881/.05)}.ds-table-name{color:var(--foreground);font-size:.825rem;font-weight:600}.ds-table-id{color:var(--muted-foreground);margin-top:.1rem;font-family:monospace;font-size:.65rem}.ds-table-date{color:var(--muted-foreground);white-space:nowrap;font-size:.75rem}.ds-table-owner{color:var(--foreground);align-items:center;gap:.3rem;font-size:.75rem;display:inline-flex}.ds-used-in{align-items:center;gap:.25rem;font-size:.8rem;font-weight:600;display:inline-flex}.ds-used-in.high,.ds-used-in.high svg{color:#dc8f09}.ds-row-actions{align-items:center;gap:.25rem;display:flex}.ds-action-btn{background:var(--muted);width:26px;height:26px;color:var(--muted-foreground);cursor:pointer;border:none;border-radius:.375rem;justify-content:center;align-items:center;transition:all .15s;display:flex}.ds-action-btn:hover{background:var(--border);color:var(--foreground)}.ds-action-btn.approve{color:#1eae53;background:#1eae531a}.ds-action-btn.approve:hover{background:#1eae5333}.ds-action-btn.reject{color:#ed2c2c;background:#ed2c2c1a}.ds-action-btn.reject:hover{background:#ed2c2c33}.ds-action-btn.danger{color:var(--destructive);background:color-mix(in oklch, var(--destructive) 8%, transparent)}.ds-status-badge{white-space:nowrap;border-radius:2rem;align-items:center;gap:.3rem;padding:.2rem .5rem;font-size:.68rem;font-weight:600;display:inline-flex}.ds-status-active{color:#1a9948;background:#1eae531f}.ds-status-draft{color:#5c6370;background:#6a71811f}.ds-status-pending{color:#ae7613;background:#f59f0a26}.ds-status-rejected{color:#d31212;background:#ef43431f}.ds-status-archived{color:#646e82;background:#a9afbc26}.ds-type-pill{color:oklch(54.6% .215 262.881);background:oklch(54.6% .215 262.881/.08);border-radius:.375rem;align-items:center;padding:.15rem .5rem;font-size:.68rem;font-weight:600;display:inline-flex}.ds-card-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:.875rem;padding:.875rem;display:grid;overflow-y:auto}.ds-item-card{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:.75rem;flex-direction:column;gap:.5rem;padding:.875rem;transition:box-shadow .2s;display:flex}.ds-item-card:hover{box-shadow:0 4px 16px oklch(0% 0 0/.08)}.ds-item-card-warning{color:#ae7613;background:#f59f0a1a;border-radius:.375rem;align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:.68rem;font-weight:600;display:flex}.ds-item-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.ds-item-card-name{color:var(--foreground);font-size:.875rem;font-weight:700}.ds-item-card-meta{color:var(--muted-foreground);align-items:center;gap:.25rem;margin-top:.15rem;font-size:.68rem;display:flex}.ds-item-card-desc{color:var(--muted-foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.5;display:-webkit-box;overflow:hidden}.ds-item-card-stats{color:var(--muted-foreground);gap:.75rem;font-size:.7rem;display:flex}.ds-item-card-stats span{align-items:center;gap:.25rem;display:flex}.ds-item-card-footer{border-top:1px solid var(--border);flex-wrap:wrap;gap:.375rem;padding-top:.375rem;display:flex}.ds-section-card{background:var(--card);border:1px solid var(--border);border-radius:.625rem;margin:.75rem;padding:.75rem}.ds-section-card-title{color:var(--foreground);border-bottom:1px solid var(--border);align-items:center;gap:.375rem;margin-bottom:.625rem;padding-bottom:.5rem;font-size:.75rem;font-weight:600;display:flex}.ds5a-rows{flex-direction:column;gap:.375rem;display:flex}.ds5a-row{border-bottom:1px solid color-mix(in oklch, var(--border) 50%, transparent);justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.35rem 0;font-size:.78rem;display:flex}.ds5a-row:last-child{border-bottom:none}.ds5a-key{color:var(--muted-foreground);flex-shrink:0;min-width:90px;font-weight:500}.ds5a-val{color:var(--foreground);text-align:right;word-break:break-all;font-weight:500}.ds5a-mono{color:var(--muted-foreground);font-family:monospace;font-size:.68rem}.ds-drawer-tabs{border-bottom:1px solid var(--border);background:var(--card);flex-shrink:0;display:flex;overflow-x:auto}.ds-drawer-tab{cursor:pointer;color:var(--muted-foreground);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.25rem;margin-bottom:-1px;padding:.5rem .75rem;font-size:.73rem;font-weight:500;transition:all .15s;display:flex}.ds-drawer-tab:hover{color:var(--foreground)}.ds-drawer-tab.active{color:oklch(54.6% .215 262.881);border-bottom-color:oklch(54.6% .215 262.881)}.ds-drawer-body{flex:1;padding-bottom:.5rem;overflow-y:auto}.ds-drawer-rail-actions{border-top:1px solid var(--border);background:color-mix(in oklch, var(--muted) 20%, transparent);flex-shrink:0;gap:.5rem;padding:.75rem 1rem;display:flex}.ds-rail-btn{border:1px solid var(--border);background:var(--card);cursor:pointer;color:var(--foreground);border-radius:.5rem;align-items:center;gap:.35rem;padding:.4rem .875rem;font-size:.78rem;font-weight:600;transition:all .15s;display:flex}.ds-rail-btn.primary{background:var(--gradient-primary,linear-gradient(135deg, #3c83f6, #7c3bed));color:#fff;border-color:#0000;box-shadow:0 2px 8px oklch(54.6% .215 262.881/.3)}.ds-rail-btn.approve{color:#1eae53;border-color:#1eae534d}.ds-rail-btn.reject{color:#ed2c2c;border-color:#ed2c2c4d}.ds-desc-text{color:var(--muted-foreground);margin:0;font-size:.78rem;line-height:1.6}.ds-usage-panel{flex-direction:column;flex:1;gap:0;display:flex;overflow-y:auto}.ds-usage-loading,.ds-usage-error{color:var(--muted-foreground);justify-content:center;align-items:center;gap:.5rem;padding:2rem 1rem;font-size:.8rem;display:flex}.ds-usage-error{color:#ed2c2c}.ds-usage-summary{border-bottom:1px solid var(--border);background:color-mix(in oklch, var(--muted) 30%, transparent);gap:0;display:flex}.ds-usage-stat{border-right:1px solid var(--border);flex-direction:column;flex:1;align-items:center;gap:.1rem;padding:.625rem .75rem;display:flex}.ds-usage-stat:last-child{border-right:none}.ds-usage-stat-value{color:var(--foreground);font-size:1.1rem;font-weight:700}.ds-usage-stat-label{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.04em;font-size:.65rem;font-weight:500}.ds-usage-stat-warn .ds-usage-stat-value{color:#f59f0a}.ds-usage-empty{color:var(--muted-foreground);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:2rem;font-size:.8rem;display:flex}.ds-usage-diagram-list{flex-direction:column;flex:1;gap:0;display:flex;overflow-y:auto}.ds-usage-diagram-card{border-bottom:1px solid color-mix(in oklch, var(--border) 60%, transparent);padding:.625rem 1rem;transition:background .15s}.ds-usage-diagram-card:hover{background:color-mix(in oklch, var(--muted) 50%, transparent)}.ds-usage-diagram-header{align-items:center;gap:.5rem;display:flex}.ds-usage-diagram-name{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8rem;font-weight:600;overflow:hidden}.ds-usage-diagram-meta{color:var(--muted-foreground);align-items:center;gap:.5rem;margin-top:.2rem;font-size:.7rem;display:flex}.ds-usage-outdated-badge{color:#f59f0a;align-items:center;gap:.2rem;font-weight:600;display:inline-flex}.ds-usage-ref-list{border-top:1px dashed color-mix(in oklch, var(--border) 50%, transparent);flex-direction:column;gap:.15rem;margin-top:.35rem;padding-top:.35rem;display:flex}.ds-usage-ref-row{justify-content:space-between;align-items:center;padding:.1rem 0;font-size:.7rem;display:flex}.ds-usage-ref-attr{color:var(--muted-foreground);font-family:monospace;font-size:.65rem}.ds-usage-ref-sync{text-transform:uppercase;letter-spacing:.04em;border-radius:.2rem;padding:.05rem .35rem;font-size:.6rem;font-weight:600}.ds-usage-ref-sync.synced{color:#1eae53;background:#1eae531a}.ds-usage-ref-sync.outdated{color:#f59f0a;background:#f59f0a1f}.ds-usage-ref-sync.pending{color:oklch(54.6% .215 262.881);background:oklch(54.6% .215 262.881/.1)}.ds-timeline{flex-direction:column;gap:0;padding:.875rem 1rem;display:flex;overflow-y:auto}.ds-timeline-event{align-items:flex-start;gap:.75rem;display:flex}.ds-timeline-track{flex-direction:column;flex-shrink:0;align-items:center;padding-top:.1rem;display:flex}.ds-timeline-dot{background:var(--card);border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.ds-timeline-line{background:var(--border);flex:1;width:2px;min-height:24px;margin:4px 0}.ds-timeline-icon{color:var(--muted-foreground)}.ds-timeline-icon.approved{color:#1eae53}.ds-timeline-icon.rejected{color:#ed2c2c}.ds-timeline-icon.submitted{color:oklch(54.6% .215 262.881)}.ds-timeline-icon.updated{color:#f59f0a}.ds-timeline-icon.created{color:#7c3bed}.ds-timeline-content{flex:1;padding-bottom:1rem}.ds-timeline-header{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.ds-timeline-actor{color:var(--foreground);font-size:.8rem;font-weight:600}.ds-timeline-type{text-transform:uppercase;letter-spacing:.04em;border-radius:.25rem;padding:.15rem .4rem;font-size:.65rem;font-weight:700}.ds-timeline-type.approved{color:#1a9948;background:#1eae531a}.ds-timeline-type.rejected{color:#d31212;background:#ef43431a}.ds-timeline-type.submitted{color:oklch(54.6% .215 262.881);background:oklch(54.6% .215 262.881/.1)}.ds-timeline-type.updated{color:#a16c12;background:#f59f0a1f}.ds-timeline-type.created{color:#5f15e0;background:#7c3bed1a}.ds-timeline-version{color:var(--muted-foreground);background:var(--muted);border-radius:.25rem;padding:.1rem .4rem;font-family:monospace;font-size:.65rem}.ds-timeline-time{color:var(--muted-foreground);align-items:center;gap:.25rem;margin-left:auto;font-size:.68rem;display:flex}.ds-timeline-comment{color:var(--muted-foreground);background:color-mix(in oklch, var(--muted) 40%, transparent);border-left:2px solid var(--border);border-radius:.375rem;margin:0;padding:.375rem .625rem;font-size:.75rem;line-height:1.5}.ds-btn-primary-white{color:#fff;cursor:pointer;backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:.5rem;align-items:center;gap:.35rem;padding:.4rem .875rem;font-size:.78rem;font-weight:600;transition:all .15s;display:flex}.ds-btn-primary-white:hover{background:#ffffff40}.ds-btn-ghost-white{color:#fffc;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:.425rem;align-items:center;gap:.25rem;padding:.35rem .625rem;font-size:.75rem;transition:all .15s;display:flex}.ds-btn-ghost-white:hover{color:#fff;background:#fff3}.ds-btn-ghost{background:var(--card);color:var(--muted-foreground);border:1px solid var(--border);cursor:pointer;border-radius:.425rem;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.75rem;transition:all .15s;display:flex}.ds-btn-ghost:hover{color:var(--foreground);background:var(--muted)}.ds-btn-ghost-sm{background:color-mix(in oklch, var(--muted) 50%, transparent);border:1px solid var(--border);cursor:pointer;color:var(--muted-foreground);border-radius:.375rem;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.7rem;transition:all .15s;display:inline-flex}.ds-btn-ghost-sm:hover{background:var(--muted);color:var(--foreground)}.ds-btn-approve-sm{cursor:pointer;color:#1a9948;background:#1eae531a;border:1px solid #1eae534d;border-radius:.375rem;align-items:center;padding:.25rem .5rem;font-size:.7rem;transition:all .15s;display:inline-flex}.ds-btn-reject-sm{cursor:pointer;color:#d31212;background:#ed2c2c1a;border:1px solid #ed2c2c4d;border-radius:.375rem;align-items:center;padding:.25rem .5rem;font-size:.7rem;transition:all .15s;display:inline-flex}.rotate-180{transform:rotate(180deg)}.dict-detail-panel{background:var(--background);flex-direction:column;height:100%;display:flex;overflow:hidden}.dict-detail-panel-header{border-bottom:1px solid var(--border);background:var(--card);flex-shrink:0;justify-content:space-between;align-items:center;padding:.625rem 1rem;display:flex}.dict-detail-panel-header h3{margin:0;font-size:.875rem;font-weight:600}.dict-detail-panel-content{flex-direction:column;flex:1;display:flex;overflow-y:auto}.ds-detail-columns{grid-template-columns:repeat(2,1fr);gap:.25rem 1.5rem;display:grid}@media (width<=640px){.ds-detail-columns{grid-template-columns:1fr}}.ds-inline-form{border:2px dashed var(--border);background:var(--card);border-radius:.625rem;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.ds-inline-form-name-row{align-items:center;gap:.75rem;display:flex}.ds-inline-form-grid{grid-template-columns:repeat(2,1fr);gap:.625rem 1.25rem;display:grid}@media (width<=600px){.ds-inline-form-grid{grid-template-columns:1fr}}.ds-inline-form-field{flex-direction:column;gap:.25rem;display:flex}.ds-inline-form-field-wide{grid-column:1/-1}.ds-inline-form-label{color:var(--muted-foreground);font-size:.75rem;font-weight:600}.ds-inline-form-meta{color:var(--muted-foreground);border-top:1px solid var(--border);flex-wrap:wrap;gap:1rem;padding-top:.375rem;font-size:.7rem;display:flex}.ds-inline-form-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ds-inline-form-policy{color:var(--muted-foreground);align-items:center;gap:.25rem;font-size:.7rem;font-style:italic;display:flex}.ds-inline-form-error{color:#ed2c2c;background:#ed2c2c14;border-radius:.375rem;align-items:center;gap:.375rem;padding:.375rem .5rem;font-size:.75rem;display:flex}.ds-item-card-editing{border-color:oklch(54.6% .215 262.881/.4);box-shadow:0 0 0 2px oklch(54.6% .215 262.881/.1)}.ds-card-fields{border-top:1px solid var(--border);grid-template-columns:repeat(2,1fr);gap:.25rem 1rem;padding:.5rem 0;display:grid}.ds-card-field{align-items:baseline;gap:.375rem;min-width:0;font-size:.72rem;display:flex}.ds-card-field-label{color:var(--muted-foreground);white-space:nowrap;flex-shrink:0;font-weight:600}.ds-card-field-value{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ds-btn-danger-sm{color:var(--destructive)!important}.ds-btn-danger-sm:hover{background:color-mix(in oklch, var(--destructive) 10%, transparent)!important}.portal-container{--brand-primary:210 100% 45%;--background:210 20% 98%;--foreground:215 25% 15%;--card:0 0% 100%;--card-foreground:215 25% 15%;--primary:210 100% 45%;--primary-foreground:0 0% 100%;--secondary:210 15% 94%;--muted:210 15% 96%;--muted-foreground:215 15% 45%;--border:214 20% 90%;--sidebar-background:210 100% 45%;--sidebar-foreground:0 0% 100%;--sidebar-border:210 80% 50%;min-height:100vh;color:#1d2530!important;background-color:#f9fafb!important}.portal-container aside,.portal-container .bg-sidebar{color:#fff!important;background-color:#0073e6!important}.portal-container .text-sidebar-foreground{color:#fff!important}.portal-container .bg-sidebar-primary{background-color:#fff!important}.portal-container .text-sidebar-primary-foreground{color:#0073e6!important}.portal-container .border-sidebar-border{border-color:#1a80e6!important}.portal-container .bg-sidebar-accent\/20{background-color:#0080ff33!important}.portal-container .bg-sidebar-accent\/30{background-color:#0080ff4d!important}.portal-container .bg-card{background-color:#fff!important}.portal-container .text-card-foreground{color:#1d2530!important}.portal-container .bg-background{background-color:#f9fafb!important}.portal-container .text-foreground{color:#1d2530!important}.portal-container .bg-primary{background-color:#0073e6!important}.portal-container .text-primary{color:#0073e6!important}.portal-container .text-primary-foreground{color:#fff!important}.portal-container .border-primary{border-color:#0073e6!important}.portal-container .bg-secondary{background-color:#edf0f2!important}.portal-container .text-secondary-foreground{color:#303d50!important}.portal-container .bg-muted{background-color:#f3f5f6!important}.portal-container .text-muted-foreground{color:#627084!important}.portal-container .border,.portal-container .border-border{border-color:#e0e5eb!important}.portal-container .bg-accent{background-color:#f0f7ff!important}.portal-container .text-accent-foreground{color:#0073e6!important}.portal-container .sidebar-nav-item.active{color:#fff!important;background-color:#0080ff33!important}.portal-container .hover\:bg-sidebar-accent\/30:hover{background-color:#0080ff4d!important}.portal-container .hover\:bg-accent:hover{background-color:#f0f7ff!important}.portal-container.portal-emerald aside,.portal-container.portal-emerald .bg-sidebar,.portal-container.portal-emerald .bg-primary{background-color:#08a275!important}.portal-container.portal-emerald .text-primary,.portal-container.portal-emerald .text-sidebar-primary-foreground{color:#08a275!important}.portal-container.portal-emerald .border-primary{border-color:#08a275!important}.portal-container.portal-violet aside,.portal-container.portal-violet .bg-sidebar,.portal-container.portal-violet .bg-primary{background-color:#e03dd6!important}.portal-container.portal-violet .text-primary,.portal-container.portal-violet .text-sidebar-primary-foreground{color:#e03dd6!important}.portal-container.portal-violet .border-primary{border-color:#e03dd6!important}.portal-container.portal-rose aside,.portal-container.portal-rose .bg-sidebar,.portal-container.portal-rose .bg-primary{background-color:#f06936!important}.portal-container.portal-rose .text-primary,.portal-container.portal-rose .text-sidebar-primary-foreground{color:#f06936!important}.portal-container.portal-rose .border-primary{border-color:#f06936!important}.portal-container.portal-amber aside,.portal-container.portal-amber .bg-sidebar,.portal-container.portal-amber .bg-primary{background-color:#9efb18!important}.portal-container.portal-amber .text-primary,.portal-container.portal-amber .text-sidebar-primary-foreground{color:#9efb18!important}.portal-container.portal-amber .border-primary{border-color:#9efb18!important}.portal-container.portal-slate aside,.portal-container.portal-slate .bg-sidebar,.portal-container.portal-slate .bg-primary{background-color:#56515d!important}.portal-container.portal-slate .text-primary,.portal-container.portal-slate .text-sidebar-primary-foreground{color:#56515d!important}.portal-container.portal-slate .border-primary{border-color:#56515d!important}.portal-container.portal-dark{color:#f0f2f5!important;background-color:#0e121b!important}.portal-container.portal-dark .bg-background{background-color:#0e121b!important}.portal-container.portal-dark .bg-card{background-color:#171c26!important}.portal-container.portal-dark .text-foreground{color:#f0f2f5!important}.portal-container.portal-dark aside,.portal-container.portal-dark .bg-sidebar{background-color:#121621!important}.portal-container.portal-dark .bg-primary{background-color:#1a8cff!important}@layer components{.diagram-card{border:1px solid hsl(var(--border));background-color:hsl(var(--card) / 1);box-shadow:var(--shadow-card,0 1px 3px #1d253014, 0 1px 2px -1px #1d25300f);border-radius:.5rem;transition:all .2s}.diagram-card:hover{box-shadow:var(--shadow-card-hover,0 10px 25px -5px #1d25301a, 0 8px 10px -6px #1d25300d);border-color:hsl(var(--primary) / .3);transform:translateY(-2px)}.status-badge{border-radius:9999px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.status-badge-published{color:#1fad66;background-color:#1fad661a}.status-badge-draft{color:#ad8a1f;background-color:#ffecb380}.status-badge-modified{color:#0080ff;background-color:#0080ff1a}.sidebar-nav-item{color:hsl(var(--sidebar-foreground) / .8);border-radius:.5rem;align-items:center;gap:.75rem;padding:.625rem .75rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.sidebar-nav-item:hover{background-color:hsl(var(--sidebar-accent) / .3);color:hsl(var(--sidebar-foreground))}.sidebar-nav-item.active{background-color:hsl(var(--sidebar-accent) / .4);color:hsl(var(--sidebar-foreground));font-weight:500}.portal-sidebar-nav-item{color:hsl(var(--sidebar-foreground) / .8);border-radius:.5rem;align-items:center;gap:.75rem;padding:.625rem .75rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.portal-sidebar-nav-item:hover{background-color:hsl(var(--sidebar-accent) / .3);color:hsl(var(--sidebar-foreground))}.portal-sidebar-nav-item.active{background-color:hsl(var(--sidebar-accent) / .4);color:hsl(var(--sidebar-foreground));font-weight:500}.kpi-good{border-left:4px solid #1fad66}.kpi-warning{border-left:4px solid #f9bc06}.kpi-critical{border-left:4px solid #e23636}.category-chip{color:#fff;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:500;transition:transform .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.category-chip:hover{transform:scale(1.05)}.diagram-canvas{border:1px solid hsl(var(--border));background-color:#fff;background-image:radial-gradient(circle, hsl(var(--border)) 1px, transparent 1px);background-size:20px 20px;border-radius:.5rem}.detail-panel{background-color:hsl(var(--card));border-left:1px solid hsl(var(--border));height:100%;overflow-y:auto;box-shadow:-4px 0 15px -3px #1d25300d}.portal-diagram-canvas{border:1px solid hsl(var(--border));background-color:hsl(var(--card));background-image:radial-gradient(circle, hsl(var(--border)) 1px, transparent 1px);background-size:20px 20px;border-radius:.5rem}.bg-category-strategy{background-color:#e23670}.bg-category-hr{background-color:#a542d7}.bg-category-innovation{background-color:#f2b90d}.bg-category-marketing{background-color:#28bdbd}.bg-category-procurement{background-color:#367ee2}.bg-category-sales,.bg-status-good{background-color:#1fad66}.bg-status-warning{background-color:#f9bc06}.bg-status-critical{background-color:#e23636}}@layer utilities{.animate-fade-in{animation:.3s ease-out fadeIn}.animate-slide-in,.animate-slide-in-right{animation:.3s ease-out slideIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}}