:root{--primary:#2f55d4;--primary-dark:#2344ae;--primary-light:#4b6fe6;--primary-hover:#2344ae;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--info:#06b6d4;--danger:#ef4444;--bg-primary:#fff;--bg-secondary:#eaedf6;--bg-tertiary:#e0e5f2;--bg-inset:#f7f9fc;--bg-hover:#eef2ff;--border:#d2d9e9;--border-hover:#2f55d473;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 3px #0f172a14, 0 1px 2px #0f172a0d;--shadow-md:0 4px 12px #0f172a17, 0 2px 4px #0f172a0d;--shadow-lg:0 4px 16px #0f172a1a, 0 8px 24px #0f172a0f;--shadow-xl:0 8px 32px #0f172a1f, 0 16px 48px #0f172a12;--focus-ring:#2f55d41a;--focus-ring-border:var(--primary);--overlay-dark:#0009;--overlay-light:#0006;--alpha-success-bg:#10b9811a;--alpha-error-bg:#ef44441a;--alpha-warning-bg:#f59e0b1a;--alpha-info-bg:#06b6d41a;--alpha-primary-bg:#2f55d41f;--icon-xs:1rem;--icon-sm:1.25rem;--icon-md:1.5rem;--icon-lg:2rem;--icon-xl:2.5rem;--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.3s;--sidebar-toggle-overhang:14px;--z-dropdown:1000;--z-sticky:1100;--z-fixed:1200;--z-modal-backdrop:1300;--z-modal:1400;--z-popover:1500;--z-tooltip:1600;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#4b6fe6;--primary-dark:#2f55d4;--primary-light:#7b96f2;--primary-hover:#7b96f2;--success:#34d399;--error:#f87171;--warning:#fbbf24;--info:#22d3ee;--danger:#f87171;--bg-primary:#172040;--bg-secondary:#0f172a;--bg-tertiary:#252d4a;--bg-inset:#0d1430;--bg-hover:#2a3352;--border:#4b6fe633;--border-hover:#4b6fe659;--text-primary:#f1f5f9;--text-secondary:#b8c5d6;--text-tertiary:#94a3b8;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 12px #0003, 0 2px 4px #00000026;--shadow-lg:0 4px 16px #00000040, 0 8px 24px #0003;--shadow-xl:0 8px 32px #0000004d, 0 16px 48px #00000040;--shadow-brand:0 4px 24px #2f55d41f;--focus-ring:#4b6fe626;--alpha-success-bg:#34d39926;--alpha-error-bg:#f8717126;--alpha-warning-bg:#fbbf2426;--alpha-info-bg:#22d3ee26;--alpha-primary-bg:#4b6fe626;--glass-bg:var(--bg-primary);--glass-border:var(--border)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.875rem;line-height:1.6;background:var(--bg-secondary)!important;color:var(--text-primary)!important}[data-theme=light] body{background:linear-gradient(170deg,#fcfdff 0%,#f4f7fe 40%,#f9fafd 100%) fixed!important}[data-theme=light] body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#2f55d40f 0%,#2f55d408 30%,#0000 60%);width:800px;height:800px;position:fixed;top:30%;left:50%;transform:translate(-50%,-50%)}[data-theme=dark] body{background:linear-gradient(170deg,#0f172a 0%,#0f1845 40%,#0f172a 100%) fixed!important}[data-theme=dark] body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#2f55d414 0%,#2f55d40a 30%,#0000 60%);width:800px;height:800px;position:fixed;top:30%;left:50%;transform:translate(-50%,-50%)}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;color:inherit;opacity:1;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;direction:ltr;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--primary);color:#fff}::selection{background:var(--primary);color:#fff}.page-container,.main-content{min-height:100vh}.page-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.page-header h1,.page-header h2{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.section-card{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1rem;padding:1.125rem}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-tertiary{color:var(--text-tertiary)!important}.text-success{color:var(--success)!important}.text-error{color:var(--error)!important}.text-warning{color:var(--warning)!important}.bg-primary{background-color:var(--bg-primary)!important}.bg-secondary{background-color:var(--bg-secondary)!important}.bg-tertiary{background-color:var(--bg-tertiary)!important}.border{border:1px solid var(--border)!important}.border-b{border-bottom:1px solid var(--border)!important}.border-t{border-top:1px solid var(--border)!important}.rounded-sm{border-radius:var(--radius-sm)!important}.rounded-md{border-radius:var(--radius-md)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow-md{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fadeIn{animation:.3s fadeIn}.animate-slideUp{animation:.3s slideUp}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm,4px)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{scrollbar-width:thin;scrollbar-color:var(--border) var(--bg-tertiary)}.card{border:1px solid var(--border);transition:border-color var(--duration-normal,.15s) ease}.card:hover{border-color:var(--primary)}button:active:not(:disabled),.btn:active:not(:disabled){transform:scale(.98)}a.animated-link{transition:background-size var(--duration-normal,.15s) ease;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;text-decoration:none}a.animated-link:hover{background-size:100% 1px}.badge{transition:filter var(--duration-fast,.1s) ease}.badge:hover{filter:brightness(1.1)}.page-container{animation:pageEnter var(--duration-normal,.15s) ease}@keyframes pageEnter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.toast{border-radius:var(--radius-md,8px);z-index:var(--z-tooltip,10000);box-shadow:var(--shadow-lg);padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;animation:.2s toastSlideIn,.3s 2.5s forwards toastFadeOut;position:fixed;bottom:1.5rem;right:1.5rem}.toast.success{background:var(--success);color:#fff}.toast.error{background:var(--error);color:#fff}.toast.warning{background:var(--warning);color:#fff}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes toastFadeOut{to{opacity:0;transform:translateY(-.5rem)}}.data-table th,table th{background-color:var(--bg-secondary);text-transform:uppercase;letter-spacing:.08em;color:var(--text-primary);border-bottom:2px solid var(--border);z-index:2;font-size:.75rem;font-weight:700;position:sticky;top:0}.data-table tr:hover,table tbody tr:hover{background-color:#2a46d408}.empty-state{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.empty-state-icon{background:var(--alpha-primary-bg,#2a46d414);width:64px;height:64px;color:var(--primary);border-radius:16px;justify-content:center;align-items:center;display:flex}.empty-state-icon .material-symbols-outlined{font-size:32px}.empty-state p{color:var(--text-secondary);text-align:center;max-width:320px;margin:0;font-size:.875rem}.form-field.has-error .form-input,.form-field.has-error input,.form-field.has-error select{border-color:var(--error);background:#dc262608}.form-field.has-success .form-input,.form-field.has-success input{border-color:var(--success);background:#16a34a08}.form-error-msg{color:var(--error);align-items:center;gap:.375rem;margin-top:.375rem;font-size:.8125rem;animation:.2s pageEnter;display:flex}.form-success-msg{color:var(--success);align-items:center;gap:.375rem;margin-top:.375rem;font-size:.8125rem;animation:.2s pageEnter;display:flex}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-secondary) 50%, var(--bg-tertiary) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeletonShimmer}.skeleton-text{width:100%;height:.875rem;margin-bottom:.5rem}.skeleton-text-sm{width:60%;height:.75rem}.skeleton-heading{width:40%;height:1.5rem;margin-bottom:1rem}.skeleton-card{width:100%;height:120px}.skeleton-row{border-bottom:1px solid var(--border);gap:1rem;padding:.875rem 1rem;display:flex}.skeleton-cell{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--border) 50%, var(--bg-secondary) 75%);background-size:200% 100%;border-radius:4px;height:16px;animation:1.5s ease-in-out infinite skeleton-shimmer}.skeleton-cell:first-child{flex:2}.skeleton-cell:nth-child(2),.skeleton-cell:nth-child(3){flex:1}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:all var(--duration-normal) ease}.card:hover{box-shadow:var(--shadow-md)}.card-clickable:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.metric-card{background:var(--bg-primary);border-radius:var(--radius-md);padding:var(--spacing-5);box-shadow:var(--shadow-sm);border-left:3px solid var(--primary);transition:all var(--duration-normal) ease}.metric-card.info{border-left-color:var(--info)}.form-input{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);transition:all var(--duration-normal) ease;font-size:.9375rem}.form-input:hover{border-color:var(--border-hover)}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.dialog-content{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-xl);width:100%;max-width:420px;animation:.3s slideUp;overflow:hidden}.dialog-header{padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--border);background:var(--bg-secondary);justify-content:space-between;align-items:center;display:flex}.dialog-body{padding:var(--spacing-5) var(--spacing-6)}.dialog-actions{justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--border);background:var(--bg-secondary);display:flex}.nav-item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) ease;color:var(--text-secondary);text-align:left;background:0 0;border:none;width:100%;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-item.active{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;box-shadow:var(--shadow-sm)}.nav-item.active:hover{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%)}.status-badge{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;display:inline-flex}.status-badge.success{background:var(--alpha-success-bg);color:var(--success)}.status-badge.error{background:var(--alpha-error-bg);color:var(--error)}.status-badge.warning{background:var(--alpha-warning-bg);color:var(--warning)}.status-badge.info{background:var(--alpha-info-bg);color:var(--info)}.hover-lift{transition:transform var(--duration-normal) ease, box-shadow var(--duration-normal) ease}.hover-lift:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.page-container{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:100%;margin:0;padding:0;position:relative;overflow-x:hidden}.page-header{background:var(--bg-primary);border-bottom:1px solid var(--border);z-index:100;box-shadow:var(--shadow-sm);box-sizing:border-box;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-width:0;padding:1.5rem 2rem;display:flex;position:sticky;top:0}.page-header-left{flex-direction:column;gap:.25rem;display:flex}.page-header h1,.page-title{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:700;line-height:1.2}.page-header h2{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.page-subtitle{color:var(--text-tertiary);margin:0;font-size:.875rem}.page-header-right,.page-header-actions{align-items:center;gap:.75rem;display:flex}.page-content{box-sizing:border-box;width:100%;max-width:100%;padding:2rem}.page-content-narrow{max-width:1200px;margin:0 auto}.card{background:var(--bg-primary);box-shadow:var(--shadow-sm);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.card-title{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.card-body{color:var(--text-primary)}.metrics-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;width:100%;max-width:100%;padding:2rem;display:grid}.metric-card{background:var(--bg-primary);box-shadow:var(--shadow-sm);border-left:3px solid var(--primary);border-radius:10px;padding:1.25rem;transition:all .2s}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-card.success{border-left-color:var(--success)}.metric-card.warning{border-left-color:var(--warning)}.metric-card.error{border-left-color:var(--error)}.charts-grid{box-sizing:border-box;grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;min-width:0;max-width:100%;padding:0 2rem 2rem;display:grid}.chart-card{background:var(--bg-primary);box-shadow:var(--shadow-sm);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.chart-card h3{color:var(--text-primary);margin:0 0 1.5rem;font-size:1.125rem;font-weight:600}.section-title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.filters-panel{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.filters-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.filters-title{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:flex}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.table-header{border-bottom:1px solid var(--border);background:var(--bg-primary);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.table-title{color:var(--text-primary);font-size:1rem;font-weight:600}.empty-state{text-align:center;background:var(--bg-primary);box-shadow:var(--shadow-sm);border:1px solid var(--border);border-radius:12px;padding:4rem 2rem}.empty-state-icon{color:var(--text-tertiary);margin-bottom:1rem;font-size:3rem}.empty-state h2{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem}.empty-state p{color:var(--text-tertiary);margin-bottom:1rem;font-size:1rem}.tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:1.5rem;display:flex}.tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;position:relative}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--primary)}.tab.active:after{content:"";background:var(--primary);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.page-card{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:visible}.page-card-content{padding:1.5rem}.page-tabs-wrapper{border-bottom:1px solid var(--border);padding:0 1rem}.page-panel{padding:1.5rem}.page-table-section{overflow-x:auto}.info-icon{cursor:default;align-items:center;display:inline-flex;position:relative}.info-icon .material-symbols-outlined{color:var(--text-secondary);font-size:1rem}.info-icon .info-tooltip{background:var(--bg-tertiary);color:var(--text-primary);text-transform:none;letter-spacing:normal;border-radius:var(--radius-sm);border:1px solid var(--border);box-shadow:var(--shadow-md);white-space:normal;z-index:1000;pointer-events:none;width:max-content;max-width:320px;padding:.5rem .75rem;font-family:inherit;font-size:.8125rem;font-weight:400;line-height:1.5;position:absolute;top:calc(100% + 8px);left:0}@media (width<=1024px){.page-header{padding:var(--spacing-4) var(--spacing-6);flex-wrap:wrap}.page-header h1{font-size:1.125rem}.page-content{padding:var(--spacing-6)}.metrics-grid{padding:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.charts-grid{gap:var(--spacing-4);padding:0 var(--spacing-6) var(--spacing-6) var(--spacing-6);grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.page-header,.page-content{padding:var(--spacing-4)}.page-header-actions{justify-content:flex-end;gap:var(--spacing-2);width:100%}.metrics-grid{gap:var(--spacing-3);grid-template-columns:repeat(2,1fr)}.charts-grid{gap:var(--spacing-4);grid-template-columns:1fr}}@media (width<=640px){.page-header{padding:var(--spacing-4)}.page-header h1{font-size:1.25rem}.page-content{padding:var(--spacing-4)}.metrics-grid{gap:var(--spacing-3);grid-template-columns:1fr}.page-header-actions{flex-direction:column;align-items:stretch}.page-header-actions button{width:100%}}#root{width:100%;min-height:100vh}code{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:.125rem .375rem;font-family:Monaco,Menlo,source-code-pro,Consolas,Courier New,monospace;font-size:.875em}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}select:not(.MuiSelect-select):not(.form-select){appearance:none!important;background-color:var(--bg-primary)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;cursor:pointer!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23475569' d='M6 9L1 4h10z'/%3E%3C/svg%3E")!important;background-position:right .75rem center!important;background-repeat:no-repeat!important;background-size:12px!important;min-height:2.5rem!important;padding:.625rem 2.5rem .625rem .75rem!important;font-family:inherit!important;font-size:.875rem!important;line-height:1.5!important;transition:all .2s!important}[data-theme=dark] select:not(.MuiSelect-select):not(.form-select){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23cbd5e1' d='M6 9L1 4h10z'/%3E%3C/svg%3E")!important}select:not(.MuiSelect-select):not(.form-select):hover{border-color:var(--primary)!important;background-color:var(--bg-secondary)!important}select:not(.MuiSelect-select):not(.form-select):focus{border-color:var(--primary)!important;outline:none!important;box-shadow:0 0 0 3px #2a46d41a!important}select:not(.MuiSelect-select):not(.form-select):disabled{opacity:.5!important;cursor:not-allowed!important}select:not(.MuiSelect-select):not(.form-select) option{background-color:var(--bg-primary)!important;color:var(--text-primary)!important;padding:.5rem!important}.gradient-text{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.smooth-transition{transition:all .2s cubic-bezier(.4,0,.2,1)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.loading-spinner{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:.875rem;display:flex}.loading-spinner .spinning{color:var(--primary);animation:1s linear infinite spin}.app-loading{background:var(--bg-secondary);justify-content:center;align-items:center;height:100vh;display:flex}[data-theme=dark] .app-loading{background:linear-gradient(170deg,#0f172a 0%,#0f1845 40%,#0f172a 100%)}.app-loading .spinner{border:2.5px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}.error-message{color:var(--error);border-radius:var(--radius-md);background:#ef44441a;border:1px solid #ef444433;align-items:center;gap:.5rem;padding:.625rem .875rem;font-size:.875rem;display:flex}.divider{text-align:center;align-items:center;margin:1rem 0;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid var(--border);flex:1}.divider span{color:var(--text-tertiary);padding:0 .75rem;font-size:.8125rem}.tui-json{flex-direction:column;gap:.5rem;min-width:0;display:flex}.tui-json-toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.tui-json-spacer{flex:auto}.tui-json-filter{min-width:120px;color:var(--text-primary,#0f172a);background:var(--bg-primary,#fff);border:1px solid var(--border,#dde3ef);border-radius:6px;flex:0 260px;padding:.3rem .55rem;font-family:inherit;font-size:.8125rem}.tui-json-filter:focus-visible{outline:2px solid var(--primary,#2f55d4);outline-offset:1px;border-color:#0000}.tui-json-count{color:var(--text-tertiary,#64748b);font-variant-numeric:tabular-nums;font-size:.75rem}.tui-json-btn,.tui-json-more{color:var(--text-secondary,#475569);background:var(--bg-secondary,#f3f4f6);border:1px solid var(--border,#dde3ef);cursor:pointer;border-radius:6px;padding:.3rem .6rem;font-family:inherit;font-size:.75rem;font-weight:500;transition:background .15s,color .15s,border-color .15s}.tui-json-btn:hover,.tui-json-more:hover{background:var(--bg-hover,#eef2ff);color:var(--text-primary,#0f172a);border-color:var(--border-hover,#c3cddf)}.tui-json-btn:focus-visible,.tui-json-more:focus-visible{outline:2px solid var(--primary,#2f55d4);outline-offset:1px}.tui-json-more{align-self:flex-start}.tui-json-pre{background:var(--bg-tertiary,#0f172a);border:1px solid var(--border,#dde3ef);max-height:420px;color:var(--text-primary,#e2e8f0);tab-size:2;border-radius:8px;margin:0;padding:.875rem 1rem;font-family:JetBrains Mono,Monaco,Menlo,ui-monospace,monospace;font-size:.8125rem;line-height:1.6;overflow:auto}.tui-json .tui-json-pre code{font:inherit;color:inherit;white-space:pre;background:0 0;border:0;padding:0}.tui-json-empty{color:var(--text-tertiary,#64748b);background:var(--bg-secondary,#f3f4f6);border:1px dashed var(--border,#dde3ef);border-radius:8px;padding:.75rem 1rem;font-size:.8125rem}.tui-json-key{color:#a25904;font-weight:500}.tui-json-string{color:#107d38}.tui-json-number{color:#4363ce}.tui-json-boolean{color:#067691;font-weight:500}.tui-json-null{color:#5c6b7f;font-style:italic}[data-theme=light] .tui-json-pre{background:var(--bg-inset,#f7f9fc)}[data-theme=dark] .tui-json-key{color:#fbbf24}[data-theme=dark] .tui-json-string{color:#4ade80}[data-theme=dark] .tui-json-number{color:#7b96f2}[data-theme=dark] .tui-json-boolean{color:#22d3ee}[data-theme=dark] .tui-json-null{color:#94a3b8}.btn{justify-content:center;align-items:center;gap:var(--spacing-2);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-normal) ease, border-color var(--duration-normal) ease, box-shadow var(--duration-normal) ease, transform var(--duration-normal) ease, color var(--duration-normal) ease;white-space:nowrap;box-sizing:border-box;border:none;padding:.375rem .75rem;font-family:inherit;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(1px)}.btn-sm{min-width:50px;height:30px;padding:.25rem .5rem;font-size:.75rem}.btn-md{min-width:60px;height:34px;padding:.375rem .75rem;font-size:.8125rem}.btn-lg{min-width:70px;height:38px;padding:.5rem 1rem;font-size:.8125rem}.btn-sm .material-symbols-outlined{color:inherit;font-size:.875rem;line-height:1}.btn-md .material-symbols-outlined{color:inherit;font-size:1rem;line-height:1}.btn-lg .material-symbols-outlined{color:inherit;font-size:1.125rem;line-height:1}.btn-icon-only.btn-sm .material-symbols-outlined{font-size:1.125rem}.btn-icon-only.btn-md .material-symbols-outlined{font-size:1.25rem}.btn-icon-only.btn-lg .material-symbols-outlined{font-size:1.375rem}.btn-icon-only:not(.btn-sm):not(.btn-md):not(.btn-lg) .material-symbols-outlined{font-size:1.25rem}.btn-icon-only{padding:var(--spacing-2);border:none;width:44px;min-width:auto;height:44px}.btn-icon-only.btn-sm{padding:var(--spacing-1);border:none;width:30px;min-width:auto;height:30px}.btn-icon-only.btn-md{padding:var(--spacing-1);border:none;width:34px;min-width:auto;height:34px}.btn-icon-only.btn-lg{padding:var(--spacing-2);border:none;width:38px;min-width:auto;height:38px}.btn-full-width{width:100%}a.btn,a.btn:visited{text-decoration:none}a.btn[aria-disabled=true]{opacity:.5;pointer-events:none;cursor:not-allowed}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-secondary.btn-solid{background:var(--bg-secondary);color:var(--text-primary);border:none}.btn-secondary.btn-solid .material-symbols-outlined{color:inherit}.btn-secondary.btn-solid:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);border:none}a.btn-secondary.btn-solid:visited{color:var(--text-primary)}.btn-secondary.btn-icon-only{background:var(--bg-secondary);color:var(--text-primary);border:none}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-hover);color:var(--text-primary)}.btn-secondary.btn-icon-only:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);border:none}.btn-secondary:hover:not(:disabled) .material-symbols-outlined{color:inherit}.btn-danger{color:var(--text-primary);border:1px solid var(--border);background:0 0}.btn-danger.btn-icon-only{background:var(--bg-secondary);color:var(--text-primary);border:none}.btn-danger:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-hover);color:var(--text-primary)}.btn-danger.btn-icon-only:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);border:none}.btn-danger:hover:not(:disabled) .material-symbols-outlined{color:inherit}.btn-secondary .material-symbols-outlined{color:var(--primary)}.btn-danger .material-symbols-outlined{color:var(--error)}.btn-primary{color:var(--text-primary);border:1px solid var(--primary);background:0 0}.btn-primary.btn-icon-only{background:var(--primary);color:#fff;border:none}.btn-primary .material-symbols-outlined{color:var(--primary)}.btn-primary.btn-icon-only .material-symbols-outlined{color:#fff}.btn-primary:hover:not(:disabled){background:var(--alpha-primary-bg);border-color:var(--primary)}.btn-primary.btn-icon-only:hover:not(:disabled){background:var(--primary-dark);border:none}.btn-primary:hover:not(:disabled) .material-symbols-outlined{color:inherit}.btn-success{color:var(--text-primary);border:1px solid var(--border);background:0 0}.btn-success.btn-icon-only{background:var(--bg-secondary);color:var(--text-primary);border:none}.btn-success .material-symbols-outlined{color:var(--success)}.btn-success:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-hover);color:var(--text-primary)}.btn-success.btn-icon-only:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);border:none}.btn-success:hover:not(:disabled) .material-symbols-outlined{color:inherit}.btn-ghost{color:var(--text-primary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.btn-loading{pointer-events:none}.btn-loading .spinning{animation:1s linear infinite spin}.btn-icon{background:var(--bg-secondary);border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-primary);cursor:pointer;transition:background var(--duration-normal) ease;border:none;justify-content:center;align-items:center;min-width:auto;padding:0;font-size:0;display:flex}.btn-icon:hover:not(:disabled){background:var(--bg-tertiary)}.btn-icon .material-symbols-outlined{color:inherit;font-size:1.25rem;line-height:1}.btn-icon-sm{border:none;width:36px;height:36px}.btn-icon-sm .material-symbols-outlined{color:inherit;font-size:1.125rem}.btn-icon-lg{border:none;width:44px;height:44px}.btn-icon-lg .material-symbols-outlined{color:inherit;font-size:1.375rem}.form-field{flex-direction:column;gap:.5rem;display:flex}.form-field-full-width{width:100%}.form-required{color:var(--error);margin-left:.25rem}.form-input-wrapper{align-items:center;display:flex;position:relative}.form-input-icon{left:var(--spacing-3);font-size:var(--icon-sm);color:var(--text-tertiary);pointer-events:none;position:absolute}.form-input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:var(--bg-primary);transition:all var(--duration-normal) ease;font-family:inherit;font-size:.875rem}.form-input-sm{padding:var(--spacing-2) var(--spacing-3);font-size:.75rem}.form-input-md{padding:.5rem .75rem;font-size:.875rem}.form-input-lg{padding:.625rem 1rem;font-size:.9375rem}.form-input-with-icon{padding-left:2.5rem}.form-input-with-icon.form-input-sm{padding-left:2.25rem}.form-input-with-icon.form-input-lg{padding-left:2.75rem}.form-input::placeholder{color:var(--text-tertiary)}.form-input:hover:not(:disabled){border-color:var(--border-hover);background:var(--bg-secondary)}.form-input:focus{border-color:var(--primary);background:var(--bg-primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.form-input:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary)}.form-input.error{border-color:var(--error);background:var(--alpha-error-bg)}.form-input.error:focus{border-color:var(--error);background:var(--bg-primary);box-shadow:0 0 0 3px var(--alpha-error-bg)}.form-helper{color:var(--text-tertiary);font-size:.75rem}.form-error{color:var(--error)}textarea.form-input{resize:vertical;min-height:100px}.form-select-wrapper{align-items:center;width:100%;display:flex;position:relative}.form-select-wrapper select.form-select{outline:none!important;margin:0!important}.form-select{width:100%;transition:all var(--duration-normal) ease;appearance:none!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;color:var(--text-primary)!important;background:var(--bg-primary)!important;cursor:pointer!important;padding-right:var(--spacing-10)!important;box-sizing:border-box!important;background-image:none!important;font-family:inherit!important;font-size:.9375rem!important}.form-select-sm{padding:.25rem var(--spacing-8) .25rem var(--spacing-3)!important;font-size:.75rem!important}.form-select-md{padding:.375rem var(--spacing-8) .375rem .75rem!important;font-size:.8125rem!important}.form-select-lg{padding:var(--spacing-4) var(--spacing-10) var(--spacing-4) var(--spacing-5)!important;font-size:.9375rem!important}.form-select:hover:not(:disabled){border-color:var(--border-hover)!important;background:var(--bg-secondary)!important;background-image:none!important}.form-select:focus{border-color:var(--primary)!important;background:var(--bg-primary)!important;box-shadow:0 0 0 3px var(--focus-ring)!important;background-image:none!important;outline:none!important}.form-select:disabled{opacity:.5!important;cursor:not-allowed!important;background:var(--bg-tertiary)!important;background-image:none!important}.form-select.error{border-color:var(--error)!important;background-image:none!important}.form-select.error:focus{border-color:var(--error)!important;box-shadow:0 0 0 3px var(--alpha-error-bg)!important;background-image:none!important}.form-select-arrow{right:var(--spacing-3);color:var(--primary);pointer-events:none;transition:transform var(--duration-normal) ease;z-index:1;font-size:16px;position:absolute}.form-select:focus+.form-select-arrow{color:var(--primary)}.form-select option{background:var(--bg-primary)!important;color:var(--text-primary)!important;padding:.5rem!important}.form-textarea{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;min-height:100px;color:var(--text-primary);background:var(--bg-primary);padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;line-height:1.6;transition:all .2s}.form-textarea::placeholder{color:var(--text-tertiary)}.form-textarea:hover:not(:disabled){border-color:var(--border-hover);background:var(--bg-secondary)}.form-textarea:focus{border-color:var(--primary);background:var(--bg-primary);outline:none;box-shadow:0 0 0 3px #2a46d41a}[data-theme=dark] .form-textarea:focus{box-shadow:0 0 0 3px #5068e026}.form-textarea:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary);resize:none}.form-textarea.error{border-color:var(--error)}.form-textarea.error:focus{border-color:var(--error);box-shadow:0 0 0 3px #ef44441a}.json-code-editor-wrapper{border-radius:var(--radius-md);position:relative;overflow:hidden}.json-code-editor-highlight{pointer-events:none;white-space:pre;word-wrap:normal;color:var(--text-primary);tab-size:2;background:0 0;margin:0;padding:.75rem 1rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.8125rem;line-height:1.5;position:absolute;inset:0;overflow:auto}.json-code-editor-input{color:#0000;-webkit-text-fill-color:transparent;caret-color:var(--text-primary);text-shadow:none;tab-size:2;position:relative;background:0 0!important;font-family:Menlo,Monaco,Consolas,Courier New,monospace!important;font-size:.8125rem!important;line-height:1.5!important}.json-code-editor-input::selection{background:color-mix(in srgb, var(--primary) 30%, transparent);text-shadow:none}.json-token-key{color:#005cc5}.json-token-string{color:#22863a}.json-token-number{color:#6f42c1}.json-token-boolean,.json-token-null{color:#d73a49}[data-theme=dark] .json-token-key{color:#79b8ff}[data-theme=dark] .json-token-string{color:#85e89d}[data-theme=dark] .json-token-number{color:#b392f0}[data-theme=dark] .json-token-boolean,[data-theme=dark] .json-token-null{color:#f97583}.dialog-overlay{background:var(--overlay-dark);z-index:var(--z-modal);padding:var(--spacing-8);animation:dialogFadeIn var(--duration-normal) ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes dialogFadeIn{0%{opacity:0}to{opacity:1}}.dialog-content{background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-xl);width:100%;max-height:calc(100vh - 4rem);animation:dialogSlideUp var(--duration-slow) ease;flex-direction:column;display:flex;overflow:hidden}@keyframes dialogSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dialog-sm{max-width:400px}.dialog-md{max-width:480px}.dialog-lg{max-width:640px}.dialog-xl{max-width:960px}.dialog-full{max-width:calc(100vw - 4rem)}.dialog-header{border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.dialog-header h3{color:var(--text-primary);align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:600;display:flex}.dialog-header.dialog-info{border-left:4px solid var(--primary)}.dialog-header.dialog-warning{border-left:4px solid var(--warning)}.dialog-header.dialog-error{border-left:4px solid var(--error)}.dialog-header.dialog-success{border-left:4px solid var(--success)}.dialog-header.dialog-info h3:before{content:"info";color:var(--primary);font-family:Material Symbols Outlined;font-size:1.25rem}.dialog-header.dialog-warning h3:before{content:"warning";color:var(--warning);font-family:Material Symbols Outlined;font-size:1.25rem}.dialog-header.dialog-error h3:before{content:"error";color:var(--error);font-family:Material Symbols Outlined;font-size:1.25rem}.dialog-header.dialog-success h3:before{content:"check_circle";color:var(--success);font-family:Material Symbols Outlined;font-size:1.25rem}.dialog-close{cursor:pointer;border-radius:var(--radius-sm);color:var(--text-tertiary);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:.375rem;transition:all .2s;display:flex}.dialog-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dialog-close:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.dialog-close .material-symbols-outlined{font-size:20px}.dialog-body{flex:1;padding:1rem;overflow-y:auto}.dialog-message{color:var(--text-secondary);margin:0;font-size:.9375rem;line-height:1.6}.dialog-actions{border-top:1px solid var(--border);background:var(--bg-secondary);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:.5rem;padding:.75rem 1rem;display:flex}@media (width<=640px){.dialog-overlay{padding:1rem}.dialog-content{max-height:calc(100vh - 2rem)}.dialog-sm,.dialog-md,.dialog-lg,.dialog-xl{max-width:100%}.dialog-header{padding:1rem 1.25rem}.dialog-body{padding:1.25rem}.dialog-actions{flex-wrap:wrap;padding:1rem 1.25rem}}.alert{border-radius:var(--radius-md);align-items:flex-start;gap:.75rem;padding:.875rem 1rem;font-size:.875rem;line-height:1.5;display:flex}.alert-icon{flex-shrink:0;margin-top:.0625rem;font-size:1.25rem}.alert-content{flex:1;min-width:0}.alert-title{margin-bottom:.25rem;font-weight:600}.alert-message{color:inherit;opacity:.9}.alert-dismiss{border-radius:var(--radius-sm);cursor:pointer;opacity:.7;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.alert-dismiss:hover{opacity:1;background:#0000001a}.alert-dismiss .material-symbols-outlined{font-size:1rem}.alert-info{color:var(--info);background:#06b6d41a;border:1px solid #06b6d433}[data-theme=dark] .alert-info{background:#22d3ee1a;border-color:#22d3ee33}.alert-success{color:var(--success);background:#10b9811a;border:1px solid #10b98133}[data-theme=dark] .alert-success{background:#34d3991a;border-color:#34d39933}.alert-warning{color:var(--warning);background:#f59e0b1a;border:1px solid #f59e0b33}[data-theme=dark] .alert-warning{background:#fbbf241a;border-color:#fbbf2433}.alert-error{color:var(--error);background:#ef44441a;border:1px solid #ef444433}[data-theme=dark] .alert-error{background:#f871711a;border-color:#f8717133}.badge{align-items:center;gap:var(--spacing-2);white-space:nowrap;border-radius:6px;font-weight:500;display:inline-flex}.badge-sm{padding:1px 6px;font-size:.6875rem}.badge-md{padding:2px 8px;font-size:.75rem}.badge-icon{font-size:.875rem}.badge-sm .badge-icon{font-size:.75rem}.badge-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge-sm .badge-dot{width:5px;height:5px}.badge-delete{cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-left:.125rem;margin-right:-.25rem;transition:all .15s;display:flex}.badge-delete:hover{opacity:1;background:var(--bg-tertiary)}.badge-delete .material-symbols-outlined{font-size:.875rem}.badge-default{background:var(--bg-tertiary);color:var(--text-secondary)}.badge-default .badge-dot{background:var(--text-tertiary)}.badge-primary{background:var(--alpha-primary-bg);color:var(--primary)}.badge-primary .badge-dot{background:var(--primary)}.badge-success{background:var(--alpha-success-bg);color:var(--success)}.badge-success .badge-dot{background:var(--success)}.badge-error{background:var(--alpha-error-bg);color:var(--error)}.badge-error .badge-dot{background:var(--error)}.badge-warning{background:var(--alpha-warning-bg);color:var(--warning)}.badge-warning .badge-dot{background:var(--warning)}.badge-info{background:var(--alpha-info-bg);color:var(--info)}.badge-info .badge-dot{background:var(--info)}.spinner{justify-content:center;align-items:center;display:inline-flex}.spinner .material-symbols-outlined{animation:1s linear infinite spin}.spinner-sm .material-symbols-outlined{font-size:1rem}.spinner-md .material-symbols-outlined{font-size:1.5rem}.spinner-lg .material-symbols-outlined{font-size:2rem}.spinner-xl .material-symbols-outlined{font-size:3rem}.spinner-primary{color:var(--primary)}.spinner-white{color:#fff}.spinner-current{color:currentColor}.loading-overlay-container{min-height:200px;position:relative}.loading-overlay{background:var(--bg-primary);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.loading-text{color:var(--text-secondary);font-size:.875rem}.page-loader{min-height:400px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.card{background:var(--bg-primary);border-radius:var(--radius-md);transition:all .2s}.card-default{border:1px solid var(--border);box-shadow:var(--shadow-sm)}.card-elevated{border:1px solid var(--border);box-shadow:var(--shadow-md)}.card-outlined{border:1px solid var(--border);box-shadow:none}.card-padding-none{padding:0}.card-padding-sm{padding:.75rem}.card-padding-md{padding:1rem}.card-padding-lg{padding:1.5rem}.card-hoverable:hover{box-shadow:var(--shadow-md)}.card-elevated.card-hoverable:hover{box-shadow:var(--shadow-lg)}.card-clickable{cursor:pointer}.card-clickable:hover{border-color:var(--primary)}.card-clickable:active{opacity:.95}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1rem;padding:.75rem 1rem;display:flex}.card-padding-none .card-header{padding:.75rem 1rem}.card-header-content{flex:1;min-width:0}.card-title{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600;line-height:1.4}.card-subtitle{color:var(--text-secondary);margin:.25rem 0 0;font-size:.875rem}.card-header-action{flex-shrink:0}.card-content,.card-padding-none .card-content{padding:1rem}.card-header+.card-content{padding-top:1rem}.card-footer{border-top:1px solid var(--border);background:var(--bg-secondary);border-radius:0 0 var(--radius-md) var(--radius-md);justify-content:flex-end;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.card-padding-none .card-footer{padding:.75rem 1rem}.tabs{width:100%}.tabs-header{border-bottom:1px solid var(--border);background:var(--bg-primary);gap:.25rem;display:flex}.tabs-full-width .tabs-header{grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.tab-button{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;justify-content:center;align-items:center;gap:.25rem;padding:.5rem .875rem;font-family:inherit;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex;position:relative}.tab-button:hover:not(:disabled){color:var(--text-primary);background:var(--bg-secondary)}.tab-button:disabled{opacity:.5;cursor:not-allowed}.tab-button.active{color:var(--primary);font-weight:600}.tab-button:after{content:"";background:var(--primary);border-radius:3px 3px 0 0;height:3px;transition:transform .2s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.tab-button.active:after{transform:scaleX(1)}.tab-icon{font-size:1.125rem}.tab-badge{background:var(--bg-tertiary);min-width:20px;height:20px;color:var(--text-secondary);border-radius:10px;justify-content:center;align-items:center;padding:0 .375rem;font-size:.6875rem;font-weight:600;display:inline-flex}.tab-button.active .tab-badge{color:var(--primary);background:#2a46d41a}[data-theme=dark] .tab-button.active .tab-badge{background:#5068e033}.tabs-pills .tabs-header{background:var(--bg-tertiary);border-radius:var(--radius-md);border-bottom:none;gap:.25rem;padding:.25rem}.tabs-pills .tab-button{border-radius:var(--radius-sm);padding:.5rem .875rem}.tabs-pills .tab-button:after{display:none}.tabs-pills .tab-button.active{background:var(--bg-primary);box-shadow:var(--shadow-sm)}.tabs-underline .tabs-header{background:0 0;gap:0}.tabs-underline .tab-button{padding:.5rem .875rem}.tab-panel{padding:1.5rem 0}@media (width<=640px){.tabs-header{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.tabs-header::-webkit-scrollbar{display:none}.tab-button{padding:.75rem 1rem;font-size:.8125rem}}.table-container{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table thead{background:var(--bg-secondary)}.data-table.sticky-header thead{z-index:10;position:sticky;top:0}.data-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.data-table th.align-center{text-align:center}.data-table th.align-right{text-align:right}.th-content{align-items:center;gap:var(--spacing-2);display:inline-flex}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.data-table th.sortable:hover{background:var(--bg-tertiary)}.data-table th.sorted{color:var(--primary)}.sort-icon{font-size:var(--icon-xs);color:var(--text-tertiary);transition:color var(--duration-normal) ease}.data-table th.sorted .sort-icon{color:var(--primary)}.data-table td{color:var(--text-primary);border-bottom:1px solid var(--border);vertical-align:middle;padding:.625rem 1rem;font-size:.8125rem}.data-table td.align-center{text-align:center}.data-table td.align-right{text-align:right}.data-table tbody tr:last-child td{border-bottom:none;padding-bottom:1rem}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:#2f55d408}.data-table tbody tr.clickable,.data-table tbody tr.table-row-clickable{cursor:pointer}.data-table tbody tr.clickable:hover,.data-table tbody tr.table-row-clickable:hover{background:var(--bg-tertiary)}.data-table tbody tr.selected{background:#2a46d414}[data-theme=dark] .data-table tbody tr.selected{background:#5068e01f}.loading-row td,.empty-row td{padding:3rem 1rem}.table-loading,.table-empty{color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.table-loading .material-symbols-outlined,.table-empty .material-symbols-outlined{opacity:.5;font-size:2.5rem}.table-loading .spinning{color:var(--primary);opacity:1;animation:1s linear infinite spin}.table-pagination{border-top:1px solid var(--border);color:var(--text-secondary);background:0 0;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.8125rem;display:flex}.pagination-info{align-items:center;gap:var(--spacing-3);display:flex}.pagination-select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;padding:.375rem 1.75rem .375rem .5rem;font-size:.8125rem}.pagination-range{color:var(--text-tertiary)}.pagination-controls{align-items:center;gap:var(--spacing-1);display:flex}.pagination-btn{width:30px;height:30px;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-btn .material-symbols-outlined{font-size:1.25rem}.pagination-page{color:var(--text-tertiary);padding:0 .75rem;font-size:.8125rem}@media (width<=768px){.table-container{overflow-x:auto}.data-table{min-width:600px}.table-pagination{flex-direction:column;align-items:stretch;gap:.75rem}.pagination-info,.pagination-controls{justify-content:center}}[data-theme=light] .data-table thead{background:var(--bg-inset)}[data-theme=light] .data-table th.sortable:hover{background:var(--bg-secondary)}.toast-container{z-index:9999;pointer-events:none;position:fixed}.toast-container.toast-bottom-center{bottom:1.5rem;left:50%;transform:translate(-50%)}.toast-container.toast-bottom-right{bottom:1.5rem;right:1.5rem}.toast-container.toast-bottom-left{bottom:1.5rem;left:1.5rem}.toast-container.toast-top-center{top:1.5rem;left:50%;transform:translate(-50%)}.toast-container.toast-top-right{top:1.5rem;right:1.5rem}.toast-container.toast-top-left{top:1.5rem;left:1.5rem}.toast{pointer-events:auto;background:var(--bg-primary);border-radius:var(--radius-md);min-width:300px;max-width:500px;box-shadow:var(--shadow-lg);animation:.3s toastSlideIn;overflow:hidden}.toast-leaving{animation:.2s forwards toastSlideOut}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.toast-success{border-left:4px solid var(--success)}.toast-error{border-left:4px solid var(--error)}.toast-warning{border-left:4px solid var(--warning)}.toast-info{border-left:4px solid var(--info)}.toast-content{align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.toast-icon{flex-shrink:0;font-size:1.25rem}.toast-success .toast-icon{color:var(--success)}.toast-error .toast-icon{color:var(--error)}.toast-warning .toast-icon{color:var(--warning)}.toast-info .toast-icon{color:var(--info)}.toast-message{color:var(--text-primary);flex:1;font-size:.875rem;line-height:1.4}.toast-close{cursor:pointer;color:var(--text-tertiary);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:all .15s;display:flex}.toast-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.toast-close .material-symbols-outlined{font-size:1.125rem}.toast-progress{background:var(--bg-tertiary);height:3px}.toast-progress-bar{height:100%;transition:width .1s linear}.toast-success .toast-progress-bar{background:var(--success)}.toast-error .toast-progress-bar{background:var(--error)}.toast-warning .toast-progress-bar{background:var(--warning)}.toast-info .toast-progress-bar{background:var(--info)}.toast-action{color:#fff;white-space:nowrap;background:#ffffff2e;border:1px solid #ffffff59;border-radius:6px;flex-shrink:0;margin-left:4px;padding:4px 10px;font-size:.8rem;font-weight:600;text-decoration:none}.toast-action:hover{background:#ffffff47}.switch-container{align-items:center;gap:.5rem;display:inline-flex}.switch-container.switch-label-start{flex-direction:row-reverse}.switch-container.switch-disabled{opacity:.5;cursor:not-allowed}.switch-wrapper{align-items:center;display:inline-flex;position:relative}.switch-input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute}.switch-input:disabled{cursor:not-allowed}.switch-track{background-color:var(--bg-tertiary);border-radius:10px;width:36px;height:20px;transition:background-color .2s;display:inline-block;position:relative}.switch-thumb{background-color:var(--bg-primary);border-radius:50%;width:16px;height:16px;transition:transform .2s,background-color .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.switch-input:checked+.switch-track{background-color:var(--primary)}.switch-input:checked+.switch-track .switch-thumb{background-color:#fff;transform:translate(16px)}.switch-input:focus+.switch-track{box-shadow:0 0 0 2px var(--primary-light)}.switch-sm .switch-track{border-radius:8px;width:28px;height:16px}.switch-sm .switch-thumb{width:12px;height:12px}.switch-sm .switch-input:checked+.switch-track .switch-thumb{transform:translate(12px)}.switch-lg .switch-track{border-radius:12px;width:44px;height:24px}.switch-lg .switch-thumb{width:20px;height:20px}.switch-lg .switch-input:checked+.switch-track .switch-thumb{transform:translate(20px)}.switch-success .switch-input:checked+.switch-track{background-color:var(--success)}.switch-warning .switch-input:checked+.switch-track{background-color:var(--warning)}.switch-error .switch-input:checked+.switch-track{background-color:var(--error)}.switch-label{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem}.switch-disabled .switch-label{cursor:not-allowed}.switch-helper-text{width:100%;color:var(--text-secondary);margin-top:.5rem;font-size:.8125rem;line-height:1.4;display:block}.form-control-label{cursor:pointer;align-items:center;gap:.5rem;display:inline-flex}.form-control-label.label-start{flex-direction:row-reverse}.form-control-label.label-top{flex-direction:column;align-items:flex-start}.form-control-label.label-bottom{flex-direction:column-reverse;align-items:flex-start}.form-control-label.disabled{opacity:.5;cursor:not-allowed}.form-control-label .control-label{color:var(--text-primary);font-size:.875rem}.menu{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:180px;max-width:320px;max-height:400px;animation:.15s ease-out menu-fade-in;overflow-y:auto}@keyframes menu-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.menu-list{padding:.25rem 0}.menu-item{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;padding:.625rem 1rem;font-size:.875rem;transition:background-color .15s;display:flex}.menu-item:hover:not(.disabled){background-color:var(--bg-secondary)}.menu-item:focus{background-color:var(--bg-secondary);outline:none}.menu-item.selected{background-color:var(--primary-light);color:var(--primary)}.menu-item.disabled{color:var(--text-tertiary);cursor:not-allowed;opacity:.6}.menu-item-icon{color:var(--text-secondary);font-size:1.25rem}.menu-item:hover:not(.disabled) .menu-item-icon{color:var(--text-primary)}.menu-item.selected .menu-item-icon{color:var(--primary)}.menu-item-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.menu-divider{background-color:var(--border);height:1px;margin:.25rem 0}.menu-header{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:.5rem 1rem;font-size:.75rem;font-weight:600}.menu::-webkit-scrollbar{width:6px}.menu::-webkit-scrollbar-track{background:0 0}.menu::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:3px}.menu::-webkit-scrollbar-thumb:hover{background-color:var(--text-tertiary)}.stepper{width:100%;display:flex}.stepper-vertical{flex-direction:column}.stepper-horizontal{flex-direction:row;justify-content:space-between}.step{flex-direction:column;display:flex;position:relative}.stepper-horizontal .step{flex:1;align-items:center}.stepper-vertical .step{padding-left:.5rem}.step-header{align-items:center;display:flex;position:relative}.stepper-horizontal .step-header{flex-direction:column;width:100%}.stepper-alternative-label .step-header{flex-direction:column}.step-icon-container{background-color:var(--bg-tertiary);border:2px solid var(--border);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.step-active .step-icon-container{background-color:var(--primary);border-color:var(--primary);color:#fff}.step-completed .step-icon-container{background-color:var(--success);border-color:var(--success);color:#fff}.step-error .step-icon-container{background-color:var(--error);border-color:var(--error);color:#fff}.step-number{color:var(--text-secondary);font-size:.875rem;font-weight:600}.step-active .step-number,.step-completed .step-number{color:#fff}.step-icon.completed,.step-icon.error{color:#fff}.step-custom-icon{font-size:1.25rem}.step-connector{background-color:var(--border);flex:1;height:2px;margin:0 .5rem}.step-connector.completed{background-color:var(--success)}.step-connector.vertical{background-color:var(--border);width:2px;height:calc(100% - 40px);position:absolute;top:40px;left:calc(.5rem + 16px)}.step-connector.vertical.completed{background-color:var(--success)}.step-label-container{flex-direction:column;margin-top:.25rem;margin-left:.75rem;display:flex}.stepper-horizontal .step-label-container{text-align:center;align-items:center;margin-top:.5rem;margin-left:0}.stepper-alternative-label .step-label-container{align-items:center;margin-top:.5rem;margin-left:0}.step-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.step-active .step-label{color:var(--text-primary);font-weight:600}.step-completed .step-label{color:var(--text-primary)}.step-error .step-label{color:var(--error)}.step-description{color:var(--text-tertiary);margin-top:.25rem;font-size:.75rem}.step-content{border-left:2px solid #0000;margin-left:calc(1.25rem + 16px);padding:1rem 0 1.5rem}.stepper-vertical .step:not(:last-child) .step-content{border-left-color:var(--border);margin-left:calc(.5rem + 16px);padding-left:1.5rem}.step-label-wrapper{align-items:flex-start;gap:.75rem;display:flex}.step-label-wrapper.error{color:var(--error)}.step-icon-wrapper{justify-content:center;align-items:center;min-width:24px;display:flex}.step-text{flex-direction:column;flex:1;display:flex}.step-optional{color:var(--text-tertiary);margin-top:.25rem;font-size:.75rem}.linear-progress{align-items:center;gap:.75rem;width:100%;display:flex}.linear-progress-track{background-color:var(--bg-tertiary);border-radius:4px;flex:1;height:8px;position:relative;overflow:hidden}.linear-progress-sm .linear-progress-track{border-radius:2px;height:4px}.linear-progress-lg .linear-progress-track{border-radius:6px;height:12px}.linear-progress-bar{background-color:var(--primary);border-radius:inherit;height:100%;transition:width .3s;position:absolute;top:0;left:0}.linear-progress-buffer{background-color:var(--primary-light);border-radius:inherit;opacity:.4;height:100%;position:absolute;top:0;left:0}.linear-progress-primary .linear-progress-bar{background-color:var(--primary)}.linear-progress-success .linear-progress-bar{background-color:var(--success)}.linear-progress-warning .linear-progress-bar{background-color:var(--warning)}.linear-progress-error .linear-progress-bar{background-color:var(--error)}.linear-progress-indeterminate .linear-progress-bar{width:40%;animation:1.5s ease-in-out infinite indeterminate-progress}@keyframes indeterminate-progress{0%{left:-40%}to{left:100%}}.linear-progress-label{color:var(--text-secondary);text-align:right;min-width:3em;font-size:.75rem;font-weight:500}.progress-bar-container{align-items:center;gap:.5rem;width:100%;display:flex}.progress-bar-track{background-color:var(--bg-tertiary);border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-bar-sm .progress-bar-track{height:4px}.progress-bar-lg .progress-bar-track{height:12px}.progress-bar-fill{border-radius:inherit;height:100%;transition:width .3s}.progress-bar-primary{background-color:var(--primary)}.progress-bar-success{background-color:var(--success)}.progress-bar-warning{background-color:var(--warning)}.progress-bar-error{background-color:var(--error)}.progress-bar-value{color:var(--text-secondary);text-align:right;min-width:3em;font-size:.75rem;font-weight:500}.infotip{cursor:help;vertical-align:middle;align-items:center;margin-left:.25rem;display:inline-flex;position:relative}.infotip-icon{color:var(--text-tertiary);font-size:.9375rem;transition:color .15s}.infotip:hover .infotip-icon{color:var(--primary)}.infotip-bubble{background:var(--bg-tertiary);color:var(--text-primary);text-transform:none;letter-spacing:normal;border-radius:var(--radius-sm);border:1px solid var(--border);box-shadow:var(--shadow-md);white-space:normal;z-index:10000;pointer-events:auto;width:max-content;max-width:340px;padding:.625rem .875rem;font-family:inherit;font-size:.8125rem;font-weight:400;line-height:1.55;position:fixed}.infotip-bubble:before{content:"";top:-5px;left:var(--caret-left,50%);background:var(--bg-tertiary);border-top:1px solid var(--border);border-left:1px solid var(--border);width:8px;height:8px;margin-left:-4px;position:absolute;transform:rotate(45deg)}.infotip-bubble code{background:var(--bg-secondary);border-radius:3px;padding:.1rem .3rem;font-family:SF Mono,Fira Code,monospace;font-size:.75rem}.infotip-bubble strong{color:var(--text-primary);font-weight:600}.op-select{width:100%;position:relative}.op-select__trigger{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);width:100%;color:var(--text-primary);cursor:pointer;transition:all var(--duration-normal) ease;justify-content:space-between;align-items:center;gap:.5rem;padding:.375rem .5rem .375rem .75rem;font-family:inherit;font-size:.8125rem;display:flex}.op-select__trigger:hover{border-color:var(--border-hover);background:var(--bg-secondary)}.op-select--open .op-select__trigger,.op-select__trigger:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.op-select__chosen{align-items:center;gap:.5rem;min-width:0;display:flex}.op-select__icon{color:var(--primary);flex-shrink:0;font-size:1rem}.op-select__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.op-select__placeholder{color:var(--text-tertiary)}.op-select__arrow{color:var(--primary);transition:transform var(--duration-normal) ease;flex-shrink:0;font-size:1rem}.op-select--open .op-select__arrow{transform:rotate(180deg)}.op-select__menu{z-index:10000;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);margin:0;padding:.25rem;list-style:none;position:fixed;overflow-y:auto}.op-select__option{border-radius:calc(var(--radius-sm) - 2px);cursor:pointer;transition:background var(--duration-fast) ease;align-items:flex-start;gap:.625rem;padding:.5rem .625rem;display:flex}.op-select__option:hover{background:var(--bg-secondary)}.op-select__option--active{background:var(--alpha-primary-bg,#6366f114)}.op-select__option--active .op-select__opt-icon{color:var(--primary)}.op-select__opt-icon{color:var(--text-tertiary);transition:color var(--duration-fast) ease;flex-shrink:0;margin-top:1px;font-size:1.125rem}.op-select__option:hover .op-select__opt-icon{color:var(--primary)}.op-select__opt-text{flex-direction:column;min-width:0;display:flex}.op-select__opt-label{color:var(--text-primary);font-size:.8125rem;font-weight:500;line-height:1.4}.op-select__opt-desc{color:var(--text-tertiary);margin-top:1px;font-size:.6875rem;line-height:1.35}.dtp{width:100%;position:relative}.dtp__trigger{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);width:100%;color:var(--text-primary);cursor:pointer;transition:all var(--duration-normal) ease;text-align:left;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;font-family:inherit;font-size:.8125rem;display:flex}.dtp__trigger:hover{border-color:var(--border-hover);background:var(--bg-secondary)}.dtp__trigger--open,.dtp__trigger:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.dtp__display{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.dtp__placeholder{color:var(--text-tertiary)}.dtp__icon{color:var(--text-tertiary);flex-shrink:0;font-size:1.125rem}.dtp__dropdown{z-index:10000;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);width:300px;box-shadow:var(--shadow-lg);padding:.75rem;animation:.15s ease-out dtp-fade-in;position:fixed}@keyframes dtp-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dtp__cal-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.dtp__month-label{color:var(--text-primary);font-size:.875rem;font-weight:600}.dtp__nav{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.dtp__nav:hover{background:var(--bg-hover);color:var(--text-primary)}.dtp__nav .material-symbols-outlined{font-size:1.125rem}.dtp__dow-row{grid-template-columns:repeat(7,1fr);gap:0;margin-bottom:.25rem;display:grid}.dtp__dow{text-align:center;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.02em;padding:.25rem 0;font-size:.6875rem;font-weight:600}.dtp__grid{flex-direction:column;gap:2px;display:flex}.dtp__week{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.dtp__day{aspect-ratio:1;border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:.8125rem;transition:all .12s;display:flex}.dtp__day:hover{background:var(--bg-hover)}.dtp__day--outside{color:var(--text-tertiary);opacity:.5}.dtp__day--today{color:var(--primary);font-weight:700;position:relative}.dtp__day--today:after{content:"";background:var(--primary);border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.dtp__day--selected{opacity:1;font-weight:600;background:var(--primary)!important;color:#fff!important}.dtp__day--selected:after{display:none}.dtp__time{border-top:1px solid var(--border);align-items:center;gap:.375rem;margin-top:.625rem;padding-top:.625rem;display:flex}.dtp__time-icon{color:var(--text-tertiary);flex-shrink:0;font-size:1rem}.dtp__time-controls{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:0;display:flex;overflow:hidden}.dtp__time-btn{width:26px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:all .12s;display:flex}.dtp__time-btn:hover{background:var(--bg-hover);color:var(--primary)}.dtp__time-btn .material-symbols-outlined{font-size:.875rem}.dtp__time-value{color:var(--text-primary);text-align:center;font-variant-numeric:tabular-nums;min-width:24px;font-size:.875rem;font-weight:600}.dtp__time-sep{color:var(--text-tertiary);font-size:.875rem;font-weight:600}.dtp__ampm{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--primary);cursor:pointer;margin-left:auto;padding:.25rem .5rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .12s}.dtp__ampm:hover{background:var(--bg-hover)}.dtp__footer{border-top:1px solid var(--border);justify-content:space-between;margin-top:.625rem;padding-top:.625rem;display:flex}.dtp__footer-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.25rem .75rem;font-family:inherit;font-size:.75rem;font-weight:500;transition:all .12s}.dtp__footer-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.dtp__footer-btn--primary{color:var(--primary);font-weight:600}.dtp__footer-btn--primary:hover{background:var(--alpha-primary-bg,#6366f114)}.sidebar{background:var(--bg-primary);border-right:1px solid var(--border);width:240px;min-width:240px;max-width:240px;transition:width var(--duration-slow) cubic-bezier(.4, 0, .2, 1), min-width var(--duration-slow) cubic-bezier(.4, 0, .2, 1), max-width var(--duration-slow) cubic-bezier(.4, 0, .2, 1);z-index:var(--z-fixed);flex-direction:column;flex-shrink:0;height:100vh;max-height:100vh;display:flex;position:sticky;top:0;overflow:visible}[data-theme=light] .sidebar{-webkit-backdrop-filter:blur(16px);background:#ffffffb8;border-right-color:#2f55d424}[data-theme=dark] .sidebar{-webkit-backdrop-filter:blur(16px);background:#172040b3;border-right-color:#4b6fe626}.sidebar.collapsed{width:64px;min-width:64px;max-width:64px}.sidebar-toggle{top:var(--spacing-4);right:calc(-1 * var(--sidebar-toggle-overhang,14px));border:1px solid var(--border);background:var(--bg-primary);cursor:pointer;width:28px;height:28px;z-index:var(--z-sticky);transition:all var(--duration-normal) ease;box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.sidebar-toggle:hover{background:var(--bg-secondary);border-color:var(--primary);box-shadow:var(--shadow-lg);transform:scale(1.1)}.sidebar-toggle .material-symbols-outlined{font-size:var(--icon-xs);color:var(--text-secondary)}.sidebar-logo{padding:1.25rem var(--spacing-3);border-bottom:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex;overflow:hidden}.sidebar-logo img{object-fit:contain;width:115px;height:115px}.sidebar-logo .logo-name{color:var(--text-primary);letter-spacing:.02em;font-size:.9375rem;font-weight:600}.sidebar.collapsed .sidebar-logo{display:none}.sidebar-nav-content{flex-direction:column;flex:1;gap:.25rem;min-height:0;padding:1rem .75rem;display:flex;overflow:hidden auto}.sidebar.collapsed .sidebar-nav-content{margin-top:3rem;padding:1rem .5rem}.sidebar-nav-content::-webkit-scrollbar{width:6px}.sidebar-nav-content::-webkit-scrollbar-track{background:0 0}.sidebar-nav-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.sidebar-nav-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.sidebar-nav-item{border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.6875rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-nav-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.sidebar-nav-item.active{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;box-shadow:var(--shadow-sm)}.sidebar-nav-item.active:hover{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%)}.sidebar-nav-item .nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;font-size:1.25rem;display:flex}.sidebar-nav-item.active .nav-icon{color:#fff}.sidebar-nav-item .nav-label{white-space:nowrap;transition:opacity .2s;overflow:hidden}.sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:.75rem}.sidebar.collapsed .sidebar-nav-item .nav-label{display:none}.sidebar-nav-divider{background:var(--border);height:1px;margin:.375rem .75rem}.sidebar.collapsed .sidebar-nav-divider{margin:.375rem .5rem}.sidebar-bottom{border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:.5rem;padding:.75rem;display:flex}.sidebar.collapsed .sidebar-bottom{padding:1rem .5rem}.sidebar-profile{cursor:pointer;border-radius:var(--radius-md);text-align:center;flex-direction:column;align-items:center;gap:.125rem;padding:.5rem;transition:background .2s;display:flex;overflow:hidden}.sidebar-profile-name,.sidebar-profile-email,.sidebar-profile-account{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.sidebar-profile:hover{background:var(--bg-secondary)}.sidebar-profile-name{color:var(--text-primary);font-size:.875rem;font-weight:500}.sidebar-profile-email{color:var(--text-secondary);font-size:.75rem}.sidebar-profile-account{color:var(--text-tertiary);font-size:.6875rem}.sidebar-avatar{background:var(--primary);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.sidebar-avatar:hover{box-shadow:0 0 0 2px var(--primary-light)}.sidebar-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.sidebar.collapsed .sidebar-profile,.sidebar:not(.collapsed) .sidebar-avatar-wrapper{display:none}.sidebar-avatar-wrapper{justify-content:center;display:flex;position:relative}.sidebar-account-switcher{width:100%}.sidebar-account-switcher select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);width:100%;color:var(--text-primary);cursor:pointer;padding:.5rem 2rem .5rem .75rem;font-size:.75rem}.sidebar.collapsed .sidebar-account-switcher{display:none}.sidebar-signout{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;padding:.5rem;font-size:.8125rem;font-weight:500;transition:all .2s}.sidebar-signout:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar.collapsed .sidebar-signout{display:none}.sidebar-popover{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);text-align:center;z-index:1000;min-width:180px;padding:1rem;animation:.15s popoverSlideIn;position:absolute;bottom:0;left:calc(100% + .5rem)}@keyframes popoverSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.sidebar-popover-name{color:var(--text-primary);margin-bottom:.125rem;font-size:.875rem;font-weight:500}.sidebar-popover-email{color:var(--text-secondary);margin-bottom:.25rem;font-size:.75rem}.sidebar-popover-account{color:var(--text-tertiary);margin-bottom:1rem;font-size:.6875rem}.sidebar-tooltip{background:var(--bg-tertiary);color:var(--text-primary);border-radius:var(--radius-sm);white-space:nowrap;z-index:1000;pointer-events:none;box-shadow:var(--shadow-md);padding:.375rem .625rem;font-size:.8125rem;font-weight:500;animation:.15s tooltipFadeIn;position:fixed;left:72px}@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}.sidebar-product-indicator{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;align-items:center;gap:.5rem;margin:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:600;display:flex}.sidebar-product-indicator.contact{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%)}.sidebar-product-indicator.strand{background:linear-gradient(135deg, var(--primary-light) 0%, var(--primary) 100%)}.sidebar-product-indicator .material-symbols-outlined{font-size:1.5rem}.sidebar.collapsed .sidebar-product-indicator{justify-content:center;padding:.75rem}.sidebar.collapsed .sidebar-product-name{display:none}.sidebar-back-link{border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border);align-items:center;gap:.5rem;margin:0 .75rem .75rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-back-link:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--primary)}.sidebar-back-link .material-symbols-outlined{font-size:1rem}.sidebar.collapsed .sidebar-back-link{justify-content:center;margin:0 .5rem .75rem;padding:.5rem}.sidebar.collapsed .sidebar-back-link span:not(.material-symbols-outlined){display:none}@media (width<=768px){.sidebar{width:64px;min-width:64px;max-width:64px}.sidebar:not(.collapsed){width:240px;min-width:240px;max-width:240px;z-index:var(--z-fixed);box-shadow:var(--shadow-xl);position:fixed;top:0;bottom:0;left:0}}.notif-wrap{display:inline-flex;position:relative}.notif-dropdown{background:var(--card-bg,var(--bg-elevated,#1b1f27));border:1px solid var(--border,#ffffff1a);z-index:1000;border-radius:10px;width:340px;max-width:90vw;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 32px #00000059}.notif-head,.notif-foot{color:var(--text,#e6e6e6);border-bottom:1px solid var(--border,#ffffff14);justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.notif-foot{border-bottom:none;border-top:1px solid var(--border,#ffffff14);font-weight:500}.notif-link{color:var(--accent,#6c8cff);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.notif-link:hover{text-decoration:underline}.notif-list{max-height:380px;overflow-y:auto}.notif-empty{text-align:center;color:var(--text-muted,#8a8f98);padding:24px 12px;font-size:13px}.notif-item{text-align:left;border:none;border-bottom:1px solid var(--border,#ffffff0d);cursor:pointer;width:100%;color:inherit;background:0 0;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.notif-item:hover{background:var(--hover-bg,#ffffff0a)}.notif-item.unread{background:var(--unread-bg,#6c8cff14)}.notif-dot{background:var(--accent,#6c8cff);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.notif-dot-warn{background:#e0a030}.notif-dot-crit{background:#e05656}.notif-dot-info{background:#6c8cff}.notif-dot-read{border:1px solid var(--text-muted,#6b7280);background:0 0}.notif-head-actions{gap:12px;display:flex}.notif-item.read{background:0 0}.notif-item.read .notif-title{color:var(--text-muted,#aeb4bf);font-weight:500}.notif-item-body{flex-direction:column;gap:2px;min-width:0;display:flex}.notif-title{color:var(--text,#e6e6e6);font-size:13px;font-weight:600}.notif-sub{color:var(--text-muted,#9aa0aa);font-size:12px}.notif-time{color:var(--text-muted,#8a8f98);font-size:11px}.help-modal-title{align-items:center;gap:.5rem;font-weight:700;display:flex}.help-modal-title .material-symbols-outlined{font-size:1.25rem}.help-modal-content{flex-direction:column;gap:0;display:flex}.help-modal-body{padding:.5rem 0 0}.help-modal-body h3{color:var(--text-primary);margin:0 0 .375rem;font-size:1rem;font-weight:600}.help-modal-body .text-secondary{color:var(--text-secondary);margin:0 0 1rem;font-size:.875rem;line-height:1.5}.help-links-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.help-links-list li{margin:0;padding:0}.help-link-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg,12px);color:var(--text-primary);align-items:center;gap:1rem;padding:1rem 1.25rem;text-decoration:none;transition:all .2s;display:flex}.help-link-item:hover{background:var(--bg-tertiary);border-color:var(--primary);box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a);color:var(--text-primary);text-decoration:none;transform:translateY(-1px)}.help-link-item .material-symbols-outlined{color:var(--primary);background:var(--alpha-primary-bg,#2a46d41a);border-radius:var(--radius-md,8px);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.help-link-item div{flex-direction:column;gap:.125rem;min-width:0;display:flex}.help-link-title{color:var(--text-primary);font-size:.9375rem;font-weight:600}.help-link-desc{color:var(--text-secondary);font-size:.8125rem;line-height:1.4}.help-modal-body .divider{border:none;border-top:1px solid var(--border);margin:1.25rem 0}.quick-tips{flex-direction:column;gap:.5rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.quick-tips li{color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-md,8px);align-items:flex-start;gap:.625rem;padding:.5rem .75rem;font-size:.8125rem;line-height:1.5;display:flex}.quick-tips li:before{content:"lightbulb";color:var(--warning,#f59e0b);flex-shrink:0;margin-top:1px;font-family:Material Symbols Outlined;font-size:1rem}.account-selector{position:relative}.account-selector-trigger{cursor:pointer;min-width:160px;max-width:240px;color:var(--text-secondary);background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;padding:.625rem 1rem;font-family:inherit;font-size:.875rem;transition:all .2s;display:flex}.account-selector-trigger:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.account-selector-trigger:disabled{opacity:.7;cursor:not-allowed}.account-selector-trigger.loading{cursor:default}.account-selector-trigger .account-icon{color:inherit;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;flex-shrink:0;justify-content:center;align-items:center;width:24px;font-size:1.25rem;display:flex}.account-selector-trigger .account-id{text-align:left;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);flex:1;font-family:inherit;font-size:.875rem;font-weight:500;overflow:hidden}.dropdown-chevron{color:inherit;flex-shrink:0;margin-left:auto;font-size:1.25rem}.account-dropdown{top:calc(100% + var(--spacing-1));background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);min-width:220px;box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);animation:accountDropdownSlide var(--duration-fast) ease;position:absolute;left:0;right:0}@keyframes accountDropdownSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.account-list{padding:var(--spacing-1);max-height:240px;overflow-y:auto}.account-option{width:100%;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-normal) ease;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.account-option:hover:not(:disabled){background:var(--bg-secondary)}.account-option:disabled{cursor:default}.account-option.selected{background:var(--bg-secondary)}.account-option-info{flex:1;min-width:0}.account-option-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:500;display:block;overflow:hidden}.account-option-role{color:var(--text-tertiary);margin-top:2px;font-size:.6875rem;display:block}.check-icon{color:var(--primary);flex-shrink:0;font-size:1rem}.account-dropdown-divider{background:var(--border);height:1px;margin:var(--spacing-1) var(--spacing-2)}.account-dropdown-action{align-items:center;gap:var(--spacing-2);width:calc(100% - var(--spacing-2));margin:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:all var(--duration-normal) ease;background:0 0;border:none;font-size:.8125rem;display:flex}.account-dropdown-action:hover{background:var(--bg-secondary);color:var(--text-primary)}.account-dropdown-action .material-symbols-outlined{font-size:1rem}.account-dropdown-loading{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4);color:var(--text-secondary);font-size:.8125rem;display:flex}.account-dropdown-error{align-items:center;gap:var(--spacing-2);padding:var(--spacing-4);color:var(--error);text-align:center;flex-direction:column;font-size:.8125rem;display:flex}.account-dropdown-error .material-symbols-outlined{font-size:1.5rem}.retry-btn{padding:var(--spacing-1) var(--spacing-3);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all var(--duration-normal) ease;font-size:.75rem}.retry-btn:hover{background:var(--bg-tertiary)}.account-dropdown-empty{padding:var(--spacing-4);color:var(--text-tertiary);text-align:center;font-size:.8125rem}.spinning{animation:1s linear infinite spin}.navbar{height:48px;padding:0 var(--spacing-4) 0 calc(var(--sidebar-toggle-overhang,14px) + var(--spacing-4));background:var(--bg-primary);border-bottom:1px solid var(--border);z-index:var(--z-sticky);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}[data-theme=light] .navbar{-webkit-backdrop-filter:blur(16px);background:#ffffffb8;border-bottom-color:#2f55d424}[data-theme=dark] .navbar{-webkit-backdrop-filter:blur(16px);background:#172040b3;border-bottom-color:#4b6fe626}.navbar-left{align-items:center;gap:var(--spacing-3);flex:1;display:flex}.navbar-app-switcher-wrap{position:relative}.navbar-app-selector{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-normal) ease;white-space:nowrap;font-family:inherit;font-size:.8125rem;font-weight:500;display:flex}.navbar-app-selector:hover{background:var(--primary);border-color:var(--primary);color:#fff}.navbar-app-selector .material-symbols-outlined{font-size:1.125rem}.app-selector-text{white-space:nowrap}.navbar-right{align-items:center;gap:var(--spacing-1);display:flex}.navbar-actions .btn-icon{background:var(--bg-secondary);border:none;width:40px;height:40px}.navbar-actions .btn-icon:hover:not(:disabled){background:var(--bg-tertiary)}.navbar-actions .btn-icon .material-symbols-outlined{color:inherit;font-size:1.25rem}.navbar-dropdown{top:calc(100% + var(--spacing-2,.5rem));background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown,1000);animation:dropdownSlide var(--duration-fast,.1s) ease;position:absolute;overflow:hidden}.app-dropdown{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md,8px);min-width:220px;box-shadow:var(--shadow-lg,0 4px 24px #00000026);z-index:1000;animation:.12s appDropdownSlide;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden}@keyframes appDropdownSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.navbar-dropdown-item{align-items:center;gap:var(--spacing-3,.75rem);width:100%;padding:var(--spacing-3) var(--spacing-4);color:var(--text-primary);cursor:pointer;transition:background var(--duration-normal,.15s) ease;text-align:left;background:0 0;border:none;font-family:inherit;font-size:.875rem;text-decoration:none;display:flex}.navbar-dropdown-item:hover{background:var(--bg-secondary);text-decoration:none}.navbar-dropdown-item .material-symbols-outlined{color:var(--primary);flex-shrink:0;font-size:1.125rem}.app-link-name{color:var(--text-primary);font-size:.875rem;font-weight:500}.app-link-desc{color:var(--text-secondary);margin-top:.125rem;font-size:.75rem}.user-menu-trigger{align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-3);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) ease;display:flex}.user-menu-trigger:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.user-avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:600;display:flex}.user-menu-trigger .material-symbols-outlined{font-size:var(--icon-xs);color:var(--text-secondary)}.user-menu-container{position:relative}.user-dropdown{top:calc(100% + var(--spacing-2));background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;z-index:var(--z-dropdown);animation:dropdownSlide var(--duration-fast) ease;position:absolute;right:0}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{border-bottom:1px solid var(--border);text-align:center;padding:1rem}.user-dropdown-name{color:var(--text-primary);font-size:.9375rem;font-weight:600}.user-dropdown-email{color:var(--text-secondary);margin-top:.125rem;font-size:.8125rem}.user-dropdown-items{padding:.5rem}.user-dropdown-item{align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all var(--duration-normal) ease;text-align:left;background:0 0;border:none;font-size:.875rem;display:flex}.user-dropdown-item:hover{background:var(--bg-secondary)}.user-dropdown-item .material-symbols-outlined{color:var(--text-secondary);font-size:1.125rem}.user-dropdown-item.danger,.user-dropdown-item.danger .material-symbols-outlined{color:var(--error)}.user-dropdown-item.danger:hover{background:var(--alpha-error-bg)}.notification-bell{position:relative}.notification-badge{background:var(--danger,#ef4444);color:#fff;text-align:center;pointer-events:none;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;line-height:16px;position:absolute;top:2px;right:2px}.dashboard-layout{background:var(--bg-secondary);width:100%;height:100vh;display:flex;overflow:hidden}[data-theme=dark] .dashboard-layout{background:linear-gradient(170deg,#0f172a 0%,#0f1845 40%,#0f172a 100%) fixed}.dashboard-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.dashboard-content{flex:1;min-width:0;padding:1.5rem;position:relative;overflow:hidden auto}@media (width<=768px){.dashboard-content{padding:.875rem}}.app-selector-page{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.app-selector-container{width:100%;max-width:720px}.app-selector-header{text-align:center;margin-bottom:2rem}.app-selector-subtitle{color:var(--text-secondary);margin:0;font-size:1rem}.app-selector-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.app-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg,12px);cursor:pointer;text-align:center;flex-direction:column;align-items:center;padding:1.25rem 1rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.app-card:hover{box-shadow:var(--shadow-md,0 4px 12px #0000001a);border-color:var(--primary);transform:translateY(-2px)}.app-card.success:hover{border-color:var(--success)}.app-card.warning:hover{border-color:var(--warning)}.app-card-icon-container{flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1rem;display:flex}.app-card-logo{object-fit:contain;width:100%;height:100%;padding:6px}.app-card-icon{color:var(--primary);font-size:1.75rem;transition:color .2s}.app-card.success .app-card-icon{color:var(--success)}.app-card.warning .app-card-icon{color:var(--warning)}.app-card:hover .app-card-icon{color:#fff}.app-card-content{width:100%}.app-card-name{color:var(--text-primary);margin:0 0 .25rem;font-size:.9375rem;font-weight:600}.app-card-tagline{color:var(--primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:1rem;font-size:.8rem;font-weight:500;display:block}.app-card.success .app-card-tagline{color:var(--success)}.app-card.warning .app-card-tagline{color:var(--warning)}.app-card-action{background:var(--bg-tertiary);border-radius:var(--radius-md,8px);color:var(--text-secondary);justify-content:center;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.app-card:hover .app-card-action{background:var(--primary);color:#fff}.app-card.success:hover .app-card-action{background:var(--success)}.app-card.warning:hover .app-card-action{background:var(--warning)}.app-card-action .material-symbols-outlined{font-size:1rem;transition:transform .2s}.app-card:hover .app-card-action .material-symbols-outlined{transform:translate(3px)}@media (width<=600px){.app-selector-grid{grid-template-columns:1fr;gap:1rem}.app-card{text-align:left;flex-direction:row;align-items:center;gap:1rem;padding:1rem}.app-card-icon-container{flex-shrink:0;margin-bottom:0}.app-card-content{flex:1}.app-card-tagline{margin-bottom:.5rem}}.app-loading-overlay{background:var(--bg-secondary);z-index:9999;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.app-loading-content{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.app-loading-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.app-loading-text{color:var(--text-secondary);margin:0;font-size:1rem;font-weight:500}.page-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.page-header h1{color:var(--text-primary);align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:600;display:flex}.page-header h1 .material-symbols-outlined{color:var(--primary);font-size:1.25rem}.page-header .subtitle{color:var(--text-tertiary);margin:.125rem 0 0;font-size:.8125rem}.page-header-action{align-items:center;gap:.5rem;display:flex}.page-container{flex-direction:column;width:100%;min-height:100vh;display:flex}.page-content{flex:1;padding:2rem}.page-content-no-padding{padding:0}.content-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}@media (width<=768px){.page-content{padding:1.25rem}}.page-actions{z-index:10;align-items:center;gap:.5rem;display:flex;position:absolute;top:1rem;right:1rem}.page-actions button,.page-actions a{background:var(--bg-primary);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.page-actions button:hover,.page-actions a:hover{box-shadow:var(--shadow-md)}@media (width<=768px){.page-actions{flex-wrap:wrap;margin-bottom:.875rem;position:relative;top:0;right:0}}.page-tabs{border-bottom:2px solid var(--border);background:var(--bg-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;padding:0 1rem;display:flex}.page-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex;position:relative}.page-tab:not(:disabled):hover{color:var(--primary);background:var(--bg-secondary)}.page-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.page-tab:disabled{opacity:.5;cursor:not-allowed}.getting-started-checklist{background:var(--bg-primary);box-shadow:var(--shadow-sm);border:1px solid var(--border);border-radius:12px;margin:1rem 1.5rem;line-height:1.3;overflow:hidden}.checklist-header{justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.checklist-title-row{align-items:center;gap:.625rem;display:flex}.checklist-icon{color:var(--primary);font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;font-size:1.25rem}.checklist-header h3{color:var(--text-primary);margin:0;font-size:.9375rem;font-weight:600}.checklist-progress-text{color:var(--text-tertiary);font-size:.75rem;font-weight:500}.checklist-header-actions{align-items:center;gap:.25rem;display:flex}.checklist-collapse-btn,.checklist-dismiss-btn{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.375rem;transition:all .2s;display:flex}.checklist-collapse-btn:hover,.checklist-dismiss-btn:hover{background:var(--bg-secondary);color:var(--text-secondary)}.checklist-collapse-btn .material-symbols-outlined,.checklist-dismiss-btn .material-symbols-outlined{font-size:1.125rem}.checklist-progress-bar{background:var(--bg-tertiary);height:3px;margin:0 1rem}.checklist-progress-fill{background:var(--primary);border-radius:2px;height:100%;transition:width .4s;position:relative;overflow:hidden}.checklist-progress-fill:after,.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.checklist-steps{flex-direction:column;gap:0;padding:.375rem 1rem .625rem;display:flex}.checklist-step{border-bottom:1px solid var(--bg-secondary);align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.checklist-step:last-child{border-bottom:none}.step-check{color:var(--text-tertiary);font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;flex-shrink:0;font-size:1.125rem}.checklist-step.completed .step-check{color:var(--success);font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20}.step-content{flex-direction:column;flex:1;gap:.125rem;display:flex}.step-title{color:var(--text-primary);font-size:.8125rem;font-weight:500}.step-description{color:var(--text-tertiary);font-size:.6875rem;font-weight:400}.checklist-step.completed .step-title{color:var(--text-tertiary);text-decoration:line-through}.checklist-step.completed .step-description{display:none}.step-action-btn{color:var(--primary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;transition:all .15s;display:flex}.step-action-btn:hover{background:var(--bg-secondary)}.step-action-btn .material-symbols-outlined{font-size:.875rem}.step-actions{align-items:center;gap:.25rem;display:flex}.step-docs-link{color:var(--text-tertiary);border-radius:4px;align-items:center;padding:.25rem;transition:all .15s;display:flex}.step-docs-link:hover{color:var(--primary);background:var(--bg-secondary)}.step-docs-link .material-symbols-outlined{font-size:1rem}.dashboard-page{width:100%}.dashboard-metrics{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:0 0 1rem;display:grid}.metric-card{background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:1rem;transition:all .2s;position:relative;overflow:hidden}.metric-card:hover{border-color:var(--primary-light,#2a46d44d)}.metric-card.clickable{cursor:pointer}.metric-card.clickable:hover{border-color:var(--primary-light,#2a46d44d)}.metric-card.success{border-top:2px solid var(--success)}.metric-card.warning{border-top:2px solid var(--warning)}.metric-card.error{border-top:2px solid var(--error)}.metric-card.info{border-top:2px solid var(--info)}.metric-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.metric-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:500}.metric-icon{color:var(--text-tertiary);opacity:.7;font-size:1.25rem}.metric-value{color:var(--text-primary);letter-spacing:-.03em;font-size:1.375rem;font-weight:600;line-height:1}.metric-description{color:var(--text-secondary);margin-top:.375rem;font-size:.8125rem}.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;padding:0;display:grid}.action-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.action-card:hover{border-color:var(--primary-light,#2a46d44d)}.action-card-content{flex-direction:column;flex:1;padding:1.125rem;display:flex}.action-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.action-card-title-row{align-items:center;gap:.5rem;display:flex}.action-card-icon{color:var(--primary);font-size:1.5rem}.action-card.success .action-card-icon{color:var(--success)}.action-card.warning .action-card-icon{color:var(--warning)}.action-card.info .action-card-icon{color:var(--info)}.action-card.error .action-card-icon{color:var(--error)}.action-card-title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.action-card-arrow{color:var(--text-tertiary);font-size:1.25rem}.action-card-description{color:var(--text-secondary);flex:1;margin:0 0 1rem;font-size:.875rem;line-height:1.6}.action-card-link{color:var(--primary);align-items:center;gap:.25rem;margin-top:auto;font-size:.8125rem;font-weight:500;display:flex}.action-card.success .action-card-link{color:var(--success)}.action-card.warning .action-card-link{color:var(--warning)}.action-card.info .action-card-link{color:var(--info)}.action-card.error .action-card-link{color:var(--error)}.action-card-footer{justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;display:flex}.action-card-footer .action-card-link{margin-top:0}.action-card-docs-link{color:var(--text-tertiary);opacity:.7;align-items:center;gap:.25rem;font-size:.75rem;text-decoration:none;transition:opacity .15s;display:flex}.action-card-docs-link:hover{opacity:1;color:var(--primary)}.action-card-docs-link .material-symbols-outlined{font-size:14px}.data-usage-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.data-usage-header{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:1rem 1.125rem;display:flex}.data-usage-title{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.data-usage-content{padding:1.125rem}.data-usage-stat{align-items:baseline;gap:.5rem;margin-bottom:.75rem;display:flex}.data-usage-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.data-usage-total{color:var(--text-tertiary);font-size:.875rem}.data-usage-progress{background:var(--bg-tertiary);border-radius:4px;height:8px;margin-bottom:.75rem;overflow:hidden}.data-usage-progress-bar{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);border-radius:4px;height:100%;transition:width .3s}.data-usage-progress-bar.warning{background:var(--warning)}.data-usage-progress-bar.error{background:var(--error)}.data-usage-label{color:var(--text-secondary);font-size:.8125rem}@media (width<=768px){.dashboard-metrics{gap:1rem;padding:1.25rem}.dashboard-cards{grid-template-columns:1fr;gap:1rem;padding:0 1.25rem 1.25rem}.metric-value{font-size:1.75rem}}.services-page{width:100%;min-height:100vh}.services-content{padding:2rem;position:relative}.services-header{justify-content:flex-end;margin-bottom:1.5rem;display:flex}.services-header .page-actions{position:relative;top:0;right:0}.services-header-actions{align-items:center;gap:.5rem;display:flex}.services-table-wrapper{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:1.5rem;overflow:hidden}.services-table-wrapper .data-table tbody tr{margin-bottom:.5rem}.services-table-wrapper .data-table tbody tr td{padding:.75rem var(--spacing-4)}.services-table-wrapper .table-cell-with-icon{align-items:center;gap:.75rem;display:flex}.services-table-wrapper .table-cell-title{color:var(--text-primary);margin:0;font-size:.9375rem;font-weight:600}.services-table-wrapper .table-cell-subtitle{color:var(--text-secondary);margin:.25rem 0 0;font-size:.8125rem}.services-table-wrapper .table-cell-text{color:var(--text-primary);font-size:.875rem}.services-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-bottom:1.5rem;display:grid}.service-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;gap:.875rem;height:100%;padding:1.25rem;transition:all .2s;display:flex}.service-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.service-card-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.service-card-info{flex:1}.service-card-title{color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 .375rem;font-size:.9375rem;font-weight:600;display:flex}.service-card-title .material-symbols-outlined{color:var(--text-secondary);font-size:1.125rem}.service-card-description{color:var(--text-tertiary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.8125rem;line-height:1.4;display:-webkit-box;overflow:hidden}.service-card-actions{gap:.25rem;display:flex}.service-card-actions .btn-icon{background:var(--bg-secondary);border:none;width:36px;height:36px}.service-card-actions .btn-icon:hover:not(:disabled){background:var(--bg-tertiary)}.service-card-actions .btn-icon .material-symbols-outlined{color:inherit;font-size:1.125rem}.service-card-stats{border-top:1px solid var(--border);gap:1rem;padding-top:.75rem;display:flex}.service-stat{align-items:center;gap:.375rem;display:flex}.service-stat .material-symbols-outlined{color:var(--text-secondary);font-size:1rem}.service-stat-value{color:var(--text-primary);font-size:.875rem;font-weight:600}.service-stat-label{color:var(--text-tertiary);font-size:.75rem}.services-empty{text-align:center;color:var(--text-tertiary);padding:4rem 2rem}.services-empty .material-symbols-outlined{opacity:.5;margin-bottom:1rem;font-size:3rem}.services-empty p{margin:0;font-size:.875rem}@media (width<=768px){.services-cards-grid{grid-template-columns:1fr;gap:.875rem}}.iam-page{width:100%;min-height:100vh;color:var(--text-primary);padding:1.25rem 1.5rem}.iam-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.iam-header h1{color:var(--text-primary);align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:600;display:flex}.iam-header h1 .material-symbols-outlined{color:var(--primary);font-size:1.25rem}.iam-header .subtitle{color:var(--text-tertiary);margin:.125rem 0 0;font-size:.8125rem}.iam-header-actions,.messages-header-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.iam-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.25rem;margin-bottom:.75rem;padding:0;display:flex}.iam-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex;position:relative}.iam-tab:not(:disabled):hover{color:var(--primary);background:var(--bg-secondary)}.iam-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.iam-tab:disabled{opacity:.5;cursor:not-allowed}.iam-content,.iam-panel{padding:0}.management-header{justify-content:space-between;align-items:center;margin-bottom:.625rem;display:flex}.management-title{color:var(--text-primary);align-items:center;gap:.375rem;margin:0;font-size:.9375rem;font-weight:600;display:flex}.management-title .count{color:var(--text-tertiary);font-size:.8125rem;font-weight:400}.management-actions{align-items:center;gap:.5rem;display:flex}.management-actions .btn{padding:.5rem 1rem;font-size:.875rem}.management-actions .btn-icon{background:var(--bg-secondary);border:none;width:32px;height:32px}.management-actions .btn-icon:hover:not(:disabled){background:var(--bg-tertiary)}.management-actions .btn-icon .material-symbols-outlined{color:inherit;font-size:1.25rem}.management-actions>:first-child{order:1}.management-actions .btn-icon{order:2}.management-actions>:not(.btn):not(.btn-icon):last-child{order:3}.management-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem;display:flex}.management-empty{text-align:center;color:var(--text-secondary);padding:3rem}.management-empty-icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.management-empty-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.management-empty-description{margin:0 0 1.5rem;font-size:.875rem}.form-field{margin-bottom:1rem}.form-field:last-child{margin-bottom:0}.form-row{gap:1rem;display:flex}.form-row .form-field{flex:1}.form-hint{color:var(--text-secondary);margin-top:.5rem;font-size:.8125rem}.form-hint a{color:var(--primary);cursor:pointer;text-decoration:none}.form-hint a:hover{text-decoration:underline}.status-active{color:var(--success)}.status-pending{color:var(--warning)}.status-inactive{color:var(--text-tertiary)}@media (width<=768px){.iam-content{padding:1.25rem}.iam-panel{padding:1rem}.management-header{flex-direction:column;align-items:flex-start;gap:1rem}.form-row{flex-direction:column}}.retention-upgrade-link{background:var(--primary-color,#2a46d4);color:#fff;border-radius:6px;margin-top:.75rem;padding:.4rem .9rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-block}.retention-upgrade-link:hover{filter:brightness(1.1)}.compact-filter{margin-bottom:.5rem}.compact-filter-bar{background:0 0;border:none;border-radius:0;flex-wrap:wrap;align-items:center;gap:.375rem;padding:.375rem 0;display:flex}.compact-filter-item{flex-shrink:0;min-width:140px}.compact-filter-search{flex:1;min-width:200px;max-width:300px}.compact-filter-spacer{flex:1;min-width:.5rem}.compact-filter-actions{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.compact-filter-dropdown{position:relative}.compact-filter-dropdown .btn-icon-sm.active{background:var(--bg-tertiary);color:var(--primary)}.compact-filter-dropdown-menu{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);min-width:320px;max-width:400px;max-height:calc(100vh - 200px);box-shadow:var(--shadow-lg);z-index:1500;flex-direction:column;animation:.15s ease-out slideDown;display:flex;overflow:hidden}.compact-filter-dropdown-menu.flip-up{animation:.15s ease-out slideUp}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.compact-filter-dropdown-header{border-bottom:1px solid var(--border);color:var(--text-primary);justify-content:space-between;align-items:center;padding:.625rem .75rem;font-size:.8125rem;font-weight:600;display:flex}.compact-filter-dropdown-content{overscroll-behavior:contain;max-height:calc(100vh - 280px);padding:.75rem;overflow:hidden auto}.compact-filter-dropdown-content::-webkit-scrollbar{width:8px}.compact-filter-dropdown-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.compact-filter-dropdown-content::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:4px}.compact-filter-dropdown-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.compact-filter-dropdown-content .form-group{margin-bottom:.75rem}.compact-filter-dropdown-content .form-group:last-child{margin-bottom:0}.compact-filter-dropdown-content .form-label{color:var(--text-primary);margin-bottom:var(--spacing-2);font-size:.875rem;font-weight:600;display:block}@media (width<=768px){.compact-filter-bar{flex-direction:column;align-items:stretch}.compact-filter-item,.compact-filter-search{width:100%;min-width:0;max-width:none}.compact-filter-spacer{display:none}.compact-filter-actions{justify-content:space-between;width:100%}.compact-filter-dropdown-menu{min-width:100%;max-width:100vw;left:0;right:auto}}.service-tag{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);white-space:nowrap;align-items:center;font-size:.75rem;font-weight:500;display:inline-flex}.service-tag-none{color:var(--text-tertiary);font-size:.8125rem}.service-tag--indigo{color:#2c47b8;background:#2f55d41f}.service-tag--teal{color:#0f766e;background:#0d94881f}.service-tag--violet{color:#6d28d9;background:#7c3aed1f}.service-tag--amber{color:#9a5b04;background:#d977061f}.service-tag--cyan{color:#0e7490;background:#0891b21f}[data-theme=dark] .service-tag--indigo{color:#93a8f4;background:#2f55d429}[data-theme=dark] .service-tag--teal{color:#5eead4;background:#0d948829}[data-theme=dark] .service-tag--violet{color:#c4b5fd;background:#7c3aed29}[data-theme=dark] .service-tag--amber{color:#fcd34d;background:#d9770629}[data-theme=dark] .service-tag--cyan{color:#67e8f9;background:#0891b229}.strand-form-dialog-overlay{z-index:1300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:2rem;animation:.2s strandFadeIn;display:flex;position:fixed;inset:0}@keyframes strandFadeIn{0%{opacity:0}to{opacity:1}}.strand-form-dialog{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-xl);flex-direction:column;width:100%;max-width:600px;max-height:90vh;animation:.3s strandSlideUp;display:flex;overflow:hidden}.strand-form-dialog.wide{max-width:800px}@keyframes strandSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.strand-form-header{border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.strand-form-header h2{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.strand-form-close{cursor:pointer;border-radius:var(--radius-sm);color:var(--text-tertiary);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:.375rem;transition:all .2s;display:flex}.strand-form-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.strand-form-body{flex:1;min-height:0;padding:1.5rem 1.5rem 3rem;overflow-y:auto}.strand-form-body::-webkit-scrollbar{width:8px}.strand-form-body::-webkit-scrollbar-track{background:var(--bg-tertiary)}.strand-form-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.strand-form-body::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.strand-form-group{margin-bottom:1.5rem}.strand-form-group:last-child{margin-bottom:0}.strand-form-label{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:flex}.strand-form-label .required{color:var(--error)}.strand-form-label .info-icon{color:var(--text-tertiary);cursor:help;font-size:1rem}.strand-input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);width:100%;color:var(--text-primary);box-sizing:border-box;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:all .2s}.strand-input:hover{border-color:var(--text-tertiary)}.strand-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.strand-input::placeholder{color:var(--text-tertiary)}.strand-input:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}.strand-input.error{border-color:var(--error)}.strand-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.strand-textarea{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);width:100%;color:var(--text-primary);box-sizing:border-box;resize:vertical;min-height:80px;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:all .2s}.strand-textarea:hover{border-color:var(--text-tertiary)}.strand-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.strand-textarea::placeholder{color:var(--text-tertiary)}.strand-select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);width:100%;color:var(--text-primary);box-sizing:border-box;cursor:pointer;padding:.5rem 2rem .5rem .75rem;font-family:inherit;font-size:.875rem;transition:all .2s}.strand-select:hover{border-color:var(--text-tertiary)}.strand-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.strand-helper-text{color:var(--text-tertiary);margin-top:.375rem;font-size:.8125rem;line-height:1.4}.strand-helper-text.error{color:var(--error)}.strand-tab-group{background:var(--bg-tertiary);border-radius:var(--radius-md);gap:4px;padding:4px;display:inline-flex}.strand-tab-button{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.strand-tab-button:hover{color:var(--text-primary);background:var(--bg-secondary)}.strand-tab-button.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.strand-section-title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9375rem;font-weight:600;display:flex}.strand-section-title .count{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;font-weight:500}.strand-chips{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.strand-chip{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;transition:all .2s;display:inline-flex}.strand-chip:hover{border-color:var(--text-tertiary)}.strand-chip-remove{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;justify-content:center;align-items:center;width:16px;height:16px;padding:0;transition:color .2s;display:flex}.strand-chip-remove:hover{color:var(--error)}.strand-form-actions{border-top:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.strand-btn{border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.strand-btn:disabled{opacity:.5;cursor:not-allowed}.strand-btn-primary{background:var(--primary);color:#fff}.strand-btn-primary:hover:not(:disabled){background:var(--primary-dark)}.strand-btn-secondary{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border)}.strand-btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.strand-btn-outline{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.strand-btn-outline:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--text-tertiary);color:var(--text-primary)}.strand-btn-sm{padding:.25rem .5rem;font-size:.75rem}.strand-autocomplete-wrapper{margin-bottom:.5rem;position:relative}.strand-autocomplete-input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);width:100%;color:var(--text-primary);box-sizing:border-box;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:all .2s}.strand-autocomplete-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.strand-autocomplete-dropdown{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:200px;margin-top:4px;overflow-y:auto}.strand-autocomplete-option{cursor:pointer;color:var(--text-primary);padding:.75rem 1rem;font-size:.875rem;transition:background .15s}.strand-autocomplete-option:hover{background:var(--bg-secondary)}.strand-autocomplete-option.selected{background:var(--bg-tertiary)}.strand-autocomplete-empty{text-align:center;color:var(--text-tertiary);padding:1rem;font-size:.875rem}.strand-form-row{align-items:flex-start;gap:1rem;display:flex}.strand-form-row .strand-form-group{flex:1;margin-bottom:0}[data-tooltip]{cursor:help;position:relative}[data-tooltip]:after{content:attr(data-tooltip);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);white-space:nowrap;opacity:0;visibility:hidden;z-index:1500;box-shadow:var(--shadow-md);padding:.5rem .75rem;font-size:.75rem;transition:all .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}[data-tooltip]:hover:after{opacity:1;visibility:visible}.strand-switch-wrapper{align-items:center;gap:.75rem;display:flex}.strand-switch{background:var(--bg-tertiary);cursor:pointer;border:1px solid var(--border);border-radius:12px;width:44px;height:24px;transition:background .2s;position:relative}.strand-switch.active{background:var(--primary);border-color:var(--primary)}.strand-switch:after{content:"";width:18px;height:18px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:transform .2s;position:absolute;top:2px;left:2px}.strand-switch.active:after{transform:translate(20px)}.strand-switch-label{color:var(--text-primary);font-size:.875rem}.connection-instructions{flex-direction:column;gap:1.5rem;display:flex}.connection-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.connection-card-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:1rem 1.25rem;display:flex}.connection-card-title{align-items:flex-start;gap:.75rem;display:flex}.connection-card-title .material-symbols-outlined{color:var(--primary);margin-top:.125rem;font-size:1.5rem}.connection-card-title h3{color:var(--text-primary);margin:0 0 .25rem;font-size:1rem;font-weight:600}.connection-card-title p{color:var(--text-secondary);margin:0;font-size:.8125rem}.connection-card-body{flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.connection-field{flex-direction:column;gap:.5rem;display:flex}.connection-field label{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;display:flex}.connection-field label .info-icon{color:var(--text-tertiary);cursor:help;font-size:1rem}.connection-value{align-items:flex-start;gap:.5rem;display:flex}.connection-value code{font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border);word-break:break-all;flex:1;padding:.5rem .75rem;font-size:.875rem}.connection-secret{font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border);resize:vertical;flex:1;min-height:60px;padding:.5rem .75rem;font-size:.8125rem}.connection-unavailable{color:var(--text-tertiary);font-size:.875rem;font-style:italic}.connection-topics{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.connection-topics h4{color:var(--text-primary);margin:0 0 1rem;font-size:.875rem;font-weight:600}.connection-topic{border-radius:var(--radius-sm);word-break:break-all;background:#2a46d41a;padding:.75rem;display:block}.bulk-backdrop{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.bulk-modal{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;width:min(540px,100%);max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}.bulk-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.bulk-head h3{margin:0;font-size:1.05rem}.bulk-close{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;display:inline-flex}.bulk-body{flex-direction:column;gap:8px;padding:14px 18px;display:flex}.bulk-modes{gap:18px;font-size:.9rem;display:flex}.bulk-modes label{align-items:center;gap:6px;display:flex}.bulk-count-row{align-items:center;gap:8px;display:flex}.bulk-count-row input[type=number]{width:72px}.bulk-body input,.bulk-body textarea{font:inherit;border:1px solid var(--border);background:var(--bg-secondary);color:inherit;border-radius:6px;padding:7px 10px}.bulk-count-row input:not([type=number]){flex:1}.bulk-preview,.bulk-hint,.bulk-label{color:var(--text-tertiary);font-size:.8rem}.bulk-label{margin-top:6px}.bulk-err{color:var(--error);background:#ef444429;border-radius:6px;margin:12px 18px 0;padding:8px 12px;font-size:.85rem}.bulk-done{font-size:.9rem}.bulk-results{border-collapse:collapse;width:100%;font-size:.88rem}.bulk-results td{border-bottom:1px solid var(--border);padding:6px 8px}.bulk-detail{color:var(--text-tertiary);font-size:.8rem}.bulk-pill{border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.bulk-pill.good{color:var(--success);background:#10b98129}.bulk-pill.crit{color:var(--error);background:#ef444429}.bulk-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.tool-dl-list{flex-direction:column;gap:6px;display:flex}.tool-dl-row{border:1px solid var(--border);color:var(--text-primary);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:14px;text-decoration:none;transition:border-color .12s,background .12s;display:flex}.tool-dl-row:hover,.tool-dl-row:focus-visible{border-color:var(--accent,#4f8cff);background:color-mix(in srgb, var(--accent,#4f8cff) 8%, transparent)}.tool-dl-row-mine{border-color:var(--accent,#4f8cff)}.tool-dl-name{align-items:center;gap:8px;min-width:0;display:flex}.tool-dl-icon{opacity:.6;font-size:18px}.tool-dl-tag{letter-spacing:.04em;text-transform:uppercase;background:var(--accent,#4f8cff);color:#fff;white-space:nowrap;border-radius:3px;padding:2px 6px;font-size:10px}.tool-dl-meta{font-variant-numeric:tabular-nums;color:var(--text-secondary);white-space:nowrap}.tool-dl-foot{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:14px;margin-top:12px;font-size:12px;display:flex}.tool-dl-foot a{color:var(--accent,#4f8cff)}.tool-dl-version{font-variant-numeric:tabular-nums}.tool-dl-copy{border:1px solid var(--border);font:inherit;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:3px 8px}.tool-dl-copy:hover{border-color:var(--accent,#4f8cff);color:var(--text-primary)}.tool-dl-note{color:var(--text-secondary);font-size:13px}.tool-dl-note-warn{color:var(--warning,#d08a2a)}.tool-dl-install{border:1px solid var(--border);background:var(--bg-inset,var(--bg-secondary));border-radius:8px;margin-bottom:12px;padding:10px 12px}.tool-dl-install-head{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:12px;display:flex}.tool-dl-install-cmd{font-family:var(--font-mono,ui-monospace, monospace);color:var(--text-primary);word-break:break-all;-webkit-user-select:all;user-select:all;font-size:12px;line-height:1.5;display:block}.tool-dl-install-hint{color:var(--text-secondary);margin-top:8px;font-size:12px}.tool-dl-direct>summary{cursor:pointer;color:var(--text-secondary);padding:4px 0;font-size:13px}.tool-dl-direct>summary:hover{color:var(--text-primary)}.tool-dl-direct[open]>summary,.tool-dl-direct .tool-dl-note{margin-bottom:8px}.devtools-backdrop{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.devtools-modal{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;width:min(560px,100%);max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}.devtools-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.devtools-head h3{margin:0;font-size:16px}.devtools-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;display:flex}.devtools-close:hover{color:var(--text-primary);background:var(--bg-secondary)}.devtools-body{padding:18px 20px 20px}.devtools-lede{color:var(--text-secondary);margin:0 0 14px;font-size:13px;line-height:1.6}.devtools-hint{color:var(--text-secondary);margin:14px 0 0;font-size:12px}.devtools-hint code{background:var(--bg-secondary);border-radius:3px;padding:1px 5px}.deploy-backdrop{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.deploy-modal{background:var(--bg-primary);color:inherit;border:1px solid var(--border);border-radius:12px;width:min(560px,100%);max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}.deploy-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.deploy-head h3{margin:0;font-size:1.05rem}.deploy-close{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;display:inline-flex}.deploy-body{flex-direction:column;gap:8px;padding:16px 18px;display:flex}.deploy-label{color:var(--text-tertiary);margin-top:6px;font-size:.8rem}.deploy-input{font:inherit;border:1px solid var(--border);background:var(--bg-secondary);color:inherit;border-radius:6px;padding:7px 10px}.deploy-filelist{border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:3px;margin:4px 0;padding:8px 10px;font-size:.85rem;list-style:none;display:flex}.deploy-hint{color:var(--text-tertiary);margin:6px 0 0;font-size:.8rem}.deploy-error{color:var(--error);background:#ef444429;border-radius:6px;margin:12px 18px 0;padding:8px 12px;font-size:.85rem}.deploy-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.deploy-track-head{color:var(--text-tertiary);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.85rem;display:flex}.deploy-track{border-collapse:collapse;width:100%;font-size:.88rem}.deploy-track td{border-bottom:1px solid var(--border);padding:6px 8px}.deploy-detail{color:var(--text-tertiary);font-size:.8rem}.deploy-pill{text-transform:capitalize;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.deploy-pill.good{color:var(--success);background:#10b98129}.deploy-pill.info{color:var(--primary);background:#4b6fe624}.deploy-pill.warn{color:var(--warning);background:#f59e0b29}.deploy-pill.crit{color:var(--error);background:#ef444429}.deploy-pill.muted{background:var(--bg-tertiary);color:var(--text-tertiary)}.entities-page{width:100%;min-height:100vh}.entity-list-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.entity-list-title{align-items:center;gap:.5rem;display:flex}.entity-list-title h2{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.entity-list-title .count{color:var(--text-secondary);font-weight:400}.entity-list-actions{align-items:center;gap:.5rem;display:flex}.entity-status{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;display:inline-flex}.entity-status.online{background:var(--alpha-success-bg);color:var(--success)}.entity-status.offline{background:var(--alpha-error-bg);color:var(--error)}.entity-status .material-symbols-outlined{font-size:var(--icon-xs)}.view-toggle{border-radius:var(--radius-md);border:1px solid var(--border);background:0 0;height:40px;display:flex;overflow:hidden}.view-toggle-btn{width:40px;height:40px;color:var(--text-primary);cursor:pointer;transition:all var(--duration-normal) ease;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.view-toggle-btn:hover:not(:disabled){background:var(--bg-tertiary)}.view-toggle-btn:hover:not(:disabled) .material-symbols-outlined{color:inherit}.view-toggle-btn.active{background:var(--alpha-primary-bg);color:var(--primary);border-color:var(--primary)}.view-toggle-btn .material-symbols-outlined{color:inherit;font-size:1.25rem;line-height:1}.entity-cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.entity-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;padding:1.25rem;transition:all .2s}.entity-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.entity-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.entity-card-name{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.entity-card-meta{flex-direction:column;gap:.5rem;display:flex}.entity-card-row{align-items:center;gap:.5rem;font-size:.875rem;display:flex}.entity-card-label{color:var(--text-tertiary)}.entity-card-value{color:var(--text-primary)}.entities-filter{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:1.5rem;padding:1rem 1.25rem}.entities-filter-header{justify-content:space-between;align-items:center;display:flex}.entities-filter-title{align-items:center;gap:.5rem;display:flex}.entities-filter-title .material-symbols-outlined{color:var(--primary)}.entities-filter-title h3{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.entities-filter-badge{min-width:20px;height:20px;color:var(--primary);background:#2a46d41a;border-radius:10px;justify-content:center;align-items:center;padding:0 .375rem;font-size:.75rem;font-weight:600;display:inline-flex}.entities-filter-actions{align-items:center;gap:.5rem;display:flex}.entities-filter-content{margin-top:1rem}.entities-filter-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.entities-filter-footer{border-top:1px solid var(--border);justify-content:flex-end;margin-top:1rem;padding-top:1rem;display:flex}.fanout-details{flex-direction:column;gap:1.5rem;display:flex}.fanout-details h3{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.detail-section{background:var(--bg-secondary);border-radius:var(--radius-md);padding:1rem 1.25rem}.detail-section h4{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:0 0 .75rem;font-size:.8125rem;font-weight:600}.detail-section p{color:var(--text-primary);margin:0;font-size:.875rem}.detail-section p.text-muted{color:var(--text-tertiary)}.entity-list li{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.75rem 0;display:flex}.entity-list li:last-child{border-bottom:none}.entity-list li.auth-failed{background:#f59e0b0d;margin:0 -1.25rem;padding-left:1.25rem;padding-right:1.25rem}.entity-list .warning-icon{color:var(--warning);font-size:1.125rem}.entity-list .entity-name{color:var(--text-primary);font-size:.875rem}.entity-list .auth-status{color:var(--warning);margin-left:auto;font-size:.75rem}.badge-group{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}@media (width<=768px){.entities-content{padding:1.25rem}.entities-panel{padding:1rem}.entity-list-header{flex-direction:column;align-items:flex-start;gap:1rem}.entity-cards-grid{grid-template-columns:1fr}}.entities-rail-layout{grid-template-columns:minmax(210px,264px) 1fr;align-items:start;gap:20px;display:grid}.entities-rail{border-right:1px solid var(--border);min-height:60vh;padding:0 16px 0 2px;position:sticky;top:12px}.entities-rail-head{justify-content:space-between;align-items:center;padding:2px 4px 8px;display:flex}.entities-rail-titlewrap{align-items:center;gap:5px;display:inline-flex}.entities-rail-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);font-size:.72rem;font-weight:700}.entities-rail-add{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:2px;display:inline-flex}.entities-rail-add:hover{color:var(--primary);background:var(--bg-tertiary)}.entities-rail-add .material-symbols-outlined{font-size:20px}.entities-rail-unfiled{color:var(--text-secondary);margin-top:2px}.dir-count{font-variant-numeric:tabular-nums;color:var(--text-tertiary);background:var(--bg-tertiary);text-align:center;border-radius:999px;min-width:20px;margin-left:auto;padding:0 7px;font-size:.72rem}.dir-row.selected .dir-count{color:var(--primary)}.dir-row:hover .dir-count{display:none}.dir-row-creating{cursor:default}.dir-toggle-spacer{color:var(--text-tertiary);font-size:20px}.entities-rail-main{min-width:0}.entities-rail-actions{align-items:center;gap:2px;display:inline-flex}.entities-rail-resizer{cursor:col-resize;z-index:2;width:9px;position:absolute;top:0;bottom:0;right:-11px}.entities-rail-resizer:after{content:"";background:0 0;width:2px;transition:background .12s;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.entities-rail-resizer:hover:after,.entities-rail-resizer:active:after{background:var(--primary)}.entities-rail-expand{border:none;border-right:1px solid var(--border);color:var(--text-tertiary);cursor:pointer;background:0 0;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;display:flex}.entities-rail-expand:hover{color:var(--primary);background:var(--bg-tertiary)}.entities-rail-expand .material-symbols-outlined{font-size:20px}.entities-rail-expand-icon{opacity:.65}.entities-dir-bar{border:1px solid var(--border);border-left:3px solid var(--primary);background:#4b6fe61a;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:8px 12px;display:flex}.entities-dir-scope{align-items:center;gap:8px;min-width:0;display:flex}.entities-dir-scope .material-symbols-outlined{color:var(--primary);font-size:20px}.entities-dir-scope code{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,Menlo,monospace;font-size:.85rem;overflow:hidden}.entities-dir-count{color:var(--text-tertiary);flex-shrink:0;font-size:.78rem}.entities-dir-actions{flex-shrink:0;align-items:center;gap:14px;display:flex}.entities-subdir-toggle{color:var(--text-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:.78rem;display:flex}.entities-subdir-toggle input{cursor:pointer;width:auto}.entities-dir-hint{color:var(--text-tertiary);margin:-2px 0 12px;font-size:.82rem}.entities-dir-scopehint{color:var(--text-tertiary);flex-wrap:wrap;align-items:center;gap:6px;margin:-2px 0 12px;font-size:.8rem;display:flex}.entities-dir-scopehint .material-symbols-outlined{color:var(--primary);font-size:16px}.entities-dir-scopehint code{color:var(--text-secondary);background:var(--bg-tertiary);word-break:break-all;border-radius:4px;padding:1px 6px;font-family:ui-monospace,Menlo,monospace;font-size:.78rem}.entity-dir-cell{cursor:pointer;font:inherit;color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;max-width:100%;padding:2px 8px;display:inline-flex}.entity-dir-cell:hover{border-color:var(--border);background:var(--bg-secondary)}.entity-dir-cell.empty{color:var(--text-tertiary);font-size:.8rem}.entity-dir-cell.empty .material-symbols-outlined{font-size:16px}.entity-dir-cell .entity-dir-path{text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,Menlo,monospace;font-size:.8rem;overflow:hidden}@media (width<=820px){.entities-rail-layout{grid-template-columns:1fr}.entities-rail{border-right:none;border-bottom:1px solid var(--border);min-height:0;padding:0 0 12px;position:static}}.dir-layout{grid-template-columns:minmax(240px,340px) 1fr;align-items:start;gap:16px;display:grid}@media (width<=720px){.dir-layout{grid-template-columns:1fr}}.dir-tree-pane,.dir-detail-pane{background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;min-height:320px;padding:12px}.dir-tree{font-size:.9rem}.dir-row{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:6px;padding:5px 8px;display:flex}.dir-row:hover{background:var(--bg-tertiary)}.dir-row.selected{background:#4b6fe624;font-weight:600}.dir-row.drop-target{outline:2px dashed var(--primary);outline-offset:-2px}.dir-row.dir-root{border-bottom:1px solid var(--border);border-radius:6px 6px 0 0;margin-bottom:4px}.dir-toggle{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;padding:0;display:inline-flex}.dir-toggle .material-symbols-outlined,.dir-row .material-symbols-outlined{font-size:20px}.dir-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.dir-actions{gap:2px;display:none}.dir-row:hover .dir-actions{display:inline-flex}.dir-actions button,.dir-entity-unfile{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;border-radius:4px;padding:2px;display:inline-flex}.dir-actions button:hover,.dir-entity-unfile:hover{color:var(--primary);background:var(--bg-tertiary)}.dir-rename-input{font:inherit;border:1px solid var(--primary);background:var(--bg-secondary);color:inherit;border-radius:4px;flex:1;padding:2px 6px}.dir-empty,.dir-entity-empty{color:var(--text-tertiary);padding:8px;font-size:.85rem}.dir-detail-titlebar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.dir-detail-title{margin:0;font-family:ui-monospace,Menlo,monospace;font-size:.95rem}.dir-detail-hint{color:var(--text-tertiary);margin:0 0 12px;font-size:.8rem}.dir-entity-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.dir-entity-row{border:1px solid var(--border);cursor:grab;background:var(--bg-primary);border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.dir-entity-row:active{cursor:grabbing}.dir-entity-name{flex:1}.dir-access-note{border:1px solid var(--border);border-left:3px solid var(--primary);background:#4b6fe624;border-radius:8px;align-items:flex-start;gap:10px;margin:0 0 14px;padding:10px 12px;display:flex}.dir-access-note .material-symbols-outlined{color:var(--primary);font-size:20px}.dir-access-label{color:var(--text-tertiary);margin-bottom:3px;font-size:.78rem}.dir-access-path{word-break:break-all;font-family:ui-monospace,Menlo,monospace;font-size:.82rem}.dir-access-hint{color:var(--text-tertiary);margin-top:3px;font-size:.76rem}.validation-card{border-radius:var(--radius-md);border:1px solid var(--border);margin-bottom:.75rem;overflow:hidden}.validation-card.failed{border-left:3px solid var(--error);background:var(--bg-primary)}.validation-card.passed{border-left:3px solid var(--success);background:var(--bg-primary)}.validation-card-header{cursor:pointer;width:100%;color:var(--text-primary);text-align:left;transition:background-color var(--duration-fast) ease;background:0 0;border:none;align-items:center;gap:.625rem;padding:.75rem 1rem;font-family:inherit;font-size:.8125rem;display:flex}.validation-card-header:hover{background-color:var(--bg-secondary)}.validation-card-header.static{cursor:default}.validation-card-header.static:hover{background-color:#0000}.validation-icon{flex-shrink:0;font-size:1.125rem}.validation-icon.error{color:var(--error)}.validation-icon.success{color:var(--success)}.validation-summary{flex-wrap:wrap;flex:1;gap:.25rem 1rem;font-size:.8125rem;line-height:1.5;display:flex}.validation-summary strong{color:var(--text-secondary);font-weight:500}.validation-fields{color:var(--text-tertiary);font-size:.8125rem}.validation-fields strong{color:var(--text-secondary);font-weight:500}.validation-card .expand-icon{color:var(--text-tertiary);transition:transform var(--duration-normal) ease;flex-shrink:0;font-size:1.25rem}.validation-card .expand-icon.rotated{transform:rotate(180deg)}.validation-card-content{border-top:1px solid var(--border);background:var(--bg-secondary);animation:fadeIn var(--duration-normal) ease;padding:1rem}.validation-details{flex-direction:column;gap:.5rem;font-size:.8125rem;display:flex}.validation-status-row{align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.validation-status-row .material-symbols-outlined{font-size:1rem}.validation-details.error .validation-status-row{color:var(--error)}.validation-details.error .validation-status-row strong{font-weight:600}.validation-service{color:var(--text-secondary);margin:0;font-size:.8125rem}.validation-service a{color:var(--primary);font-weight:500;text-decoration:none}.validation-service a:hover{text-decoration:underline}.validation-expected-actual,.validation-field-failure{background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border);padding:.5rem .75rem}.validation-expected-actual p,.validation-field-failure p{color:var(--text-primary);margin:0;font-size:.8125rem;line-height:1.6}.validation-expected-actual strong,.validation-field-failure strong{color:var(--text-secondary);font-weight:500}.validation-field-failure+.validation-field-failure{margin-top:.375rem}.validation-tags{color:var(--text-secondary);margin:0;font-size:.8125rem}.validation-tags strong{font-weight:500}.validation-passed-content{flex-wrap:wrap;align-items:center;gap:.25rem 1rem;font-size:.8125rem;display:flex}.validation-passed-content strong{color:var(--success);font-weight:600}.validation-passed-content .validation-service{color:var(--text-tertiary)}.validation-message{color:var(--text-primary);font-style:italic}.validation-message.text-muted{font-style:normal}.messages-page{background-color:var(--bg-secondary);min-height:100vh}.messages-page .page-card{position:relative}.loading-overlay{background-color:rgba(var(--bg-primary-rgb), .7);z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.empty-state{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;height:200px;display:flex}.empty-state h3{color:var(--text-secondary);margin:0;font-size:1.125rem;font-weight:600}.empty-state p{color:var(--text-tertiary);margin:0;font-size:.875rem}.management-table-wrapper{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.management-table-wrapper .table-container{max-height:calc(100vh - 320px);overflow:auto}.data-table{border-collapse:collapse;background:var(--bg-primary);width:100%}.data-table th{background-color:var(--bg-primary);text-transform:uppercase;color:var(--text-secondary);z-index:1;border-bottom:1px solid var(--border);font-size:.75rem;font-weight:600;position:sticky;top:0}.table-row{transition:background-color .2s}.table-row:hover{background-color:var(--bg-secondary)}.table-row.clickable{cursor:pointer}.table-row.expanded,.expanded-row{background-color:var(--bg-secondary)}.expanded-row td{padding:0}.expanded-content{background-color:var(--bg-primary);border-top:1px solid var(--border);padding:1.5rem}.cell-with-expand{align-items:center;gap:.5rem;display:flex}.expand-button{border-radius:var(--radius-sm);width:1.75rem;height:1.75rem;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.expand-button:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.truncate{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.data-cell{max-width:180px}.ml-2{margin-left:.5rem}.icon-button-sm{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-button-sm:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.icon-button-sm .material-symbols-outlined{color:inherit;font-size:1.125rem}.message-info-section{margin:2rem 0}.message-info-section h4,.message-data-section h4,.message-tags-section h4{color:var(--text-primary);margin:0 0 .75rem;font-size:.875rem;font-weight:600}.info-grid{grid-template-columns:auto 1fr;gap:.5rem 1rem;font-size:.875rem;display:grid}.info-item{display:contents}.info-label{color:var(--text-secondary);font-weight:500}.info-value{color:var(--text-primary);align-items:center;gap:.5rem;display:flex}.message-data-section{margin-top:1rem}.message-data-json-surface{border-radius:var(--radius-md)}[data-theme=light] .message-data-json-surface{background-color:var(--bg-secondary);border:1px solid var(--border)}.message-tags-section{margin-top:1.5rem}.tags-list{flex-wrap:wrap;gap:.5rem;display:flex}.clips-page{flex-direction:column;display:flex}.clips-header h2{margin:0 0 4px}.clips-subtitle{color:var(--text-secondary);max-width:70ch;margin:0 0 16px}.clips-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.clips-chip{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;padding:4px 12px;font-size:13px}.clips-chip.active{background:var(--alpha-primary-bg);color:var(--primary);border-color:var(--primary)}.clips-refresh{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;background:0 0;align-items:center;margin-left:auto;padding:4px 8px;display:inline-flex}.clips-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.clip-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.clip-thumb-wrap{aspect-ratio:16/10;background:var(--bg-tertiary);cursor:pointer;border:none;justify-content:center;align-items:center;width:100%;padding:0;display:flex;position:relative;overflow:hidden}.clip-thumb{object-fit:contain;background:#000;width:100%;height:100%;display:block}.clip-thumb-placeholder{background:var(--bg-tertiary);width:100%;height:100%;color:var(--text-tertiary);justify-content:center;align-items:center;display:flex}.clip-thumb-error .material-symbols-outlined{opacity:.5;font-size:32px}.clip-pending-label{color:var(--text-secondary);margin-top:8px;font-size:12px}.clip-processing{color:var(--warning)}.clip-lightbox-img{object-fit:contain;background:#000;width:100%;max-height:70vh;display:block}.clip-thumb-zoom{color:#fff;border-radius:var(--radius-sm);opacity:0;transition:opacity var(--duration-fast,.12s);background:#00000073;padding:2px;font-size:18px;position:absolute;top:6px;right:6px}.clip-thumb-wrap:hover .clip-thumb-zoom{opacity:1}.clip-meta{padding:10px 12px}.clip-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.clip-cam{color:var(--text-primary);align-items:center;gap:4px;font-size:14px;font-weight:500;display:inline-flex}.clip-cam .material-symbols-outlined{color:var(--text-tertiary);font-size:16px}.clip-badge{border-radius:var(--radius-sm);white-space:nowrap;padding:1px 8px;font-size:11px}.clip-badge.ok{background:var(--alpha-success-bg);color:var(--success)}.clip-badge.warn{background:var(--alpha-warning-bg);color:var(--warning)}.clip-sub{color:var(--text-secondary);margin-top:4px;font-size:12px}.clip-tags{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.clip-tag{border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);padding:1px 7px;font-size:11px}.clip-tag.more{color:var(--text-tertiary)}.clip-actions{gap:8px;margin-top:10px;display:flex}.clip-btn{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;background:0 0;flex:1;justify-content:center;align-items:center;gap:4px;padding:5px 0;font-size:12px;text-decoration:none;display:inline-flex}.clip-btn:hover{background:var(--bg-secondary)}.clip-btn-danger{color:var(--error,#c62828);border-color:color-mix(in srgb, var(--error,#c62828) 35%, var(--border))}.clip-btn-danger:hover{background:color-mix(in srgb, var(--error,#c62828) 8%, var(--bg-secondary))}.clip-lightbox-actions{margin-top:12px}.clip-btn .material-symbols-outlined{font-size:16px}.clips-center{flex-direction:column;justify-content:center;align-items:center;padding:48px 0;display:flex}.clips-empty{color:var(--text-secondary);text-align:center}.clips-empty-icon{color:var(--text-tertiary);margin-bottom:8px;font-size:40px}.clips-pagination{justify-content:center;align-items:center;gap:16px;margin-top:24px;display:flex}.clips-page-btn{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;align-items:center;gap:2px;padding:5px 12px;font-size:13px;display:inline-flex}.clips-page-btn:disabled{opacity:.45;cursor:default}.clips-page-btn .material-symbols-outlined{font-size:18px}.clips-page-status{color:var(--text-secondary);font-size:13px}.clip-lightbox{z-index:1000;background:var(--overlay-dark,#000000b3);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.clip-lightbox-inner{background:var(--bg-primary);border-radius:var(--radius-lg);flex-direction:column;max-width:90vw;max-height:90vh;display:flex;position:relative;overflow:hidden}.clip-lightbox-close{z-index:1;color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;position:absolute;top:8px;right:8px}.clip-lightbox-img{object-fit:contain;background:var(--bg-tertiary);max-width:90vw;max-height:70vh;display:block}.clip-lightbox-meta{padding:14px 18px}.clip-lightbox-title{color:var(--text-primary);align-items:center;gap:6px;font-size:15px;font-weight:500;display:flex}.clip-lightbox-title .material-symbols-outlined{color:var(--text-tertiary);font-size:18px}.clip-lightbox-sub{color:var(--text-secondary);margin-top:4px;font-size:13px}.clip-metadata{gap:4px;margin:12px 0 0;display:grid}.clip-metadata-row{gap:10px;font-size:13px;display:flex}.clip-metadata-row dt{color:var(--text-secondary);min-width:90px;margin:0}.clip-metadata-row dd{color:var(--text-primary);word-break:break-word;margin:0}.clip-lightbox-save{max-width:160px;margin-top:12px}.clip-kv,.clip-lightbox-kv{grid-template-columns:max-content minmax(0,1fr);gap:3px 10px;margin:8px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.35;display:grid}.clip-kv dt,.clip-lightbox-kv dt{color:var(--text-secondary);margin:0}.clip-kv dd,.clip-lightbox-kv dd{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.clip-lightbox-kv{margin-top:10px;font-size:12.5px}.clip-lightbox-kv dd{white-space:normal;word-break:break-all}.clip-actions-icons{gap:6px}.clip-btn-icon{flex:1;padding:6px 0}.clip-btn-icon .material-symbols-outlined{font-size:18px}a.clip-btn{text-decoration:none}.clip-lightbox-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.clip-lightbox-actions .clip-btn-wide{flex:45%;padding:8px 10px;font-size:12.5px}.clip-lightbox-actions .clip-btn-danger{flex:none;margin-left:auto;padding:6px 12px}.flow-detail{padding:0}.flow-detail.standalone,.flow-detail-loading{padding:1.5rem}.flow-detail-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.flow-detail-header h1{margin:0;font-size:1.125rem;font-weight:600}.flow-status-summary{margin-bottom:1rem}.flow-info-row{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.flow-id-row{align-items:center;gap:.5rem;display:flex}.flow-id-row h2{margin:0;font-size:1.125rem;font-weight:500}.flow-badges{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.flow-timeline{margin-top:1rem}.flow-timeline h3{margin-bottom:1rem;font-size:1.125rem;font-weight:500}.no-steps{text-align:center;color:var(--text-tertiary);padding:2rem}.step-summary{border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-secondary);cursor:pointer;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .75rem;transition:background-color .2s;display:flex}.step-summary:hover{background-color:var(--bg-hover)}.connector-badge{cursor:pointer;font-weight:600;text-decoration:underline}.connector-badge:hover{opacity:.8}.step-icon{font-size:1.25rem}.step-icon.success{color:var(--success)}.step-icon.warning{color:var(--warning)}.step-icon.error{color:var(--error)}.step-details{border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-primary);margin-top:.5rem;padding:1rem}.step-meta{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.result-details h4{color:var(--text-secondary);margin:0 0 .75rem;font-size:.875rem;font-weight:600}.result-json-surface{border-radius:var(--radius-md)}[data-theme=light] .result-json-surface{background-color:var(--bg-secondary);border:1px solid var(--border)}.dialog-header-actions{justify-content:flex-end;margin-bottom:.5rem;display:flex}.json-preview{background-color:var(--bg-secondary);border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-word;padding:1rem;font-family:monospace;font-size:.875rem;overflow-x:auto}.strand-integration-section{background-color:var(--bg-secondary);border-radius:var(--radius-md);border-left:4px solid var(--color-primary);margin:1.5rem 0;padding:1rem}.strand-integration-section h3{color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;font-weight:600;display:flex}.strand-integration-section h3 .material-symbols-outlined{color:var(--color-primary);font-size:1.25rem}.strand-result{margin-top:.75rem}.strand-success,.strand-error{flex-direction:column;gap:1rem;display:flex}.strand-message{color:var(--text-secondary);margin:.5rem 0 0;font-size:.875rem}.triggered-workflows{flex-direction:column;gap:.75rem;margin-top:.5rem;display:flex}.triggered-workflow-card{background-color:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:1rem;transition:border-color .2s}.triggered-workflow-card:hover{border-color:var(--color-primary)}.workflow-info h4{color:var(--text-primary);margin:0 0 .5rem;font-size:.9375rem;font-weight:500}.workflow-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.view-run-link,.view-run-link:hover{text-decoration:none}.cloud-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.cloud-icon.fallback{justify-content:center;align-items:center;display:inline-flex}.connector-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1300;background:#0009;justify-content:center;align-items:center;padding:2rem;animation:.2s connectorFadeIn;display:flex;position:fixed;inset:0}@keyframes connectorFadeIn{0%{opacity:0}to{opacity:1}}.connector-modal-content{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-xl);flex-direction:column;width:100%;max-width:800px;max-height:90vh;animation:.3s connectorSlideUp;display:flex;overflow:hidden}.connector-modal-content form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}@keyframes connectorSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.connector-modal-header{border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.connector-modal-header h2{color:var(--text-primary);align-items:center;gap:.75rem;margin:0;font-size:1.125rem;font-weight:600;display:flex}.connector-modal-header .close-btn{cursor:pointer;border-radius:var(--radius-sm);color:var(--text-tertiary);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:.375rem;transition:all .2s;display:flex}.connector-modal-header .close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.connector-modal-body{flex:1;min-height:0;padding:1.5rem;overflow-y:auto}.connector-modal-body::-webkit-scrollbar{width:8px}.connector-modal-body::-webkit-scrollbar-track{background:var(--bg-tertiary)}.connector-modal-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.connector-modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.connector-modal-footer{border-top:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.connector-description-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border);color:var(--text-secondary);padding:.75rem 1.5rem;font-size:.875rem;line-height:1.5}.connector-error-alert{background:color-mix(in srgb, var(--error) 10%, transparent);border:1px solid color-mix(in srgb, var(--error) 30%, transparent);border-radius:var(--radius-sm);color:var(--error);margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.5}.connector-form-group{margin-bottom:1.5rem}.connector-form-group:last-child{margin-bottom:0}.connector-form-group label{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:flex}.connector-form-group input,.connector-form-group select,.connector-form-group textarea{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);width:100%;color:var(--text-primary);box-sizing:border-box;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:all .2s}.connector-form-group input:hover,.connector-form-group select:hover,.connector-form-group textarea:hover{border-color:var(--text-tertiary)}.connector-form-group input:focus,.connector-form-group select:focus,.connector-form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.connector-form-group input::placeholder,.connector-form-group textarea::placeholder{color:var(--text-tertiary)}.connector-form-group input:disabled,.connector-form-group select:disabled,.connector-form-group textarea:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}.connector-form-group textarea{resize:vertical;min-height:80px}.connector-form-group select{cursor:pointer}.connector-form-help{color:var(--text-tertiary);margin-top:.375rem;font-size:.8125rem;line-height:1.4}.connector-form-help.error,.connector-form-group .required{color:var(--error)}.connector-form-group input.input-error{border-color:var(--error)}.connector-form-group input.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.connector-form-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (width<=768px){.connector-form-grid{grid-template-columns:1fr}.connector-modal-content{width:95vw;max-width:95vw}}.connector-modal-wide{max-width:900px}.connector-type-group{margin-bottom:2rem}.connector-type-group-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;font-size:.875rem;font-weight:600}.connector-type-selector{margin-bottom:2rem}.connector-type-selector h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;font-size:.875rem;font-weight:600}.connector-types-grid{grid-template-columns:repeat(auto-fill,minmax(140px,160px));gap:1rem;display:grid}.connector-type-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:120px;padding:1.25rem 1rem;transition:all .2s;display:flex;position:relative}.connector-type-card:hover{border-color:var(--primary);background:var(--bg-secondary);box-shadow:var(--shadow-md)}.connector-type-card:hover .type-icon{transform:scale(1.05)}.connector-type-card.selected{border-color:var(--primary);background:var(--bg-secondary);box-shadow:0 0 0 3px var(--focus-ring)}.connector-type-card .type-icon{color:var(--text-secondary);justify-content:center;align-items:center;width:48px;height:48px;font-size:2.5rem;transition:transform .2s;display:flex}.connector-type-card .type-name{color:var(--text-primary);text-align:center;font-size:.9375rem;font-weight:600;line-height:1.3}.connector-type-card .type-description{color:var(--text-secondary);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:.75rem;line-height:1.4;display:-webkit-box;overflow:hidden}.connector-collapsible{border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1.5rem;overflow:hidden}.connector-collapsible-header{cursor:pointer;background:var(--bg-secondary);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;transition:background .2s;display:flex}.connector-collapsible-header:hover{background:var(--bg-tertiary)}.connector-collapsible-header h4{color:var(--text-primary);align-items:center;gap:.5rem;margin:0;font-size:.9375rem;font-weight:600;display:flex}.connector-collapsible-content{background:var(--bg-primary);border-top:1px solid var(--border);padding:1.25rem}.connector-config-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:.75rem;padding:1.25rem}.connector-config-section h4{color:var(--text-primary);border-bottom:1px solid var(--border);margin:0 0 1.25rem;padding-bottom:.75rem;font-size:.9375rem;font-weight:600}.connector-tags-editor{flex-direction:column;gap:.5rem;display:flex}.connector-tag-item{align-items:center;gap:.5rem;display:flex}.connector-tag-item input{flex:1}.connector-tag-remove{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;justify-content:center;align-items:center;min-width:36px;padding:.5rem;transition:all .2s;display:flex}.connector-tag-remove:hover{background:var(--error,#ef4444);border-color:var(--error,#ef4444);color:#fff}.connector-tag-add{background:var(--bg-primary);border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.connector-tag-add:hover{background:var(--bg-secondary);border-color:var(--primary);color:var(--primary);border-style:solid}.connector-headers-editor{margin-top:1.5rem}.connector-header-row{grid-template-columns:1fr 2fr auto;align-items:center;gap:.5rem;margin-bottom:.5rem;display:grid}.connector-header-row input{padding:.5rem .75rem}.connector-toggle{cursor:pointer;align-items:center;gap:.75rem;display:flex}.connector-toggle-switch{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:12px;width:44px;height:24px;transition:all .2s;position:relative}.connector-toggle-switch.active{background:var(--primary);border-color:var(--primary)}.connector-toggle-switch:after{content:"";width:18px;height:18px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:transform .2s;position:absolute;top:2px;left:2px}.connector-toggle-switch.active:after{transform:translate(20px)}.connector-btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.connector-btn-primary:hover:not(:disabled){background:var(--primary-dark)}.connector-btn-primary:disabled{opacity:.5;cursor:not-allowed}.connector-btn-secondary{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.connector-btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.connector-btn-danger{color:var(--error);border:1px solid var(--error);border-radius:var(--radius-md);cursor:pointer;background:0 0;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.connector-btn-danger:hover{background:var(--error);color:#fff}.connector-status-badge.active{color:var(--success)}.connector-status-badge.active:before{content:"";background:var(--success);border-radius:50%;width:8px;height:8px}.connector-status-badge.inactive{color:var(--text-tertiary)}.connector-status-badge.inactive:before{content:"";background:var(--text-tertiary);border-radius:50%;width:8px;height:8px}.iam-header .subtitle.subtitle-block-2{margin-top:1.25em}.iam-header .subtitle.subtitle-line-2{margin-top:.25em}.flows-page{width:100%;min-height:100vh}.flows-list-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.flows-list-title{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.flows-list-actions{gap:.5rem;display:flex}.flow-item{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;margin-bottom:.75rem;padding:1rem 1.25rem;transition:all .2s}.flow-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.flow-item-header{justify-content:space-between;align-items:flex-start;display:flex}.flow-item-id{font-family:var(--font-mono);color:var(--text-primary);margin:0 0 .5rem;font-size:.875rem;font-weight:500}.flow-item-meta{color:var(--text-secondary);flex-wrap:wrap;gap:1rem;font-size:.8125rem;display:flex}.flow-item-meta span{align-items:center;gap:.25rem;display:flex}.flow-status.cancelled{background:var(--bg-tertiary);color:var(--text-secondary)}.connector-item{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;margin-bottom:.75rem;padding:1.25rem;transition:all .2s}.connector-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.connector-item-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.connector-item-name{color:var(--text-primary);align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;display:flex}.connector-item-name .material-symbols-outlined{color:var(--primary)}.connector-item-type{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-secondary);padding:.25rem .5rem;font-size:.75rem;font-weight:500}.connector-item-type.http{background:var(--alpha-primary-bg);color:var(--primary)}.connector-item-type.mqtt{color:var(--info);background:#a855f71a}.connector-item-type.cloud{background:var(--alpha-success-bg);color:var(--success)}.connector-item-actions{gap:.25rem;display:flex}.connector-item-meta{color:var(--text-secondary);font-size:.8125rem}.flows-empty{text-align:center;color:var(--text-tertiary);padding:4rem 2rem}.flows-empty .material-symbols-outlined{opacity:.5;margin-bottom:1rem;font-size:3rem}.flows-empty p{margin:0;font-size:.875rem}.flows-list{flex-direction:column;display:flex}.flows-list-header{justify-content:flex-end;margin-bottom:1rem;display:flex}.flows-table-container{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.flows-table-scroll-container{max-height:calc(100vh - 320px);overflow:auto}.flows-table-scroll-container .table-container{background:0 0;border:none;border-radius:0;overflow:visible}.flow-id-cell,.flow-status-cell{align-items:center;gap:.5rem;display:flex}.flow-status-cell .status-icon{font-size:1.125rem}.flow-status-cell .status-icon.success{color:var(--success)}.flow-status-cell .status-icon.warning{color:var(--warning)}.flow-status-cell .status-icon.error{color:var(--error)}.flow-detail-row td{background:var(--bg-secondary);padding:0!important}.flow-detail-container{padding:1.5rem}.loading-container{justify-content:center;align-items:center;min-height:200px;display:flex}.loading-inline{color:var(--text-secondary);align-items:center;gap:.75rem;font-size:.875rem;display:flex}.connectors-list{flex-direction:column;display:flex}.connectors-list-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.connectors-list-actions{align-items:center;gap:.75rem;display:flex}.connectors-cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;margin-bottom:1.5rem;display:grid}.connectors-table-wrapper{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.connectors-empty{text-align:center;color:var(--text-tertiary);padding:4rem 2rem}.connectors-empty .material-symbols-outlined{opacity:.5;margin-bottom:1rem;font-size:3rem}.connectors-empty p{margin:0;font-size:.875rem}.connector-tags{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.connector-status{color:var(--success);align-items:center;gap:.5rem;margin-top:.75rem;font-size:.875rem;font-weight:600;display:inline-flex}.status-dot{background:var(--text-tertiary);border-radius:50%;width:8px;height:8px}.status-dot.active{background:var(--success)}.text-truncate{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}@media (width<=768px){.flows-content{padding:1.25rem}.flows-panel{padding:1rem}.flow-item-meta{flex-direction:column;gap:.5rem}}.strand-workflows{flex-direction:column;gap:1.5rem;display:flex}.strand-error-alert{margin-bottom:0}.strand-not-connected{justify-content:center;padding:3rem 1rem;display:flex}.strand-connect-card{text-align:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:480px;padding:2.5rem}.strand-icon{color:var(--primary);margin-bottom:1rem;font-size:3.5rem}.strand-connect-card h3{color:var(--text-primary);margin:0 0 .75rem;font-size:1.25rem;font-weight:600}.strand-connect-card p{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.875rem;line-height:1.6}.strand-connect-btn{align-items:center;gap:.5rem;display:inline-flex}.strand-connect-btn .material-symbols-outlined{font-size:1.125rem}.strand-connect-note{color:var(--text-tertiary);font-size:.75rem;margin:1.5rem 0 0!important}.strand-refresh-btn{align-items:center;gap:.5rem;margin-top:1.5rem;padding:.625rem 1rem;font-size:.875rem;display:inline-flex}.strand-refresh-btn .material-symbols-outlined{font-size:1.125rem}.strand-setup-instructions{text-align:left;background:var(--bg-secondary);border-radius:var(--radius-md);margin:1.5rem 0;padding:1rem 1.5rem}.strand-setup-instructions ol{margin:0;padding-left:1.25rem}.strand-setup-instructions li{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;line-height:1.5}.strand-setup-instructions li:last-child{margin-bottom:0}.strand-setup-instructions strong{color:var(--text-primary);font-weight:500}.strand-api-key-input{text-align:left;margin-top:1.5rem}.strand-api-key-input label{color:var(--text-primary);margin-bottom:.5rem;font-size:.8125rem;font-weight:500;display:block}.strand-api-key-input .input-with-button{gap:.5rem;display:flex}.strand-api-key-input input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);flex:1;padding:.625rem .875rem;font-size:.875rem;transition:border-color .2s}.strand-api-key-input input:focus{border-color:var(--primary);outline:none}.strand-api-key-input input::placeholder{color:var(--text-tertiary)}.strand-api-key-input input:disabled{opacity:.6;cursor:not-allowed}.strand-disconnect-btn{color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;margin-left:auto;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s}.strand-disconnect-btn:hover{color:var(--error);border-color:var(--error)}.strand-disconnect-btn:disabled{opacity:.5;cursor:not-allowed}.strand-empty{text-align:center;color:var(--text-tertiary);padding:4rem 2rem}.strand-empty .material-symbols-outlined{opacity:.5;margin-bottom:1rem;font-size:3rem}.strand-empty h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.strand-empty p{max-width:400px;margin:0 auto;font-size:.875rem;line-height:1.6}.strand-workflows-description{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.6}.strand-workflows-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;display:grid}.strand-workflow-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem;transition:all .2s}.strand-workflow-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm)}.strand-workflow-header{align-items:flex-start;gap:.75rem;display:flex}.strand-workflow-icon{color:var(--primary);flex-shrink:0;font-size:1.5rem}.strand-workflow-info{flex:1;min-width:0}.strand-workflow-name{color:var(--text-primary);margin:0 0 .25rem;font-size:1rem;font-weight:600}.strand-workflow-description{color:var(--text-secondary);margin:0;font-size:.8125rem;line-height:1.5}.strand-workflow-tags-section{border-top:1px solid var(--border-light);margin-top:1rem;padding-top:1rem}.strand-workflow-tags-heading{letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 .5rem;font-size:.6875rem;font-weight:600}.strand-workflow-tags{flex-wrap:wrap;gap:.375rem;display:flex}.strand-workflow-tags-empty{color:var(--text-secondary);margin:0;font-size:.8125rem;line-height:1.5}.strand-workflow-strand-hint{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border);grid-template-columns:auto 1fr;grid-template-areas:"icon copy"".link";align-items:start;gap:.35rem .65rem;margin-top:1rem;padding:.75rem .85rem;display:grid}.strand-workflow-hint-icon{color:var(--primary);grid-area:icon;margin-top:.1rem;font-size:1.125rem}.strand-workflow-hint-copy{color:var(--text-secondary);grid-area:copy;font-size:.8125rem;line-height:1.55}.strand-workflow-hint-copy strong{color:var(--text-primary);font-weight:600}.strand-workflow-hint-em{color:var(--text-primary);font-weight:500}.strand-strand-deep-link{color:var(--primary);grid-area:link/1/link/-1;align-items:center;gap:.25rem;width:fit-content;margin-top:.15rem;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}.strand-strand-deep-link:hover{text-decoration:underline}.strand-strand-deep-link .material-symbols-outlined{opacity:.9;font-size:1rem}.strand-footer-note{background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:.5rem;padding:.875rem 1rem;font-size:.8125rem;display:flex}.strand-footer-note .material-symbols-outlined{color:var(--text-tertiary);font-size:1.125rem}.strand-footer-note strong{color:var(--text-primary);font-weight:500}.permissions-editor{flex-direction:column;gap:1.5rem;display:flex}.permission-row{flex-direction:column;gap:.75rem;padding:0;display:flex}.permission-row-label{color:var(--text-primary);align-items:center;gap:.625rem;margin-bottom:.25rem;font-size:.875rem;font-weight:600;display:flex}.permission-row-label .material-symbols-outlined{color:var(--text-secondary);font-size:1.125rem}.permission-chips{flex-wrap:wrap;flex:1;gap:.5rem;display:flex}.permission-chip{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;text-transform:capitalize;color:var(--text-secondary);white-space:nowrap;border-radius:8px;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;transition:all .2s}.permission-chip:hover:not(:disabled){border-color:var(--primary);background:var(--bg-tertiary);color:var(--text-primary)}.permission-chip.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.permission-chip:disabled{cursor:default;opacity:1}.permission-chip:disabled.active{background:var(--primary);border-color:var(--primary);color:#fff;opacity:1}.permission-chip.inherited{background:var(--alpha-primary-bg);border-color:var(--primary-light);color:var(--primary-light);cursor:default;align-items:center;gap:.25rem;display:flex}.permission-chip.inherited:hover{background:var(--alpha-primary-bg);border-color:var(--primary-light);color:var(--primary-light)}.permission-chip.inherited.active{background:var(--alpha-primary-bg);border-color:var(--primary);color:var(--primary)}.permission-chip .inherited-icon{font-size:.75rem}.permissions-legend{background:var(--bg-tertiary);border-radius:var(--radius-md);align-items:center;gap:1rem;margin-bottom:.5rem;padding:.75rem 1rem;display:flex}.permissions-legend .legend-title{color:var(--text-secondary);font-size:.75rem;font-weight:600}.permissions-legend .legend-items{flex-wrap:wrap;gap:1rem;display:flex}.permissions-legend .legend-item{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.permissions-legend .legend-chip{border-radius:4px;width:1rem;height:1rem}.permissions-legend .legend-chip.inherited{background:#3b82f640;border:1px solid #3b82f680}.permissions-legend .legend-chip.direct{background:var(--primary);border:1px solid var(--primary)}.policy-builder{flex-direction:column;gap:1.5rem;display:flex}.policy-view-toggle{background:var(--bg-tertiary);border-radius:var(--radius-md);gap:.5rem;width:fit-content;padding:.25rem;display:flex}.policy-view-toggle .toggle-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.policy-view-toggle .toggle-btn:hover:not(.active){color:var(--text-primary);background:var(--bg-secondary)}.policy-view-toggle .toggle-btn.active{background:var(--bg-primary);color:var(--primary);box-shadow:var(--shadow-sm)}.policy-view-toggle .toggle-btn .material-symbols-outlined{font-size:1.125rem}.policy-actions{flex-wrap:wrap;gap:.5rem;display:flex}.btn-validate,.btn-copy{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-validate:hover:not(:disabled),.btn-copy:hover{background:var(--bg-tertiary);border-color:var(--border-hover);color:var(--text-primary)}.btn-validate:disabled{opacity:.5;cursor:not-allowed}.btn-validate .material-symbols-outlined,.btn-copy .material-symbols-outlined{font-size:1rem}.policy-builder.embedded{gap:.75rem}.policy-view-toggle.embedded-toggle{margin-bottom:0;padding:.125rem}.policy-view-toggle.embedded-toggle .toggle-btn{padding:.375rem .625rem;font-size:.75rem}.policy-view-toggle.embedded-toggle .toggle-btn .material-symbols-outlined{font-size:.875rem}.policy-builder.embedded .policy-actions{margin-bottom:.25rem}.policy-builder.embedded .statement-card{background:var(--bg-primary)}.policy-builder.embedded .statement-card-header{background:var(--bg-tertiary);padding:.75rem 1rem}.policy-builder.embedded .statement-card-body{padding:1rem}.policy-builder.embedded .statement-fields{gap:1rem;margin-bottom:1rem;padding-bottom:1rem}.policy-builder.embedded .resource-field input{max-width:400px}.policy-alert{border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:.875rem 1rem;font-size:.875rem;font-weight:500;display:flex}.policy-alert .material-symbols-outlined{flex-shrink:0;font-size:1.25rem}.policy-alert.success{color:var(--success);background:#10b9811a;border:1px solid #10b98133}.policy-alert.error{color:var(--error);background:#ef44441a;border:1px solid #ef444433}.policy-alert.info{color:var(--primary);background:#4b6fe61a;border:1px solid #4b6fe633}.policy-statements{flex-direction:column;gap:1rem;display:flex}.statement-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .2s;overflow:hidden}.statement-card:hover{box-shadow:var(--shadow-sm)}.statement-card.inherited{border-left:3px solid #7b96f2}.statement-card-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.statement-card-title{align-items:center;gap:.5rem;display:flex}.statement-card-title h3{color:var(--text-primary);margin:0;font-size:.875rem;font-weight:600}.statement-card-title .inherited-badge{color:#7b96f2;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;background:#7b96f233;padding:.25rem .625rem;font-size:.7rem;font-weight:600}.policy-legend{background:var(--bg-tertiary);border-radius:var(--radius-md);align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.policy-legend .legend-title{color:var(--text-secondary);font-size:.75rem;font-weight:600}.policy-legend .legend-items{flex-wrap:wrap;gap:1.5rem;display:flex}.policy-legend .legend-item{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.policy-legend .legend-color{border-radius:4px;width:1rem;height:1rem}.policy-legend .legend-color.inherited{background:#7b96f233;border:2px solid #7b96f2}.policy-legend .legend-color.direct{background:var(--bg-primary);border:2px solid var(--border)}.statement-card-actions .btn-delete{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:all .2s;display:flex}.statement-card-actions .btn-delete:hover:not(:disabled){color:var(--error);background:#ef44441a;border-color:#ef444433}.statement-card-actions .btn-delete:disabled{opacity:.3;cursor:not-allowed}.statement-card-actions .btn-delete .material-symbols-outlined{font-size:1.125rem}.statement-card-body{padding:1rem}.statement-fields{border-bottom:1px solid var(--border);grid-template-columns:auto 1fr;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;display:grid}@media (width<=640px){.statement-fields{grid-template-columns:1fr}}.effect-selector{flex-direction:column;gap:.5rem;display:flex}.effect-selector label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.8125rem;font-weight:600}.effect-options{gap:.5rem;display:flex}.effect-option{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:flex}.effect-option:hover:not(.selected):not(:disabled){border-color:var(--primary);color:var(--text-primary);background:var(--bg-tertiary)}.effect-option.selected.allow{background:linear-gradient(135deg, var(--success) 0%, #059669 100%);border-color:var(--success);color:#fff;box-shadow:0 2px 4px #10b9814d}.effect-option.selected.deny{background:linear-gradient(135deg, var(--error) 0%, #dc2626 100%);border-color:var(--error);color:#fff;box-shadow:0 2px 4px #ef44444d}.effect-option:disabled{opacity:.6;cursor:not-allowed}.resource-field{flex-direction:column;gap:.5rem;display:flex}.resource-field label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.8125rem;font-weight:600}.resource-field input{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;max-width:400px;color:var(--text-primary);padding:.5rem .75rem;font-family:Monaco,Fira Code,Courier New,monospace;font-size:.8125rem;transition:all .2s}.resource-field input:hover:not(:disabled){border-color:var(--border-hover)}.resource-field input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2a46d41a}.resource-field input:disabled{opacity:.6;cursor:not-allowed}.resource-field .helper-text{color:var(--text-tertiary);font-size:.75rem}.actions-section{margin-bottom:1.25rem}.actions-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.actions-header label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.8125rem;font-weight:600}.actions-header .count-badge{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-sm);margin-left:.5rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500}.service-categories{flex-direction:column;gap:.5rem;display:flex}.service-category{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);transition:all .2s;overflow:hidden}.service-category:hover{border-color:var(--border-hover)}.service-category.expanded{border-color:var(--primary);box-shadow:0 0 0 1px #2a46d41a}.service-category-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:background .15s;display:flex}.service-category-header:hover{background:var(--bg-tertiary)}.service-category-title{align-items:center;gap:.75rem;display:flex}.service-category-title .material-symbols-outlined{color:var(--primary);font-size:1.25rem}.service-category-title .service-name{text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary);font-size:.8125rem;font-weight:600}.service-category-title .service-count{border-radius:var(--radius-sm);padding:.125rem .5rem;font-size:.75rem;font-weight:600}.service-category-title .service-count.has-selected{color:var(--primary);background:#2a46d426}.service-category-title .service-count.none-selected{background:var(--bg-tertiary);color:var(--text-tertiary)}.service-category-header .expand-icon{color:var(--text-tertiary);font-size:1.25rem;transition:color .2s}.service-category.expanded .service-category-header .expand-icon{color:var(--primary)}.service-category-body{background:var(--bg-primary);border-top:1px solid var(--border);padding:1rem;display:none}.service-category.expanded .service-category-body{display:block}.permission-category{margin-bottom:1rem}.permission-category:last-child{margin-bottom:0}.permission-category-label{color:var(--text-secondary);text-transform:capitalize;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:flex}.permission-chips{flex-wrap:wrap;gap:.375rem;display:flex}.permission-chip{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s}.permission-chip:hover:not(:disabled):not(.active){border-color:var(--primary);background:var(--bg-tertiary);color:var(--primary)}.permission-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.permission-chip:disabled{cursor:default}.permission-chip:disabled:not(.active){opacity:.5}.conditions-section{border-top:1px solid var(--border);padding-top:1.25rem}.conditions-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.conditions-header label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.8125rem;font-weight:600}.conditions-header-actions{gap:.5rem;display:flex;position:relative}.conditions-header .btn-add-condition{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:flex}.conditions-header .btn-add-condition:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-tertiary)}.conditions-header .btn-remove-all{border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:flex}.conditions-header .btn-remove-all:hover{color:var(--error);background:#ef44441a;border-color:#ef444433}.condition-type-menu{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;min-width:160px;animation:.15s menuSlideIn;overflow:hidden}.condition-type-menu-item{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:background .15s;display:block}.condition-type-menu-item:hover{background:var(--bg-secondary);color:var(--primary)}.conditions-grid{flex-wrap:wrap;gap:1rem;display:flex}.condition-type-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);flex:1;min-width:400px;max-width:600px;padding:1rem}.condition-type-card h4{color:var(--primary);margin:0 0 .75rem;font-size:.875rem;font-weight:600}.condition-fields{flex-direction:column;gap:.5rem;display:flex}.condition-field-row{align-items:center;gap:.5rem;display:flex}.condition-field-row select{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);width:auto;min-width:100px;color:var(--text-primary);cursor:pointer;flex-shrink:0;padding:.5rem 1.5rem .5rem .625rem;font-size:.8125rem;transition:all .15s}.condition-field-row select:focus{border-color:var(--primary);outline:none}.condition-field-row input{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:200px;max-width:450px;color:var(--text-primary);flex:1;padding:.5rem .625rem;font-family:Monaco,Fira Code,Courier New,monospace;font-size:.8125rem;transition:all .15s}.condition-field-row input:focus{border-color:var(--primary);outline:none}.condition-field-row .btn-remove-field{width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.condition-field-row .btn-remove-field:hover{color:var(--error);background:#ef44441a}.btn-add-field{border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;background:0 0;align-items:center;gap:.375rem;margin-top:.25rem;padding:.375rem .625rem;font-size:.75rem;font-weight:500;transition:all .15s;display:flex}.btn-add-field:hover{border-color:var(--primary);color:var(--primary);background:#2a46d40d}.condition-field-row-wrapper{flex-direction:column;gap:.5rem;display:flex}.btn-array-toggle{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.btn-array-toggle:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-tertiary)}.btn-array-toggle.active{border-color:var(--primary);color:var(--primary);background:#2a46d41a}.condition-array-values{flex-direction:column;gap:.375rem;margin-top:.25rem;padding-left:0;display:flex}.condition-array-item{align-items:center;gap:.375rem;display:flex}.condition-array-item input{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:150px;max-width:400px;color:var(--text-primary);flex:1;padding:.375rem .5rem;font-family:Monaco,Fira Code,Courier New,monospace;font-size:.8125rem;transition:all .15s}.condition-array-item input:focus{border-color:var(--primary);outline:none}.btn-remove-array-item{width:24px;height:24px;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.btn-remove-array-item:hover:not(:disabled){color:var(--error);background:#ef44441a}.btn-remove-array-item:disabled{opacity:.3;cursor:not-allowed}.btn-add-array-item{border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;background:0 0;align-items:center;gap:.25rem;width:fit-content;padding:.25rem .5rem;font-size:.6875rem;font-weight:500;transition:all .15s;display:flex}.btn-add-array-item:hover{border-color:var(--primary);color:var(--primary);background:#2a46d40d}.btn-add-statement{border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.375rem;padding:.625rem 1rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.btn-add-statement:hover{border-color:var(--primary);color:var(--primary);background:#2a46d40d}.btn-add-statement .material-symbols-outlined{font-size:1rem}.policy-json-editor{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.policy-json-editor .editable-json-indicator{border-radius:var(--radius-sm);border:1px solid var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--primary);letter-spacing:.02em;align-items:center;gap:.375rem;margin:.75rem .75rem 0;padding:.375rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.policy-json-editor .editable-json-indicator .material-symbols-outlined{font-size:.9375rem}.policy-json-editor textarea{background:var(--bg-primary);width:100%;min-height:300px;color:var(--text-primary);resize:vertical;border:none;padding:1rem;font-family:Monaco,Fira Code,Courier New,monospace;font-size:.8125rem;line-height:1.5}.policy-json-editor .policy-json-textarea.editable-json:not(:disabled){background:linear-gradient(to right, color-mix(in srgb, var(--primary) 16%, transparent) 0 6px, transparent 6px 100%), var(--bg-secondary);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 24%, transparent)}.policy-json-editor textarea:focus{outline:none}.policy-json-error{color:var(--error);margin:.5rem .75rem .75rem;font-size:.8125rem}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.policy-view-toggle{width:100%}.policy-view-toggle .toggle-btn{flex:1;justify-content:center}.policy-actions{flex-direction:column}.conditions-grid{grid-template-columns:1fr}.conditions-header{flex-direction:column;align-items:flex-start}.condition-field-row{flex-wrap:wrap}.condition-field-row select{width:100%}.condition-array-values{padding-left:0}}.policies-tab{flex-direction:column;gap:1.5rem;display:flex}.tab-header{justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.tab-header h2{color:var(--text-primary);margin:0 0 .25rem;font-size:1rem}.tab-header .tab-description{color:var(--text-secondary);margin:0;font-size:.9rem}.loading-state,.empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-state .material-symbols-outlined{opacity:.3;margin-bottom:1rem;font-size:4rem}.empty-state h3{color:var(--text-primary);margin:.5rem 0}.empty-state p{margin:.5rem 0}.policies-list{flex-direction:column;gap:.75rem;display:flex}.policy-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;transition:all .2s;overflow:hidden}.policy-card.system{border-left:3px solid var(--primary)}.policy-card.expanded{border-color:var(--primary)}.policy-card-new{border-style:solid;border-color:var(--border);background:var(--bg-secondary);opacity:1}.policy-card-header{cursor:pointer;justify-content:space-between;align-items:center;padding:.875rem 1rem;transition:background .15s;display:flex}.policy-card-header:hover{background:var(--bg-tertiary)}.policy-card.expanded .policy-card-header:has(.policy-name-input){cursor:default}.policy-card.expanded .policy-card-header:has(.policy-name-input):hover{background:0 0}.policy-card-title{flex:1;align-items:center;gap:.625rem;min-width:0;display:flex}.policy-card-title .material-symbols-outlined{color:var(--text-secondary);flex-shrink:0;font-size:1.25rem}.policy-card-title .policy-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.policy-name-input{width:400px;max-width:100%;color:var(--text-primary);background:0 0;border:none;border-radius:0;flex:0 auto;min-width:0;padding:0;font-size:.95rem;font-weight:600}.policy-name-input::placeholder{color:var(--text-tertiary)}.policy-name-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.system-badge{color:#7b96f2;text-transform:uppercase;letter-spacing:.5px;cursor:help;background:#4b6fe633;border-radius:4px;padding:.125rem .5rem;font-size:.7rem;font-weight:600}.inherited-badge{color:#93c5fd;text-transform:uppercase;letter-spacing:.5px;cursor:help;background:#3b82f633;border-radius:4px;padding:.125rem .5rem;font-size:.7rem;font-weight:600}.policy-card-meta{color:var(--text-secondary);align-items:center;gap:.75rem;font-size:.85rem;display:flex}.permissions-count{font-weight:500}.policy-card-meta .expand-icon{font-size:1.25rem;transition:transform .2s}.policy-card.expanded .expand-icon{transform:rotate(180deg)}.policy-card-actions{gap:.5rem;display:flex}.policy-card-body{border-top:1px solid var(--border);padding:1.25rem 1.25rem 1rem}.policy-description-input{background:var(--bg-primary);border:1px solid var(--border);width:100%;max-width:500px;min-height:60px;color:var(--text-primary);resize:vertical;border-radius:6px;margin:0 0 1.25rem;padding:.5rem .75rem;font-size:.875rem}.policy-description-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.policy-description-text{color:var(--text-secondary);margin:0 0 1.25rem;font-size:.875rem;line-height:1.5}.parent-policy-section{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border);margin-bottom:1.25rem;padding:1rem}.parent-policy-toggle{margin-bottom:.75rem}.parent-policy-toggle .checkbox-label{cursor:pointer;color:var(--text-primary);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.parent-policy-toggle .checkbox-label input[type=checkbox]{cursor:pointer;width:1rem;height:1rem}.parent-policy-selector{flex-direction:column;gap:.75rem;display:flex}.parent-policy-select{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;max-width:400px;color:var(--text-primary);cursor:pointer;padding:.5rem .75rem;font-size:.875rem}.parent-policy-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.parent-policy-info{border-radius:var(--radius-sm);color:var(--text-secondary);background:#3b82f61a;border:1px solid #3b82f633;align-items:flex-start;gap:.5rem;padding:.625rem .875rem;font-size:.8125rem;display:flex}.parent-policy-info .material-symbols-outlined{color:var(--info);flex-shrink:0;margin-top:.125rem;font-size:1rem}.parent-policy-display{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border);border-left:3px solid var(--info);margin-bottom:1.25rem;padding:1rem}.parent-policy-display-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.parent-policy-display-header .material-symbols-outlined{color:var(--info);font-size:1.125rem}.parent-policy-display-header span{color:var(--text-primary);font-size:.875rem;font-weight:600}.parent-policy-name{color:var(--text-secondary);font-size:.875rem}.parent-policy-name a{color:var(--primary);font-weight:500;text-decoration:none}.parent-policy-name a:hover{text-decoration:underline}.resolved-policy-section{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.25rem}.resolved-policy-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.resolved-policy-header h4{color:var(--text-primary);align-items:center;gap:.5rem;margin:0;font-size:.9375rem;font-weight:600;display:flex}.resolved-policy-header h4 .material-symbols-outlined{color:var(--text-secondary);font-size:1.125rem}.resolved-toggle-btn{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;transition:all .15s;display:flex}.resolved-toggle-btn:hover{background:var(--bg-secondary);border-color:var(--primary);color:var(--primary)}.resolved-toggle-btn .material-symbols-outlined{font-size:1rem;transition:transform .2s}.resolved-toggle-btn.expanded .material-symbols-outlined{transform:rotate(180deg)}.policy-mode-toggle{background:var(--bg-tertiary);border-radius:var(--radius-sm);gap:.25rem;width:fit-content;margin-bottom:.75rem;padding:.1875rem;display:flex}.mode-toggle-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:flex}.mode-toggle-btn:hover:not(.active){color:var(--text-secondary)}.mode-toggle-btn.active{background:var(--bg-primary);color:var(--primary);box-shadow:0 1px 2px #00000014}.mode-toggle-btn .material-symbols-outlined{font-size:1rem}.policy-card-footer{border-top:1px solid var(--border);justify-content:space-between;margin-top:1.5rem;padding-top:1.25rem;display:flex}.apikeys-container{flex-direction:column;height:100%;display:flex}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;display:flex}.page-header h2{margin:0;font-size:1.25rem;font-weight:500}.icon-button .material-symbols-outlined{color:inherit;font-size:1.25rem}.upgrade-alert{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.upgrade-alert .material-symbols-outlined{font-size:1.25rem}.table-container{border-radius:var(--radius-lg);border:1px solid var(--border);background-color:var(--bg-primary);flex:1;overflow:hidden}.table-container.disabled{opacity:.7}.status-badge{border-radius:var(--radius-sm);align-items:center;padding:.25rem .5rem;font-size:.875rem;display:inline-flex}.status-badge.enabled{color:var(--success);background-color:#22c55e1a}.status-badge.disabled{color:var(--error);background-color:#ef44441a}.locked-message{color:var(--text-tertiary);flex-direction:column;align-items:center;gap:.5rem;padding:2rem;display:flex}.form-group{margin-bottom:1rem}.form-label{color:var(--text-primary);margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.datetime-input{border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-primary);width:100%;color:var(--text-primary);padding:.625rem .75rem;font-size:.875rem}.datetime-input:disabled{background-color:var(--bg-secondary);opacity:.7;cursor:not-allowed}.help-text{color:var(--text-secondary);margin:.375rem 0 0;font-size:.8125rem}.key-display-section{margin-bottom:1rem}.key-display{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:.75rem;display:flex}.key-value{word-break:break-all;flex:1;font-family:monospace;font-size:.875rem}.key-value.blurred{filter:blur(5px)}.warning-text{color:var(--text-secondary);margin-bottom:1rem}.dialog-footer-actions{justify-content:flex-end;margin-top:1rem;display:flex}.file-transfer-filters{flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:1rem;display:flex}.file-transfer-filter-label{color:var(--text-secondary);margin-right:.25rem;font-size:.8rem}.file-transfer-chip{border:1px solid var(--border-color);background:var(--surface-secondary,var(--bg-secondary));color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:.2rem .65rem;font-size:.75rem}.file-transfer-chip.active{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent)}.file-transfer-name{text-overflow:ellipsis;white-space:nowrap;max-width:12rem;overflow:hidden}.file-transfer-scan-link,.file-transfer-action-link{color:var(--primary);font-size:.85rem;text-decoration:none}.file-transfer-scan-link:hover,.file-transfer-action-link:hover{text-decoration:underline}.file-transfer-muted{color:var(--text-secondary);font-size:.85rem}.file-transfer-footnote{text-align:right;margin-top:.5rem}.entity-detail-page .file-transfer-info-section{margin-top:0}.entity-detail-page .file-transfer-expanded-link{color:var(--primary);align-items:center;gap:.25rem;text-decoration:none;display:inline-flex}.entity-detail-page .file-transfer-expanded-link:hover{text-decoration:underline}.entity-detail-page .file-transfer-expanded-link .material-symbols-outlined{font-size:1rem}.file-transfer-inline-tags{gap:.35rem}.file-transfer-target-list{margin:0;padding:0;font-size:.875rem;list-style:none}.file-transfer-target-list li{align-items:center;gap:.5rem;padding:.25rem 0;display:flex}.file-transfer-target-name{font-weight:500}.file-transfer-target-meta{color:var(--text-secondary);font-size:.8rem}.file-transfer-target-blocked .file-transfer-target-name{color:var(--text-secondary);text-decoration:line-through}.file-transfer-target-reason{color:var(--warning,#f59e0b);font-size:.75rem}.device-tab{--dt-bg:#0f1115;--dt-panel:#171a21;--dt-terminal-bg:#0b0d12;--dt-editor-bg:#0b0d12;--dt-tree-bg:#0e1117;--dt-tree-hover-bg:#171b23;--dt-input-bg:#0b0d12;--dt-btn-bg:#232833;--dt-btn-bg-hover:#2c323f;--dt-border:#2a2f3a;--dt-border-strong:#3a4050;--dt-text:#e6e8ee;--dt-text-muted:#8a93a6;--dt-text-terminal:#c5cbd6;--dt-text-terminal-in:#7dd3fc;--dt-text-terminal-err:#f87171;--dt-dir-color:#93c5fd;--dt-banner-ok-text:#a7f3c8;--dt-banner-err-text:#fca5a5;--dt-banner-warn-text:#fcd34d;--dt-accent:#4ade80;--dt-accent-strong:#22c55e;--dt-accent-text-on:#0f1115;--dt-danger:#ef4444;--dt-warn:#f59e0b;--dt-info:#38bdf8;--dt-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;background:var(--dt-bg);color:var(--dt-text);border-radius:12px;flex-direction:column;height:calc(100vh - 200px);min-height:600px;padding:16px;font-size:14px;line-height:1.5;display:flex;overflow:hidden}[data-theme=light] .device-tab{--dt-bg:#f8fafc;--dt-panel:#fff;--dt-terminal-bg:#f1f5f9;--dt-editor-bg:#fff;--dt-tree-bg:#f8fafc;--dt-tree-hover-bg:#eef2f7;--dt-input-bg:#fff;--dt-btn-bg:#f1f5f9;--dt-btn-bg-hover:#e2e8f0;--dt-border:#e2e8f0;--dt-border-strong:#cbd5e1;--dt-text:#0f172a;--dt-text-muted:#64748b;--dt-text-terminal:#1e293b;--dt-text-terminal-in:#0369a1;--dt-text-terminal-err:#b91c1c;--dt-dir-color:#2563eb;--dt-accent:#16a34a;--dt-accent-strong:#15803d;--dt-accent-text-on:#fff;--dt-danger:#dc2626;--dt-warn:#d97706;--dt-info:#0284c7;--dt-banner-ok-text:#14532d;--dt-banner-err-text:#7f1d1d;--dt-banner-warn-text:#78350f}.device-tab-layout{grid-template-columns:var(--dt-sidebar-w,380px) 16px 1fr;flex:1;grid-template-rows:1fr;gap:16px 0;min-height:0;display:grid}.device-tab-layout>*{min-height:0}.device-tab-resizer{cursor:col-resize;touch-action:none;position:relative}.device-tab-resizer:after{content:"";background:var(--dt-border-strong,var(--dt-border));opacity:0;border-radius:2px;width:2px;transition:opacity .15s;position:absolute;top:0;bottom:0;left:7px}.device-tab-resizer:hover:after,.device-tab-resizer:focus-visible:after,.device-tab-resizer.dragging:after{opacity:1}.device-tab-resizer:focus-visible{outline:none}.device-tab.sidebar-collapsed .device-tab-layout{grid-template-columns:44px 1fr;gap:10px}.device-tab-rail{align-items:stretch;height:100%;display:flex}.device-tab-rail-btn{cursor:pointer;writing-mode:horizontal-tb;flex-direction:column;align-items:center;gap:8px;width:100%;min-height:0;display:flex;background:var(--dt-panel)!important;border:1px solid var(--dt-border)!important;color:var(--dt-text)!important;border-radius:10px!important;padding:12px 6px!important}.device-tab-rail-btn:hover{background:var(--dt-btn-bg-hover)!important;border-color:var(--dt-border-strong)!important}.device-tab-rail-btn .device-tab-rail-label{writing-mode:vertical-rl;color:var(--dt-text-muted);white-space:nowrap;text-overflow:ellipsis;max-height:220px;font-size:11px;font-family:var(--dt-mono);margin:6px 0;overflow:hidden;transform:rotate(180deg)}.device-tab-rail-btn .device-tab-rail-chevron{color:var(--dt-text-muted);margin-top:auto;font-size:16px}.device-tab-sidebar{min-height:0;padding-right:6px;overflow-y:auto}@media (width<=900px){.device-tab-layout{grid-template-rows:auto 1fr;grid-template-columns:1fr;gap:16px}.device-tab-sidebar{padding-right:0;overflow-y:visible}.device-tab-resizer{display:none}}.device-tab .card,.device-tab .dt-card{background:var(--dt-panel)!important;border:1px solid var(--dt-border)!important;color:var(--dt-text)!important;box-shadow:none!important;border-radius:10px!important;margin-bottom:16px!important;padding:16px!important}.device-tab .card h2,.device-tab .dt-card h2{color:var(--dt-text-muted)!important;text-transform:uppercase!important;letter-spacing:.06em!important;border:0!important;margin:0 0 12px!important;padding:0!important;font-size:11px!important;font-weight:600!important}.device-tab .status-row{align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.device-tab .dot{background:var(--dt-text-muted);border-radius:50%;flex-shrink:0;width:8px;height:8px}.device-tab .dot.ok{background:var(--dt-accent);box-shadow:0 0 6px var(--dt-accent)}.device-tab .dot.err{background:var(--dt-danger)}.device-tab .dot.warn{background:var(--dt-warn)}.device-tab .dot.info{background:var(--dt-info)}.device-tab .banner,.device-tab .dt-banner{border-radius:6px;margin-bottom:12px;padding:10px 12px;font-size:12px;line-height:1.5}.device-tab .banner.ok,.device-tab .dt-banner-ok{color:var(--dt-banner-ok-text);background:#4ade8014;border:1px solid #4ade8040}.device-tab .banner.err,.device-tab .dt-banner-err{color:var(--dt-banner-err-text);background:#ef444414;border:1px solid #ef444440}.device-tab .banner.warn,.device-tab .dt-banner-warn{color:var(--dt-banner-warn-text);background:#f59e0b14;border:1px solid #f59e0b40}.device-tab .dt-banner-info{color:var(--dt-dir-color);background:#38bdf814;border:1px solid #38bdf840}.device-tab button,.device-tab .dt-btn{cursor:pointer;transition:background .12s,border-color .12s;background:var(--dt-btn-bg)!important;color:var(--dt-text)!important;border:1px solid var(--dt-border-strong)!important;font:inherit!important;text-transform:none!important;letter-spacing:0!important;border-radius:6px!important;padding:8px 12px!important}.device-tab button:hover:not(:disabled){background:var(--dt-btn-bg-hover)!important;border-color:#454c5f!important}.device-tab button:disabled{opacity:.4!important;cursor:not-allowed!important}.device-tab button.primary,.device-tab .dt-btn-primary{background:var(--dt-accent)!important;color:var(--dt-accent-text-on)!important;border-color:var(--dt-accent)!important;font-weight:600!important}.device-tab button.primary:hover:not(:disabled),.device-tab .dt-btn-primary:hover:not(:disabled){background:#6ee7a0!important}.device-tab .dt-btn-blocked{color:var(--dt-danger)!important;border-color:var(--dt-danger)!important;background:0 0!important;font-weight:600!important}.device-tab button.danger{color:var(--dt-danger)!important;border-color:var(--dt-danger)!important;background:0 0!important}.device-tab button.small,.device-tab .dt-btn-small{padding:4px 10px!important;font-size:12px!important}.device-tab button.dt-link{cursor:pointer;text-decoration:underline;color:var(--dt-accent)!important;font:inherit!important;background:0 0!important;border:none!important;padding:0!important}.device-tab button.dt-link:hover:not(:disabled){opacity:.85;background:0 0!important}.device-tab button.dt-link:disabled{opacity:.4!important;cursor:not-allowed!important}.device-tab .row,.device-tab .dt-row{flex-wrap:wrap;gap:8px;display:flex}.device-tab .row.stretch button,.device-tab .row.stretch .dt-btn{flex:0 auto!important;min-width:0!important;padding:6px 12px!important;font-size:13px!important}.device-tab input[type=text],.device-tab input[type=password],.device-tab textarea,.device-tab select{width:100%;background:var(--dt-terminal-bg)!important;color:var(--dt-text)!important;border:1px solid var(--dt-border-strong)!important;font:13px/1.5 var(--dt-mono)!important;border-radius:6px!important;padding:8px 10px!important}.device-tab textarea{resize:vertical;min-height:80px}.device-tab input:focus,.device-tab textarea:focus,.device-tab select:focus{border-color:var(--dt-accent)!important;outline:none!important}.device-tab label{color:var(--dt-text-muted);margin:8px 0 4px;font-size:12px;font-weight:400;display:block}.device-tab .dt-radio-row,.device-tab .dt-check-row{cursor:pointer;align-items:flex-start;gap:8px;margin:4px 0;padding:0;display:flex}.device-tab .dt-check-row{align-items:center}.device-tab .dt-radio-row input,.device-tab .dt-check-row input{width:auto;margin:4px 0 0}.device-tab .dt-addon-group{border:1px solid var(--dt-border);border-radius:8px;margin-top:4px;overflow:hidden}.device-tab .dt-addon-row{cursor:pointer;align-items:flex-start;gap:10px;margin:0;padding:11px 12px;display:flex}.device-tab .dt-addon-row+.dt-addon-row{border-top:1px solid var(--dt-border)}.device-tab .dt-addon-row input[type=checkbox]{flex-shrink:0;width:auto;margin:1px 0 0}.device-tab .dt-addon-row>span{flex:1}.device-tab .dt-addon-title{color:var(--dt-text)}.device-tab .dt-addon-row .dt-hint{margin-top:4px}.device-tab .dt-addon-select{cursor:default;flex-direction:column}.device-tab .dt-addon-select .dt-addon-title{margin-bottom:6px}.device-tab .dt-addon-select select{width:100%}.device-tab .dt-hint,.device-tab .hint{color:var(--dt-text-muted);margin-top:6px;font-size:11px;line-height:1.5}.device-tab .dt-hint-inline{color:var(--dt-text-muted);font-size:12px}.device-tab .dt-entity-name{color:var(--dt-accent);font-family:var(--dt-mono);text-transform:none;letter-spacing:0}.device-tab .kv{color:var(--dt-text-muted);grid-template-columns:110px 1fr;gap:4px 12px;font-size:12px;display:grid}.device-tab .kv b{color:var(--dt-text);font-weight:500;font-family:var(--dt-mono);word-break:break-all}.device-tab .badge{border:1px solid var(--dt-border-strong);color:var(--dt-text-muted);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.device-tab .badge.ok{color:var(--dt-banner-ok-text);background:#4ade800d;border-color:#4ade8059}.device-tab .badge.warn{color:var(--dt-banner-warn-text);background:#f59e0b0d;border-color:#f59e0b59}.device-tab .badge.err{color:var(--dt-banner-err-text);background:#ef44440d;border-color:#ef444459}.device-tab .checklist,.device-tab .dt-checklist{margin:0;padding:0;list-style:none}.device-tab .checklist li,.device-tab .dt-checklist li{align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.device-tab .step-mark,.device-tab .dt-step-mark{border:1px solid var(--dt-border-strong);width:18px;height:18px;color:var(--dt-text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:inline-flex}.device-tab .dt-checklist li.done .dt-step-mark,.device-tab .checklist li.done .step-mark{background:var(--dt-accent);border-color:var(--dt-accent);color:var(--dt-accent-text-on)}.device-tab .dt-checklist li.active .dt-step-mark,.device-tab .checklist li.active .step-mark{border-color:var(--dt-info);color:var(--dt-info)}.device-tab .dt-checklist li.fail .dt-step-mark,.device-tab .checklist li.fail .step-mark{border-color:var(--dt-danger);color:var(--dt-danger)}.device-tab details.log,.device-tab details.dt-log,.device-tab details.dt-details{background:var(--dt-terminal-bg);border:1px solid var(--dt-border);color:var(--dt-text-muted);border-radius:6px;margin-top:8px;padding:8px 10px;font-size:11px}.device-tab details summary{cursor:pointer;-webkit-user-select:none;user-select:none}.device-tab details pre{font:11px/1.4 var(--dt-mono);white-space:pre-wrap;max-height:200px;margin:8px 0 0;overflow:auto}.device-tab .dt-code{background:var(--dt-terminal-bg);border:1px solid var(--dt-border);color:var(--dt-accent);font:12px/1.4 var(--dt-mono);border-radius:6px;margin-top:8px;padding:8px 10px;overflow-x:auto}.device-tab .dt-fallback-list{margin:8px 0;padding-left:20px;line-height:1.6}.device-tab .dt-fallback-list li{margin-bottom:12px}.device-tab code{background:var(--dt-terminal-bg);font:12px/1 var(--dt-mono);color:var(--dt-accent);border-radius:4px;padding:2px 6px}.device-tab .workspace{background:var(--dt-panel);border:1px solid var(--dt-border);border-radius:10px;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.device-tab .workspace-tabs{border-bottom:1px solid var(--dt-border);align-items:stretch;padding:0 4px;display:flex}.device-tab .workspace-tab{cursor:pointer;margin-bottom:-1px;transition:color .12s,border-color .12s;color:var(--dt-text-muted)!important;text-transform:uppercase!important;letter-spacing:.06em!important;background:0 0!important;border:none!important;border-bottom:2px solid #0000!important;padding:12px 16px!important;font-size:11px!important;font-weight:600!important}.device-tab .workspace-tab:hover{color:var(--dt-text)!important;background:0 0!important}.device-tab .workspace-tab.active{color:var(--dt-text)!important;border-bottom-color:var(--dt-accent)!important}.device-tab .dt-metrics-rail{align-items:center;gap:18px;min-width:0;margin-left:auto;padding:4px 10px 4px 16px;display:flex;overflow:hidden}.device-tab .dt-metric-cell{flex-direction:column;gap:3px;min-width:0;display:flex}.device-tab .dt-metric-head{align-items:baseline;gap:6px;line-height:1;display:flex}.device-tab .dt-metric-label{text-transform:uppercase;letter-spacing:.06em;color:var(--dt-text-muted);font-size:9px;font-weight:600}.device-tab .dt-metric-val{font-size:12px;font-family:var(--dt-mono);color:var(--dt-text);font-variant-numeric:tabular-nums}@media (width<=820px){.device-tab .dt-metrics-rail{display:none}}.device-tab .workspace-tab .dirty-dot{background:var(--dt-accent);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-left:6px;display:inline-block}.device-tab .workspace-pane{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.device-tab .workspace-pane.hidden{display:none}.device-tab .workspace-pane .terminal-wrap{background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;display:flex}.device-tab .workspace-pane .terminal{flex:1;height:auto;min-height:0}.device-tab .terminal-wrap{background:var(--dt-panel);border:1px solid var(--dt-border);border-radius:10px;overflow:hidden}.device-tab .terminal-head{border-bottom:1px solid var(--dt-border);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.device-tab .terminal{background:var(--dt-terminal-bg);height:60vh;min-height:320px;font:12px/1.4 var(--dt-mono);white-space:pre-wrap;word-break:break-all;color:var(--dt-text-terminal);padding:12px;overflow:auto}.device-tab .terminal .in{color:var(--dt-text-terminal-in)}.device-tab .terminal .out{color:var(--dt-text-terminal)}.device-tab .terminal .err{color:var(--dt-text-terminal-err)}.device-tab .terminal .sys{color:var(--dt-text-muted);font-style:italic}.device-tab .terminal{cursor:text}.device-tab .terminal-status-line{padding-top:2px}.device-tab .terminal-live{align-items:flex-start;display:flex}.device-tab .terminal-prompt{color:var(--dt-text-terminal-in);-webkit-user-select:none;user-select:none;flex-shrink:0;margin-right:6px}.device-tab .terminal-inline{min-width:0;caret-color:var(--dt-text-terminal-in);flex:1;overflow:hidden;box-shadow:none!important;color:var(--dt-text-terminal)!important;font:inherit!important;resize:none!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important;min-height:0!important;margin:0!important;padding:0!important}.device-tab .terminal-inline::placeholder{color:var(--dt-text-muted)}.device-tab .file-explorer{background:var(--dt-panel);flex:1;grid-template-columns:240px 6px 1fr;min-height:0;display:grid}.device-tab .tree-resize-handle{cursor:col-resize;border-left:1px solid var(--dt-border);background:0 0;transition:background .12s}.device-tab .tree-resize-handle:hover{background:var(--dt-accent);opacity:.5}.device-tab .tree-rail{cursor:pointer;writing-mode:vertical-rl;font-size:16px;border:none!important;border-right:1px solid var(--dt-border)!important;background:var(--dt-tree-bg)!important;color:var(--dt-text-muted)!important;border-radius:0!important;padding:0!important}.device-tab .tree-rail:hover{background:var(--dt-tree-hover-bg)!important;color:var(--dt-text)!important}.device-tab .tree-pane{border-right:1px solid var(--dt-border);background:var(--dt-tree-bg);font:12px/1.5 var(--dt-mono);padding:8px 6px;overflow:auto}.device-tab .tree-pane-head{color:var(--dt-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--dt-border);justify-content:space-between;align-items:center;margin-bottom:6px;padding:4px 6px 8px;font-size:11px;font-weight:600;display:flex}.device-tab .tree-pane-head button{flex:1;border:1px solid var(--dt-border)!important;color:var(--dt-text-muted)!important;background:0 0!important;padding:6px 0!important;font-size:16px!important}.device-tab .tree-pane-head button:hover:not(:disabled){color:var(--dt-text)!important;border-color:var(--dt-border-strong)!important}.device-tab .tree-node{cursor:pointer;color:var(--dt-text);-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:3px 6px;display:flex}.device-tab .tree-node:hover{background:var(--dt-tree-hover-bg)}.device-tab .tree-node.selected{color:var(--dt-text);background:#4ade801f}.device-tab .tree-node .chev{width:12px;color:var(--dt-text-muted);text-align:center;font-size:10px}.device-tab .tree-node .icon{text-align:center;width:16px;font-size:12px}.device-tab .tree-node .name{text-overflow:ellipsis;flex:1;overflow:hidden}.device-tab .tree-node .size{color:var(--dt-text-muted);padding-left:6px;font-size:10px}.device-tab .tree-node.dir .name{color:var(--dt-dir-color)}.device-tab .tree-node.drop-target{outline:1px solid var(--dt-accent);outline-offset:-1px;background:#4ade8038;border-radius:3px}.device-tab .tree-node .tree-del{opacity:0;color:var(--dt-text-muted);cursor:pointer;background:0 0;border:0;margin-left:4px;padding:0 3px;font-size:11px;line-height:1}.device-tab .tree-node:hover .tree-del{opacity:.75}.device-tab .tree-node .tree-del:hover{opacity:1;color:#fca5a5}.device-tab .tree-node.cwd{background:#60a5fa24}.device-tab .tree-add-wrap{flex:1;display:flex;position:relative}.device-tab .tree-add-wrap>button{flex:1}.device-tab .tree-add-backdrop{z-index:40;position:fixed;inset:0}.device-tab .tree-add-menu{z-index:41;background:var(--dt-card-bg,#1a1d24);border:1px solid var(--dt-border);border-radius:6px;flex-direction:column;gap:2px;min-width:172px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #00000073}.device-tab .tree-add-menu.menu-right{left:auto;right:0}.device-tab .tree-add-menu.menu-right .tree-add-menu-dir{white-space:normal;text-overflow:clip;line-height:1.35;overflow:visible}.device-tab .tree-add-menu-dir{color:var(--dt-text-muted);text-transform:none;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;padding:2px 8px 6px;font-size:10px;font-weight:400;overflow:hidden}.device-tab .tree-add-menu button{text-align:left;align-items:center;gap:8px;width:100%;display:flex;color:var(--dt-text)!important;text-transform:none!important;letter-spacing:0!important;background:0 0!important;border:0!important;flex:none!important;padding:6px 8px!important;font-size:12px!important}.device-tab .tree-add-menu button:hover:not(:disabled){background:var(--dt-tree-hover-bg)!important;color:var(--dt-text)!important;border:0!important}.device-tab .tree-children{border-left:1px dashed #ffffff0d;margin-left:4px;padding-left:8px}.device-tab .editor-pane{background:var(--dt-terminal-bg);flex-direction:column;min-width:0;display:flex;overflow:hidden}.device-tab .editor-head{border-bottom:1px solid var(--dt-border);align-items:center;gap:10px;min-height:45px;padding:10px 14px;display:flex}.device-tab .editor-head .path{font:12px/1 var(--dt-mono);color:var(--dt-text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.device-tab .editor-head .path .filename{color:var(--dt-text)}.device-tab .editor-head .path .dirty{color:var(--dt-accent);margin-left:6px}.device-tab .editor-body{flex:1;min-height:0;position:relative;overflow:hidden}.device-tab .editor-body>div,.device-tab .editor-body .cm-editor{height:100%}.device-tab .editor-body .cm-scroller{font-family:var(--dt-mono);font-size:12.5px;line-height:1.55;overflow:auto}.device-tab .editor-body .cm-panels{background:var(--dt-panel);color:var(--dt-text)}.device-tab .editor-body .cm-panels-top{border-bottom:1px solid var(--dt-border)}.device-tab .editor-body .cm-search{flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;font:12px -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.device-tab .editor-body .cm-search label{color:var(--dt-text-muted);align-items:center;gap:4px;display:flex}.device-tab .editor-body .cm-textfield{background:var(--dt-input-bg);color:var(--dt-text);border:1px solid var(--dt-border-strong);font:12px var(--dt-mono);border-radius:4px;padding:3px 6px}.device-tab .editor-body .cm-textfield:focus-visible{outline:1px solid var(--dt-accent)}.device-tab .editor-body .cm-button{background:var(--dt-btn-bg);color:var(--dt-text);border:1px solid var(--dt-border-strong);cursor:pointer;border-radius:4px;padding:3px 8px;font:12px -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.device-tab .editor-body .cm-button:hover{border-color:var(--dt-accent);background:var(--dt-btn-bg-hover)}.device-tab .editor-body .cm-searchMatch{background:#38bdf840}.device-tab .editor-body .cm-searchMatch-selected{background:#4ade8073}.device-tab .editor-empty{color:var(--dt-text-muted);text-align:center;flex:1;justify-content:center;align-items:center;padding:20px;font-size:13px;display:flex}.device-tab .dt-spinner{border:2px solid var(--dt-border-strong);border-top-color:var(--dt-accent);border-radius:50%;flex-shrink:0;width:11px;height:11px;animation:.7s linear infinite dt-spin;display:inline-block}.device-tab .dt-spinner-lg{border-width:2.5px;width:20px;height:20px}@keyframes dt-spin{to{transform:rotate(360deg)}}.device-tab .camera-pane{flex-direction:column;flex:1;min-height:0;display:flex}.device-tab .camera-controls{border-bottom:1px solid var(--dt-border);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;display:flex}.device-tab .camera-controls select,.device-tab .camera-controls input{width:auto}.device-tab .camera-controls label{margin:0}.device-tab .camera-view{background:var(--dt-terminal-bg);flex:1;justify-content:center;align-items:center;min-height:0;padding:12px;display:flex;overflow:auto}.device-tab .camera-img{object-fit:contain;border-radius:4px;width:100%;height:100%}.device-tab .camera-footer{border-top:1px solid var(--dt-border);color:var(--dt-text-muted);padding:8px 14px;font-size:11px}.device-tab .editor-footer{border-top:1px solid var(--dt-border);color:var(--dt-text-muted);align-items:center;gap:8px;padding:8px 14px;font-size:11px;display:flex}.device-tab .editor-footer .status{flex:1}.device-tab .editor-footer .status.ok{color:#a7f3c8}.device-tab .editor-footer .status.err{color:#fca5a5}.dt-optional{color:var(--dt-text-muted);font-size:12px;font-weight:400}.entity-detail-page{padding:1.5rem 2rem}.header-icon{color:var(--primary);font-size:1.5rem}.icon-button.small{padding:var(--spacing-1);width:32px;height:32px}.icon-button.small .material-symbols-outlined{color:inherit;font-size:1.125rem}.stream-btn{color:var(--primary);animation:2s infinite pulse}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.details-card,.section-card{margin-bottom:1.5rem}.details-card h2,.section-card h2{margin:0 0 1rem;font-size:1.125rem;font-weight:600}.loading-skeleton{flex-direction:column;gap:.75rem;display:flex}.skeleton-line{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);border-radius:var(--radius-sm);background-size:200% 100%;height:1rem;animation:1.5s infinite shimmer}.skeleton-line.w-40{width:40%}.skeleton-line.w-50{width:50%}.skeleton-line.w-60{width:60%}.skeleton-line.w-70{width:70%}@media (width<=768px){.details-grid{grid-template-columns:1fr}}.details-column{flex-direction:column;gap:1rem;display:flex}.detail-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.025em;font-size:.75rem}.detail-value.monospace{word-break:break-all;font-family:monospace}.status-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.mqtt-section{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.5rem}.mqtt-section h3{margin:0 .5rem .5rem 0;font-size:.875rem;font-weight:600;display:inline}.mqtt-topics{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.mqtt-topic{flex-direction:column;gap:.25rem;display:flex}.topic-header{align-items:center;gap:.5rem;display:flex}.topic-label{color:var(--text-tertiary);font-size:.75rem}.topic-value{background-color:var(--bg-secondary);border-radius:var(--radius-sm);word-break:break-all;padding:.5rem .75rem;font-size:.75rem;display:block}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-header h2{margin:0}.metrics-tabs{gap:.25rem;display:flex}.tab-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;padding:.375rem .75rem;transition:all .2s}.tab-btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.tab-btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.tab-btn.active{background-color:var(--primary);border-color:var(--primary);color:#fff}.tab-btn:disabled{opacity:.5;cursor:not-allowed}.metrics-grid{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.metric-item{text-align:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg,12px);padding:1.25rem 1.5rem 1rem}.entity-detail-page .metrics-grid--current{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:1.25rem;display:grid}.entity-detail-page .metrics-grid--current .usage-snapshot:only-child{grid-column:1/-1}@media (width<=768px){.entity-detail-page .metrics-grid--current{grid-template-columns:1fr}.entity-detail-page .metrics-grid--current .usage-snapshot:only-child{grid-column:auto}}.usage-snapshot{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg,12px);text-align:left;min-width:0;padding:1.25rem 1.35rem}.usage-snapshot-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.usage-snapshot-heading{align-items:center;gap:.5rem;min-width:0;display:flex}.usage-snapshot-icon{color:var(--usage-accent,var(--primary));opacity:.9;font-size:1.25rem}.usage-snapshot-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);font-size:.6875rem;font-weight:600}.usage-snapshot-figures{flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;margin-bottom:.85rem;line-height:1.2;display:flex}.usage-snapshot-used{font-variant-numeric:tabular-nums;color:var(--text-primary);letter-spacing:-.02em;font-size:1.5rem;font-weight:600}.usage-snapshot-sep{color:var(--text-tertiary);font-size:1.125rem;font-weight:400}.usage-snapshot-total{font-variant-numeric:tabular-nums;color:var(--text-secondary);font-size:1rem;font-weight:500}.usage-snapshot-track{background:var(--bg-primary);border-radius:999px;height:6px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000f}.usage-snapshot-fill{border-radius:inherit;background:var(--usage-accent,var(--primary));opacity:.92;height:100%;transition:width .35s}.usage-snapshot-meta{color:var(--text-tertiary);margin:.65rem 0 0;font-size:.75rem}.chart-empty{background-color:var(--bg-secondary);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.time-range-selector{gap:.25rem;margin-bottom:1rem;display:flex}.time-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;padding:.375rem .75rem;transition:all .2s}.time-btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.time-btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.time-btn.active{background-color:var(--primary);border-color:var(--primary);color:#fff}.entity-detail-page .charts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.entity-detail-page .chart-item{min-width:0}.entity-detail-page .chart-item:only-child{grid-column:1/-1}.entity-detail-page .chart-item h4{margin:0 0 .5rem;font-size:.875rem;font-weight:500}@media (width<=768px){.entity-detail-page .charts-grid{grid-template-columns:1fr}.entity-detail-page .chart-item:only-child{grid-column:auto}}.loading-center{justify-content:center;align-items:center;padding:2rem;display:flex}.entity-detail-page .management-table-wrapper{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.entity-detail-page .management-table-wrapper .table-container{max-height:calc(100vh - 320px);overflow:auto}.entity-detail-page .data-table{border-collapse:collapse;background:var(--bg-primary);width:100%}.entity-detail-page .data-table th,.entity-detail-page .data-table td{text-align:left;border-bottom:1px solid var(--border);padding:.75rem 1rem}.entity-detail-page .data-table th{background-color:var(--bg-primary);text-transform:uppercase;color:var(--text-secondary);z-index:1;font-size:.75rem;font-weight:600;position:sticky;top:0}.entity-detail-page .table-row{transition:background-color .2s}.entity-detail-page .table-row:hover{background-color:var(--bg-secondary)}.entity-detail-page .table-row.clickable{cursor:pointer}.entity-detail-page .table-row.expanded,.entity-detail-page .expanded-row{background-color:var(--bg-secondary)}.entity-detail-page .expanded-row td{padding:0}.entity-detail-page .expanded-content{background-color:var(--bg-primary);border-top:1px solid var(--border);padding:1.5rem}.entity-detail-page .cell-with-expand{align-items:center;gap:.5rem;display:flex}.entity-detail-page .expand-button{border-radius:var(--radius-sm);width:1.75rem;height:1.75rem;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.entity-detail-page .expand-button:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.entity-detail-page .truncate{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.entity-detail-page .data-cell{max-width:180px}.entity-detail-page .data-cell code{background-color:var(--bg-secondary);border-radius:var(--radius-sm);padding:.125rem .25rem;font-size:.75rem}.flow-cell{align-items:center;gap:.5rem;display:flex}.entity-detail-page .icon-button-sm{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.entity-detail-page .icon-button-sm:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.entity-detail-page .icon-button-sm .material-symbols-outlined{color:inherit;font-size:1.125rem}.entity-detail-page .message-info-section{margin:2rem 0}.entity-detail-page .message-info-section h4,.entity-detail-page .message-data-section h4,.entity-detail-page .message-tags-section h4{color:var(--text-primary);margin:0 0 .75rem;font-size:.875rem;font-weight:600}.entity-detail-page .info-grid{grid-template-columns:auto 1fr;gap:.5rem 1rem;font-size:.875rem;display:grid}.entity-detail-page .info-item{display:contents}.entity-detail-page .info-label{color:var(--text-secondary);font-weight:500}.entity-detail-page .info-value{color:var(--text-primary);align-items:center;gap:.5rem;display:flex}.entity-detail-page .divider{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.entity-detail-page .message-data-section{margin-top:1rem}.entity-detail-page .message-data-json-surface{border-radius:var(--radius-md)}[data-theme=light] .entity-detail-page .message-data-json-surface{background-color:var(--bg-secondary);border:1px solid var(--border)}.entity-detail-page .message-tags-section{margin-top:1.5rem}.entity-detail-page .tags-list{flex-wrap:wrap;gap:.5rem;display:flex}.edit-form{flex-direction:column;gap:1rem;display:flex}.form-label{font-size:.875rem;font-weight:500}.expiry-info-icon{vertical-align:middle;cursor:help;color:var(--text-secondary);align-items:center;margin-left:.375rem;display:inline-flex}.expiry-info-icon .material-symbols-outlined{font-size:1rem}.textarea{resize:vertical;min-height:100px;font-family:inherit}.textarea.monospace{font-family:monospace}.checkbox-label{cursor:pointer;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.875rem;display:flex}.error-text{color:var(--error);font-size:.75rem}.stream-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;min-height:360px;padding:2rem;display:flex}.stream-error-icon{color:var(--text-tertiary);opacity:.9;font-size:3.5rem}.stream-container{border-radius:var(--radius-lg);border:1px solid var(--border);background:#111;justify-content:center;align-items:center;min-height:360px;display:flex;position:relative;overflow:hidden}.stream-live-badge{z-index:1;letter-spacing:.05em;color:#fff;background:#0009;border-radius:4px;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex;position:absolute;top:.75rem;left:.75rem}.stream-live-dot{background:var(--error);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite stream-live-pulse}@keyframes stream-live-pulse{0%,to{opacity:1}50%{opacity:.5}}.stream-image{object-fit:contain;max-width:100%;max-height:70vh;display:block}.stream-loading{background:#111;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.stream-loading-text{color:#ffffffd9;font-size:.9375rem}.stream-error-overlay{z-index:2;pointer-events:none;background:#0000008c;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;display:flex;position:absolute;inset:0}.stream-error-overlay .stream-error-icon{color:#ffffffe6}.link{color:var(--primary);text-decoration:none}.link:hover{text-decoration:underline}.text-sm{font-size:.75rem}.clickable{cursor:pointer}.monospace{font-family:monospace}.entity-status-pill{border:1px solid #0000;border-radius:999px;padding:2px 8px;font-size:.7rem;line-height:1.4}.entity-status-pill.online{color:#a7f3c8;background:#4ade8026;border-color:#4ade8059}.entity-status-pill.offline{color:#fca5a5;background:#ef444426;border-color:#ef444459}[data-theme=light] .entity-status-pill.online{color:#15803d;border-color:#15803d59}[data-theme=light] .entity-status-pill.offline{color:#b91c1c;border-color:#b91c1c59}.fanout-detail{padding:1.5rem 2rem}.page-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.header-left h1{margin:0;font-size:1.125rem;font-weight:600}.page-icon{font-size:1.5rem}.page-icon.primary{color:var(--primary)}.icon-button{width:36px;height:36px;padding:var(--spacing-2);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.content-grid{flex-direction:column;gap:1.5rem;display:flex}.section-title{margin:0 0 .5rem;font-size:1rem;font-weight:600}.details-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width<=640px){.details-grid{grid-template-columns:1fr}}.detail-item{flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.detail-item.full-width{grid-column:span 2}@media (width<=640px){.detail-item.full-width{grid-column:span 1}}.detail-label{color:var(--text-tertiary);text-transform:uppercase;font-size:.75rem;font-weight:500}.detail-value{color:var(--text-primary);font-size:.875rem}.entity-list{margin:0;padding:0;list-style:none}.entity-list-item{border-bottom:1px solid var(--border);padding:.75rem 0}.entity-list-item:last-child{border-bottom:none}.entity-name{color:var(--text-primary);font-size:.875rem}.loading-skeleton{padding:1.5rem 2rem}.skeleton-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.skeleton-circle{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);background-size:200% 100%;border-radius:50%;width:40px;height:40px;animation:1.5s infinite skeleton-loading}.skeleton-text{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);background-size:200% 100%;width:200px;height:32px;animation:1.5s infinite skeleton-loading}.skeleton-card{border-radius:var(--radius-lg);background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);background-size:200% 100%;width:100%;height:300px;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.alert-backdrop{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.alert-modal{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;width:min(520px,100%);max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}.alert-modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.alert-modal-head h3{margin:0;font-size:1.05rem}.alert-modal-close{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;display:inline-flex}.alert-modal-body{flex-direction:column;gap:6px;padding:14px 18px;display:flex}.alert-modal-body label{color:var(--text-tertiary);margin-top:8px;font-size:.8rem}.alert-modal-body input,.alert-modal-body select{font:inherit;border:1px solid var(--border);background:var(--bg-secondary);color:inherit;border-radius:6px;padding:7px 10px}.alert-cond-row{grid-template-columns:1fr auto 1fr;gap:6px;display:grid}.alert-enabled{color:inherit;align-items:center;gap:6px;margin-top:12px;font-size:.9rem;display:flex}.alert-enabled input{width:auto}.alert-multiselect{border:1px solid var(--border,#ffffff24);border-radius:6px;max-height:168px;padding:4px;overflow-y:auto}.alert-ms-item{cursor:pointer;color:inherit;border-radius:4px;align-items:center;gap:8px;padding:5px 8px;font-size:.9rem;display:flex}.alert-ms-item:hover{background:var(--hover-bg,#ffffff0d)}.alert-ms-item input{width:auto}.alert-ms-empty{color:var(--text-muted,#8a8f98);padding:10px 8px;font-size:.85rem}.alert-modal-err{color:var(--error);background:#ef444429;border-radius:6px;margin:12px 18px 0;padding:8px 12px;font-size:.85rem}.alert-modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:14px 18px;display:flex}.alerts-empty{color:var(--text-tertiary);text-align:center;padding:24px}.alerts-list{flex-direction:column;gap:10px;display:flex}.alert-card{border:1px solid var(--border);background:var(--bg-primary);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.alert-card-title{align-items:center;gap:8px;display:flex}.alert-card-title .material-symbols-outlined{color:var(--primary)}.alert-card-meta{color:var(--text-tertiary);flex-wrap:wrap;gap:6px 14px;margin-top:4px;font-size:.82rem;display:flex}.alert-card-meta code{font-size:.8rem}.alert-card-actions{flex-shrink:0;gap:6px;display:flex}.insights-page{width:100%;min-height:100vh}.insights-content{padding:2rem}.insights-header-controls{align-items:center;gap:1rem;display:flex}.insights-last-updated{color:var(--text-tertiary);font-size:.8125rem}.insights-time-select{min-width:140px}.insights-time-select .form-select{background:var(--bg-secondary);border-color:var(--border)}.insights-card{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.insights-tabs-wrapper{border-bottom:1px solid var(--border);padding:0 1rem}.insights-chart-area{padding:1.5rem}.insights-summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.insights-summary-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;padding:1.25rem;transition:all .2s}.insights-summary-card:hover{background:var(--bg-secondary);box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-2px)}.insights-summary-card-label{color:var(--text-secondary);margin:0 0 .5rem;font-size:.875rem}.insights-summary-card-value{color:var(--text-primary);margin:0;font-size:1.375rem;font-weight:700}.insights-summary-card-subtitle{color:var(--text-tertiary);margin:.25rem 0 0;font-size:.75rem}.insights-data-usage{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.5rem}.insights-data-usage h3{color:var(--text-primary);margin:0 0 1rem;font-size:1.125rem;font-weight:600}.insights-data-usage-header{color:var(--text-secondary);justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;display:flex}.insights-progress-bar{background:var(--bg-tertiary);border-radius:5px;width:100%;height:10px;overflow:hidden}.insights-progress-fill{border-radius:5px;height:100%;transition:width .3s}.insights-progress-fill.normal{background:var(--primary)}.insights-progress-fill.warning{background:var(--warning)}.insights-progress-fill.error{background:var(--error)}.insights-data-usage-percent{text-align:center;margin-top:.5rem;font-size:.875rem}.insights-data-usage-percent.normal{color:var(--text-secondary)}.insights-data-usage-percent.warning{color:var(--warning)}.insights-data-usage-percent.error{color:var(--error)}.insights-error{margin-bottom:1rem}@media (width<=768px){.insights-content{padding:1.25rem}.insights-chart-area{padding:1rem}.insights-summary-grid{grid-template-columns:1fr 1fr}.insights-header-controls{flex-wrap:wrap;gap:.75rem}.insights-last-updated{display:none}}@media (width<=480px){.insights-summary-grid{grid-template-columns:1fr}}.invites-tab{padding:var(--spacing-4) 0}.invites-loading{padding:var(--spacing-8) 0;justify-content:center;display:flex}.invites-empty{align-items:center;gap:var(--spacing-2);padding:var(--spacing-8) 0;color:var(--text-muted);flex-direction:column;display:flex}.invites-empty-icon{opacity:.4;font-size:48px}.invites-error{padding:var(--spacing-3);background:var(--alpha-error-bg,#ef44441a);border:1px solid var(--danger,#ef4444);border-radius:var(--radius-md,8px);color:var(--danger,#ef4444);margin-bottom:var(--spacing-4);font-size:13px}.invites-list{gap:var(--spacing-3);flex-direction:column;display:flex}.invite-card{justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--surface,var(--bg-secondary));border:1px solid var(--border);border-radius:var(--radius-md,8px);display:flex}.invite-card-info{gap:var(--spacing-1);flex-direction:column;display:flex}.invite-card-account{align-items:center;gap:var(--spacing-2);color:var(--text);font-size:14px;display:flex}.invite-card-account .material-symbols-outlined{color:var(--text-muted);font-size:18px}.invite-card-details{align-items:center;gap:var(--spacing-2);color:var(--text-muted);font-size:12px;display:flex}.invite-role{background:var(--alpha-primary-bg,#3b82f61a);color:var(--primary,#3b82f6);text-transform:capitalize;border-radius:4px;padding:1px 8px;font-size:11px;font-weight:500}.invite-sep{background:var(--text-muted);border-radius:50%;width:3px;height:3px}.invite-card-actions{gap:var(--spacing-2);flex-shrink:0;display:flex}.invite-deny-btn{color:var(--danger,#ef4444)!important}.invites-snack{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md,8px);margin-bottom:var(--spacing-4);font-size:13px;display:flex}.invites-snack-success{background:var(--alpha-success-bg,#22c55e1a);border:1px solid var(--success,#22c55e);color:var(--success,#22c55e)}.invites-snack-error{background:var(--alpha-error-bg,#ef44441a);border:1px solid var(--danger,#ef4444);color:var(--danger,#ef4444)}.invites-snack .material-symbols-outlined{font-size:18px}.invites-snack-close{cursor:pointer;color:inherit;background:0 0;border:none;margin-left:auto;padding:0;display:flex}.invites-snack-close .material-symbols-outlined{font-size:16px}.profile-page .page-content{padding:2rem}.profile-card{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.loading-container{justify-content:center;align-items:center;height:100vh;display:flex}.tab-content{padding:1.5rem}.tab-header{justify-content:flex-end;gap:.5rem;margin-bottom:1.5rem;display:flex}.form-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (width<=768px){.form-grid{grid-template-columns:1fr}}.form-column{flex-direction:column;gap:1rem;display:flex}.form-label{color:var(--text-primary);font-size:.875rem;font-weight:500}.helper-text{color:var(--text-tertiary);margin-top:.25rem;font-size:.75rem}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon .input{padding-right:2.5rem}.input-icon{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.25rem;position:absolute;right:.5rem}.input-icon:hover{color:var(--text-primary)}.icon-button{width:36px;height:36px;padding:var(--spacing-2);cursor:pointer;color:var(--text-primary);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.icon-button:hover{color:var(--text-primary)}.divider{border:none;border-top:1px solid var(--border);margin:1rem 0}.text-italic{font-style:italic}.mb-2{margin-bottom:.5rem}.mt-2{margin-top:.5rem}.info-card{background-color:var(--bg-secondary)}.info-card h3{margin-bottom:.5rem;font-size:1rem;font-weight:600}.usage-bar{margin-bottom:2rem}.usage-labels{color:var(--text-tertiary);justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;display:flex}.usage-percentage{text-align:center;color:var(--text-tertiary);margin-top:.5rem;font-size:.875rem}.usage-percentage.warning{color:var(--warning)}.usage-percentage.error{color:var(--error)}.password-strength{margin-bottom:1rem}.strength-labels{justify-content:space-between;margin-bottom:.25rem;font-size:.75rem;display:flex}.strength-labels .error{color:var(--error)}.strength-labels .warning{color:var(--warning)}.strength-labels .success{color:var(--success)}.button-group{gap:.75rem;margin-top:1rem;display:flex}ul{margin:.5rem 0;padding-left:1.5rem}ul li{margin-bottom:.25rem}.product-switcher{border:1px solid var(--border);border-radius:var(--radius-md);gap:0;width:fit-content;margin-bottom:1.5rem;display:flex;overflow:hidden}.product-switch-btn{background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.product-switch-btn:not(:last-child){border-right:1px solid var(--border)}.product-switch-btn.active{background:var(--primary);color:#fff}.product-switch-btn:hover:not(.active){background:var(--bg-tertiary)}.product-switch-btn .material-symbols-outlined{font-size:1.125rem}.product-tab-switcher{background:var(--bg-tertiary);border-radius:var(--radius-md);gap:0;width:fit-content;margin-top:1rem;margin-bottom:1.5rem;padding:3px;display:flex}.product-tab-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.product-tab-btn .material-symbols-outlined{font-size:1.125rem}.product-tab-btn:hover{color:var(--text-primary)}.product-tab-btn.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.plans-container{margin-top:1.5rem}.product-plans-section{flex-direction:column;gap:1.5rem;display:flex}.product-plans-section>.MuiCard-root{flex-direction:column;display:flex}.product-plans-section h3{margin:0;font-size:1.25rem;font-weight:600}.product-plans-section h4{margin:0 0 .75rem;font-size:1rem;font-weight:500}.data-addon-card:before{background:#3b82f6!important}.plan-view{animation:.15s fadeIn}.plan-badge-row{align-items:center;gap:.75rem;margin:.5rem 0;display:flex}.plan-tier-badge{border-radius:var(--radius-md);text-transform:capitalize;background:var(--bg-tertiary);color:var(--text-primary);align-items:center;padding:.375rem .875rem;font-size:.875rem;font-weight:600;display:inline-flex}.plan-tier-badge.free{background:var(--bg-tertiary)}.plan-tier-badge.starter{color:#3b82f6;background:#3b82f61a}.plan-tier-badge.standard{color:#10b981;background:#10b9811a}.plan-tier-badge.pro{color:#5b80f0;background:#8b5cf61a}.plan-status-text{color:var(--text-tertiary);text-transform:capitalize;font-size:.875rem}.plan-limits-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;margin:.75rem 0;display:grid}@media (width<=600px){.plan-limits-grid{grid-template-columns:1fr}}.plan-limit-item{background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border);flex-direction:column;gap:.25rem;padding:.5rem;display:flex}.plan-limit-value{color:var(--text-primary);font-size:1rem;font-weight:600}.plan-limit-label{color:var(--text-tertiary);font-size:.75rem}.plan-actions{align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.btn-link-danger{color:var(--error,#ef4444);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:.25rem 0;font-size:.8125rem;font-weight:500;text-decoration:underline;transition:color .2s}.btn-link-danger:hover:not(:disabled){color:#dc2626}.btn-link-danger:disabled{opacity:.5;cursor:not-allowed}.plan-card-enhanced{transition:all .2s;position:relative;overflow:hidden;border:2px solid var(--border)!important}.plan-card-enhanced:before{content:"";background:var(--border);width:4px;height:100%;transition:all .2s;position:absolute;top:0;left:0}.plan-card-enhanced:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary)!important}.plan-card-enhanced:hover:before{background:var(--primary);width:4px}.plan-card-enhanced[data-plan-tier=starter]:before{background:#3b82f6}.plan-card-enhanced[data-plan-tier=starter]:hover{box-shadow:0 4px 12px #3b82f633;border-color:#3b82f6!important}.plan-card-enhanced[data-plan-tier=standard]:before{background:#10b981}.plan-card-enhanced[data-plan-tier=standard]:hover{box-shadow:0 4px 12px #10b98133;border-color:#10b981!important}.plan-card-enhanced[data-plan-tier=pro]:before{background:#5b80f0}.plan-card-enhanced[data-plan-tier=pro]:hover{box-shadow:0 4px 12px #8b5cf633;border-color:#5b80f0!important}.plan-limit-details{border-top:1px solid var(--border);flex:1;margin-top:.5rem;padding-top:.5rem}.plan-limit-detail-item{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.875rem;line-height:1.4;display:flex}.plan-limit-detail-item .material-symbols-outlined{flex-shrink:0;justify-content:center;align-items:center;width:1.125rem;height:1.125rem;font-size:1.125rem;display:flex}.plan-card-enhanced{flex-direction:column;height:auto;min-height:0;display:flex}.plan-card-enhanced .MuiCardContent-root{flex-direction:column;flex:1;height:100%;display:flex;padding:1rem!important}.plan-card-enhanced .MuiCardContent-root>div{flex-direction:column;flex:1;height:100%;display:flex}.plan-card-enhanced .MuiCardContent-root>div>div:first-child{flex:1;margin-bottom:.75rem}.plan-card-enhanced .MuiCardContent-root>div>div:last-child{justify-content:flex-end;margin-top:auto;display:flex}.available-plans{min-height:50px;margin-top:.5rem}.available-plans h4{margin:0 0 .75rem;font-size:.9375rem;font-weight:600}.available-plans-list{visibility:visible!important;opacity:1!important;grid-template-columns:repeat(auto-fill,minmax(200px,280px))!important;grid-auto-rows:auto!important;gap:.75rem!important;display:grid!important}.available-plan-card{background:var(--bg-secondary);border:2px solid var(--border);border-left:4px solid var(--border);border-radius:.5rem;flex-direction:column;padding:1rem;transition:all .2s;position:relative;overflow:visible;visibility:visible!important;opacity:1!important;height:auto!important;min-height:0!important;display:flex!important}.available-plan-card.current-plan{border-color:var(--primary);border-left-color:var(--primary)}.available-plan-card .current-plan-badge{background:var(--primary);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:.25rem .75rem;font-size:.6875rem;font-weight:600;position:absolute;top:-10px;right:1rem;box-shadow:0 2px 4px #0003}.available-plan-card:hover{border-color:var(--primary);border-left-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.available-plan-card[data-plan-tier=starter]{border-left-color:#3b82f6}.available-plan-card[data-plan-tier=starter]:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633}.available-plan-card[data-plan-tier=standard]{border-left-color:#10b981}.available-plan-card[data-plan-tier=standard]:hover{border-color:#10b981;box-shadow:0 4px 12px #10b98133}.available-plan-card[data-plan-tier=pro]{border-left-color:#5b80f0}.available-plan-card[data-plan-tier=pro]:hover{border-color:#5b80f0;box-shadow:0 4px 12px #8b5cf633}.available-plan-info{flex-direction:column;flex:1;gap:.375rem;margin-bottom:.75rem;display:flex}.available-plan-info strong,.available-plan-price{color:var(--text-primary);font-size:1rem;font-weight:600}.available-plan-limits{border-top:1px solid var(--border);flex-direction:column;flex:1;gap:.375rem;margin-top:.5rem;padding-top:.5rem;display:flex}.available-plan-limit-item{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.875rem;line-height:1.4;display:flex}.available-plan-card .btn-secondary{align-self:flex-end;margin-top:auto}.available-plan-limit-item .limit-icon{flex-shrink:0;justify-content:center;align-items:center;width:1.125rem;height:1.125rem;font-size:1.125rem;display:flex}.data-addon-card{border-left-color:#3b82f6!important}.plan-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;height:auto;min-height:200px;padding:1.25rem;display:flex}.plan-card h4{margin:0 0 .75rem;font-size:1rem;font-weight:600}.usage-bar-mini{margin:1rem 0}.usage-bar-track{background:var(--bg-tertiary);border-radius:3px;height:6px;overflow:hidden}.usage-bar-fill{background:var(--primary);border-radius:3px;height:100%;transition:width .3s}.usage-bar-fill.warning{background:var(--warning)}.usage-bar-fill.danger{background:var(--error)}.usage-bar-label{color:var(--text-tertiary);margin-top:.375rem;font-size:.75rem;display:block}.usage-breakdown-info{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:.75rem;padding:.75rem}.usage-breakdown-title{color:var(--text-secondary);align-items:center;margin:0 0 .5rem;font-size:.8125rem;font-weight:600;display:flex}.usage-breakdown-list{grid-template-columns:1fr 1fr;gap:.375rem 1rem;margin:0;padding:0;list-style:none;display:grid}.usage-breakdown-list li{color:var(--text-secondary);align-items:center;gap:.375rem;font-size:.75rem;line-height:1.4;display:flex}.usage-item-icon{color:var(--text-tertiary);flex-shrink:0;font-size:.875rem}.usage-breakdown-note{color:var(--text-tertiary);margin:.5rem 0 0;font-size:.75rem}@media (width<=600px){.usage-breakdown-list{grid-template-columns:1fr}}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.enterprise-callout{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);align-items:flex-start;gap:.75rem;margin-top:1.5rem;padding:1rem;display:flex}.enterprise-callout>.material-symbols-outlined{color:var(--primary);flex-shrink:0;font-size:1.5rem}.enterprise-callout-content strong{color:var(--text-primary);margin-bottom:.25rem;font-size:.9375rem;display:block}.enterprise-callout-content p{color:var(--text-secondary);margin:0;font-size:.8125rem;line-height:1.4}.enterprise-callout-content a{color:var(--primary);font-weight:500;text-decoration:none}.enterprise-callout-content a:hover{text-decoration:underline}.bundle-discount-banner{border-radius:var(--radius-md);background:#10b98114;border:1px solid #10b9814d;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:1rem;display:flex}.bundle-discount-banner>.material-symbols-outlined{color:#10b981;flex-shrink:0;font-size:1.5rem}.bundle-discount-content strong{color:var(--text-primary);margin-bottom:.25rem;font-size:.9375rem;display:block}.bundle-discount-content p{color:var(--text-secondary);margin:0;font-size:.8125rem;line-height:1.4}.bundle-discount-banner.subtle{background:var(--bg-secondary);border-color:var(--border)}.bundle-discount-banner.subtle>.material-symbols-outlined{color:var(--text-secondary)}.services-builder{width:100%;padding:0}.builder-content{flex-direction:column;gap:1.5rem;display:flex}.section-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);box-shadow:none;margin-bottom:1.5rem;overflow:visible}.section-card:last-child{margin-bottom:0}.section-card .card-content{background:var(--bg-primary);padding:1.5rem}.section-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.section-header h3{color:var(--text-primary);flex:1;align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:600;display:flex}.section-header .material-symbols-outlined{color:var(--primary);font-size:1.25rem}.header-actions{align-items:center;gap:.5rem;display:flex}.form-grid{gap:1.5rem;display:grid}.form-grid.cols-2{grid-template-columns:repeat(2,1fr)}.form-grid.cols-3{grid-template-columns:repeat(3,1fr)}@media (width<=768px){.form-grid.cols-2,.form-grid.cols-3{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:600;line-height:1.4}.textarea,textarea.input,textarea.form-input{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);background:var(--bg-primary);resize:vertical;min-height:80px;transition:all var(--duration-normal) ease;font-family:inherit;font-size:.875rem;line-height:1.5}.textarea:hover:not(:disabled),textarea.input:hover:not(:disabled),textarea.form-input:hover:not(:disabled){border-color:var(--border-hover);background:var(--bg-primary)}.textarea:focus,textarea.input:focus,textarea.form-input:focus{border-color:var(--primary);background:var(--bg-primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.textarea:disabled,textarea.input:disabled,textarea.form-input:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary)}.textarea::placeholder,textarea.input::placeholder,textarea.form-input::placeholder{color:var(--text-tertiary)}.helper-text{color:var(--text-secondary);margin-top:.25rem;font-size:.8125rem;line-height:1.4}.error-text{color:var(--error);margin-top:.25rem;font-size:.8125rem;line-height:1.4}.hint-text{color:var(--text-secondary);margin-top:.25rem;font-size:.75rem;line-height:1.4}.icon-button{padding:var(--spacing-2);border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-button:hover{background-color:var(--bg-hover);color:var(--text-primary)}.icon-button.danger:hover{color:var(--error);background-color:#ef44441a}.icon-button .material-symbols-outlined{color:inherit;font-size:1.25rem}.empty-state{text-align:center;color:var(--text-tertiary);flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.empty-state .material-symbols-outlined{opacity:.5;font-size:3rem}.actions-list{flex-direction:column;gap:1rem;display:flex}.action-card{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.action-header{background-color:var(--bg-secondary);cursor:pointer;align-items:center;gap:.75rem;padding:.875rem 1rem;transition:background-color .2s;display:flex}.action-header:hover{background-color:var(--bg-tertiary)}.action-name{color:var(--text-primary);flex:1;font-size:.9375rem;font-weight:600}.action-badges{gap:.5rem;display:flex}.action-content{border-top:1px solid var(--border);background:var(--bg-primary);padding:1.25rem}.subsection{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1rem}.subsection-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.subsection h4{color:var(--text-primary);margin:0 0 .75rem;font-size:.875rem;font-weight:600}.chips-list{flex-wrap:wrap;gap:.5rem;display:flex}.chip-remove{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;margin-left:.25rem;padding:0;display:flex}.chip-remove:hover{opacity:1}.chip-remove .material-symbols-outlined{font-size:1rem}.rules-list{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.rule-item{background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border);justify-content:space-between;align-items:center;padding:.875rem 1rem;display:flex}.rule-summary{flex:1}.rule-message{color:var(--text-tertiary);margin-top:.25rem;font-size:.75rem;font-style:italic;display:block}.rule-actions{gap:.25rem;display:flex}.add-rule-form{background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border);padding:1.25rem}.add-rule-form h5{color:var(--text-primary);margin:0 0 1rem;font-size:.875rem;font-weight:600}.form-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.builder-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem;padding-top:1rem;padding-bottom:1.5rem;display:flex}.json-mode{flex-direction:column;gap:1rem;display:flex}.editable-json-indicator{border-radius:var(--radius-sm);border:1px solid var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent);width:fit-content;color:var(--primary);letter-spacing:.02em;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.editable-json-indicator .material-symbols-outlined{font-size:.9375rem}.json-mode .form-textarea.code-editor:not(:disabled){background:linear-gradient(to right, color-mix(in srgb, var(--primary) 16%, transparent) 0 6px, transparent 6px 100%), var(--bg-secondary);border:1px solid var(--primary);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 24%, transparent)}.json-mode .form-textarea.code-editor:not(:disabled):focus{background:linear-gradient(to right, color-mix(in srgb, var(--primary) 22%, transparent) 0 6px, transparent 6px 100%), var(--bg-primary)}.dialog-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;display:flex}.chip-inline-input{border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-primary);background:0 0;outline:none;min-width:120px;max-width:200px;padding:.25rem .5rem;font-family:inherit;font-size:.8125rem;transition:border-color .2s}.chip-inline-input:focus{border-color:var(--primary);border-style:solid}.chip-inline-input::placeholder{color:var(--text-tertiary)}.rule-advanced{margin-top:.75rem}.rule-advanced .form-group{max-width:50%}.rule-advanced .form-label{align-items:center;gap:.5rem;display:flex}.inline-link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.8125rem;text-decoration:none}.inline-link:hover{text-decoration:underline}.tag-impact{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border);align-items:flex-start;gap:.5rem;margin-top:.75rem;padding:.625rem .75rem;font-size:.8125rem;display:flex}.tag-impact-icon{color:var(--text-secondary);flex-shrink:0;margin-top:.125rem;font-size:1rem}.tag-impact-content{flex-direction:column;flex:1;gap:.375rem;min-width:0;display:flex}.tag-impact-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.tag-impact-label{color:var(--text-secondary);white-space:nowrap;font-size:.75rem;font-weight:600}.tag-impact-badges{flex-wrap:wrap;gap:.25rem;display:flex}.tag-impact-link{cursor:pointer;text-decoration:none}.tag-impact-link:hover .badge{filter:brightness(1.2)}.rule-summary{flex-wrap:wrap;align-items:center;gap:.35rem;display:inline-flex}.rule-summary-op{color:var(--text-secondary);align-items:center;gap:.25rem;display:inline-flex}.rule-summary-icon{color:var(--primary);font-size:.875rem}.time-range-picker{align-items:flex-end;gap:.5rem;display:flex}.time-range-picker .form-group{flex:1;min-width:0}.time-range-picker .time-range-arrow{color:var(--text-tertiary);padding-bottom:.625rem;font-size:1.125rem}.time-range-picker .form-label{align-items:center;gap:.5rem;display:flex}.time-range-format{color:var(--text-tertiary);background:var(--bg-secondary);border:1px solid var(--border);letter-spacing:.02em;border-radius:3px;padding:.1rem .4rem;font-size:.6875rem;font-weight:400}.time-range-input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:var(--bg-primary);transition:all var(--duration-normal) ease;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;padding:.5rem .75rem;font-family:inherit;font-size:.8125rem}.time-range-input:hover{border-color:var(--border-hover);background:var(--bg-secondary)}.time-range-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.time-range-input::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}[data-theme=light] .time-range-input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=light] .time-range-input::-webkit-calendar-picker-indicator{filter:none}.text-muted{color:var(--text-tertiary);font-size:.875rem}.service-analytics{width:100%;margin-bottom:1.5rem}.analytics-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.header-left{align-items:center;gap:.75rem;display:flex}.header-left h2{margin:0;font-size:1.25rem;font-weight:600}.header-left .material-symbols-outlined.primary{color:var(--primary);font-size:1.5rem}.header-right{align-items:center;gap:1rem;display:flex}.last-updated{color:var(--text-tertiary);font-size:.875rem}.icon-button{border-radius:var(--radius-md);width:36px;height:36px;color:var(--primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-button .material-symbols-outlined{color:inherit;font-size:1.25rem}.icon-button:hover:not(:disabled){background-color:var(--primary);color:#fff}.icon-button:disabled{opacity:.5;cursor:not-allowed}.loading-container{justify-content:center;padding:2rem;display:flex}.mb-3{margin-bottom:1.5rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-card.success:hover{border-color:var(--success)}.stat-card.error:hover{border-color:var(--error)}.stat-content{justify-content:space-between;align-items:center;display:flex}.stat-info{flex-direction:column;gap:.25rem;display:flex}.stat-label{color:var(--text-tertiary);font-size:.875rem}.stat-value{color:var(--text-primary);font-size:1.375rem;font-weight:600}.stat-value.success{color:var(--success)}.stat-value.error{color:var(--error)}.stat-subtitle{color:var(--text-tertiary);font-size:.75rem}.stat-trend{align-items:center;gap:.25rem;display:flex}.stat-trend .material-symbols-outlined{font-size:1rem}.stat-trend .success{color:var(--success)}.stat-trend .error{color:var(--error)}.trend-text{color:var(--text-tertiary);font-size:.75rem}.stat-icon{opacity:.8;font-size:2rem}.stat-icon.primary{color:var(--primary)}.stat-icon.success{color:var(--success)}.stat-icon.error{color:var(--error)}.card-title{margin:0 0 .5rem;font-size:1rem;font-weight:600}.card-subtitle{color:var(--text-tertiary);margin-bottom:1rem;font-size:.875rem}.table-container{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);padding:.75rem 1rem}.data-table th{background-color:var(--bg-secondary);text-transform:uppercase;color:var(--text-secondary);font-size:.75rem;font-weight:600}.data-table tbody tr:hover{background-color:var(--bg-secondary)}.data-table tbody tr:last-child td{border-bottom:none}.text-right{text-align:right}.rule-name{font-weight:500;display:block}.rule-message{color:var(--text-tertiary);margin-top:.25rem;font-size:.75rem;display:block}.expected-value{font-size:.8125rem}.text-muted{color:var(--text-tertiary)}.dashboard-grid{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.widget-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;min-height:220px;padding:14px 16px 12px;display:flex}.widget-size-s{grid-column:span 2}.widget-size-m{grid-column:span 3}.widget-size-l{grid-column:span 6}@media (width<=1100px){.widget-size-s,.widget-size-m{grid-column:span 3}}@media (width<=720px){.dashboard-grid{grid-template-columns:1fr}.widget-size-s,.widget-size-m,.widget-size-l{grid-column:span 1}}.widget-drag-target{outline:2px dashed var(--primary);outline-offset:2px}.widget-card-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.widget-card-titles{flex-direction:column;gap:2px;min-width:0;display:flex}.widget-card-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.widget-card-subtitle{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.widget-card-controls{flex-shrink:0;gap:2px;display:flex}.widget-icon-btn{cursor:pointer;color:var(--text-tertiary);border-radius:var(--radius-md);background:0 0;border:none;align-items:center;padding:2px;display:flex}.widget-icon-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.widget-icon-btn:focus-visible{outline:2px solid var(--primary)}.widget-icon-danger:hover{color:var(--error)}.widget-icon-btn .material-symbols-outlined{font-size:18px}.widget-size-btn{border:1px solid var(--border);justify-content:center;min-width:22px;font-size:.7rem;font-weight:700}.widget-card-body{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex}.widget-card-body>div{width:100%;height:100%}.widget-card-warning{color:var(--warning);background:color-mix(in srgb, var(--warning) 10%, transparent);border-radius:var(--radius-md);margin-bottom:8px;padding:6px 10px;font-size:.75rem}.widget-empty,.widget-error{height:100%;min-height:80px;color:var(--text-tertiary);text-align:center;justify-content:center;align-items:center;font-size:.8rem;display:flex}.widget-error{color:var(--error)}.stat-widget{text-align:left;flex-direction:column;height:100%;display:flex}.stat-widget-value{color:var(--text-primary);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:2rem;font-weight:700;line-height:1.1}.stat-widget-unit{color:var(--text-tertiary);margin-left:6px;font-size:.8rem;font-weight:400}.stat-widget-range{color:var(--text-tertiary);margin-top:2px;font-size:.72rem}.stat-widget-spark{flex:auto;min-height:36px;margin-top:10px}.status-widget-row{align-items:center;gap:10px;display:flex}.status-widget-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.status-good{background:var(--success)}.status-warn{background:var(--warning)}.status-bad{background:var(--error)}.status-unknown{background:var(--text-tertiary)}.status-widget-value{color:var(--text-primary);overflow-wrap:anywhere;font-size:1.5rem;font-weight:650}.status-widget-time,.status-widget-note{color:var(--text-tertiary);margin-top:4px;font-size:.72rem}.status-widget-note{color:var(--warning)}.validation-widget,.liveness-widget,.devicehealth-widget{flex-direction:column;height:100%;display:flex}.validation-widget-headline,.liveness-widget-headline,.devicehealth-widget-headline{align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.validation-widget-rate,.liveness-widget-age{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}.validation-widget-detail,.liveness-widget-detail{color:var(--text-tertiary);font-size:.75rem}.devicehealth-widget-headline span{color:var(--text-secondary);font-size:.85rem;font-weight:600}.validation-widget-chart,.liveness-widget-chart,.devicehealth-widget-chart{flex:1;min-height:0}.add-widget-form{flex-direction:column;gap:14px;display:flex}.add-widget-row{flex-direction:column;gap:6px;display:flex}.add-widget-label{color:var(--text-secondary);font-size:.78rem;font-weight:600}.add-widget-catalog{border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:4px;max-height:260px;padding:6px;display:flex;overflow-y:auto}.add-widget-field{border-radius:var(--radius-md);cursor:pointer;text-align:left;color:var(--text-primary);background:0 0;border:1px solid #0000;grid-template-columns:minmax(120px,auto) auto 1fr;align-items:center;gap:10px;padding:7px 10px;display:grid}.add-widget-field:hover{background:var(--bg-tertiary)}.add-widget-field:focus-visible{outline:2px solid var(--primary)}.add-widget-field.active{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, transparent)}.add-widget-field-name{font-size:.82rem;font-weight:600;font-family:var(--font-mono,monospace)}.add-widget-ambiguous{color:var(--warning);margin-left:4px}.add-widget-field-hint{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.add-widget-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.dashboards-list-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.dashboard-list-card{cursor:pointer}.dashboard-list-card .dashboard-list-meta{color:var(--text-tertiary);margin-top:6px;font-size:.75rem}.dashboard-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dashboard-toolbar-spacer{flex:1}.dashboard-clamp-note{color:var(--text-tertiary);font-size:.75rem}.dashboard-empty-state{border:1px dashed var(--border);border-radius:var(--radius-lg);text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.audit-log-page{padding:24px}.audit-log-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.audit-log-header h2{margin:0 0 4px;font-size:1.125rem;font-weight:600}.audit-log-subtitle{color:var(--text-secondary);margin:0 0 20px;font-size:.875rem}.audit-log-filters{align-items:center;gap:12px;margin-bottom:16px;display:flex}.audit-filter-select{min-width:160px}.audit-refresh-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;padding:6px;transition:background .15s;display:flex}.audit-refresh-btn:hover{background:var(--bg-secondary)}.audit-log-loading{justify-content:center;padding:48px 0;display:flex}.audit-log-empty{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:64px 0;display:flex}.audit-log-empty .material-symbols-outlined{opacity:.5;margin-bottom:12px;font-size:48px}.audit-log-table-wrapper{overflow-x:auto}.audit-time{white-space:nowrap;color:var(--text-secondary);font-size:.8rem}.audit-user{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.audit-action-badge{color:#fff;text-transform:uppercase;letter-spacing:.03em;border-radius:12px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-block}.audit-resource-type{text-transform:capitalize}.audit-resource-name{font-family:var(--font-mono,monospace);text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-size:.8rem;overflow:hidden}.audit-log-upgrade{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:80px 24px;display:flex}.audit-log-upgrade .upgrade-icon{opacity:.5;margin-bottom:16px;font-size:48px}.audit-log-upgrade h3{color:var(--text-primary);margin:0 0 8px;font-size:1.25rem;font-weight:600}.audit-log-upgrade p{max-width:400px;margin:0 0 24px;line-height:1.5}