html,body,#root{height:100%}body{margin:0;padding:0;font-family:ui-sans-serif,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text-primary);background:var(--bg-page);transition:background-color .2s ease,color .2s ease}:root{--bg-page: #fafafa;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-hover: #f3f4f6;--bg-active: #e5e7eb;--text-primary: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--text-on-brand: #111827;--border-primary: #e5e7eb;--border-secondary: #d1d5db;--border-focus: #f59e0b;--brand: #ffcc00;--brand-hover: #ffd633;--brand-active: #e0b700;--brand-border: #d4af00;--primary: #f59e0b;--primary-hover: #d97706;--primary-active: #b45309;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--info: #3b82f6;--submittal-approved-bg: #f0fdf4;--submittal-approved-text: #166534;--submittal-pending-bg: #fffbea;--submittal-pending-text: #854d0e;--selected-bg: #fff3cd;--selected-text: #111827;--selected-bg-alt: #dbeafe;--selected-text-alt: #1e40af;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--ring: 0 0 0 3px rgba(245, 158, 11, .3);--radius: 10px;--transition: .2s ease;--divider: #e5e7eb}[data-theme=dark]{--bg-page: #0f172a;--bg-primary: #1e293b;--bg-secondary: #334155;--bg-hover: #475569;--bg-active: #64748b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-on-brand: #0f172a;--border-primary: #334155;--border-secondary: #475569;--border-focus: #fbbf24;--brand: #fbbf24;--brand-hover: #fcd34d;--brand-active: #f59e0b;--brand-border: #d97706;--primary: #fbbf24;--primary-hover: #fcd34d;--primary-active: #fde68a;--success: #34d399;--error: #f87171;--warning: #fbbf24;--info: #60a5fa;--submittal-approved-bg: #064e3b;--submittal-approved-text: #86efac;--submittal-pending-bg: #422006;--submittal-pending-text: #fde68a;--selected-bg: #854d0e;--selected-text: #fef3c7;--selected-bg-alt: #1e40af;--selected-text-alt: #dbeafe;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--ring: 0 0 0 3px rgba(251, 191, 36, .3);--divider: #475569}.container{padding:24px}.card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:all var(--transition)}.section{padding:16px}.section-title{margin:0 0 8px;font-size:18px;color:var(--text-primary)}.muted{color:var(--text-muted)}.input{border:1px solid var(--border-primary);border-radius:8px;padding:8px 10px;background:var(--bg-primary);color:var(--text-primary);transition:all var(--transition)}.input:focus{outline:none;box-shadow:var(--ring);border-color:var(--border-focus)}.input::placeholder{color:var(--text-muted)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=color],textarea,select{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-primary)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,textarea:focus,select:focus{border-color:var(--border-focus)}.dark-mode-select .ant-select-dropdown{background:var(--bg-primary)!important}.dark-mode-select .ant-select-item{background:var(--bg-primary)!important;color:var(--text-primary)!important}.dark-mode-select .ant-select-item-option-active{background:var(--bg-hover)!important}.dark-mode-select .ant-select-item-option-selected{background:var(--selected-bg)!important;color:var(--selected-text)!important}.dark-mode-select .ant-select-item-option-content{color:var(--text-primary)!important}[data-theme=dark] .ant-table{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .ant-table-thead>tr>th{background:var(--bg-secondary);color:var(--text-primary);border-bottom:1px solid var(--border-primary)}[data-theme=dark] .ant-table-thead>tr>th .ant-table-column-title{color:var(--text-primary)}[data-theme=dark] .ant-table-thead>tr>th .ant-table-column-sorter{color:var(--text-secondary)}[data-theme=dark] .ant-table-thead>tr>th.ant-table-column-sort{background:var(--bg-hover)}[data-theme=dark] .ant-table-thead>tr>th.ant-table-column-has-sorters:hover{background:var(--bg-hover)}[data-theme=dark] .ant-table-column-sorter-up.active,[data-theme=dark] .ant-table-column-sorter-down.active{color:var(--primary)}[data-theme=dark] .ant-table-tbody>tr>td{border-bottom:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .ant-table-tbody>tr:hover>td{background:var(--bg-hover)}[data-theme=dark] .ant-table-tbody>tr.ant-table-row-selected>td{background:var(--selected-bg-alt)}[data-theme=dark] .ant-tabs-tab{color:var(--text-secondary)}[data-theme=dark] .ant-tabs-tab-active{color:var(--primary)}[data-theme=dark] .ant-tabs-ink-bar{background:var(--primary)}[data-theme=dark] .ant-tabs-nav:before{border-bottom-color:var(--border-primary)}[data-theme=dark] .ant-select-selector{background:var(--bg-primary)!important;border-color:var(--border-primary)!important;color:var(--text-primary)!important}[data-theme=dark] .ant-select-selection-item{color:var(--text-primary)!important}[data-theme=dark] .ant-select-selection-placeholder{color:var(--text-muted)!important}[data-theme=dark] .ant-select-arrow{color:var(--text-secondary)!important}[data-theme=dark] .ant-input{background:var(--bg-primary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .ant-input::placeholder{color:var(--text-muted)}[data-theme=dark] .ant-picker{background:var(--bg-primary);border-color:var(--border-primary)}[data-theme=dark] .ant-picker-input>input{color:var(--text-primary)}[data-theme=dark] .ant-picker-suffix{color:var(--text-secondary)}[data-theme=dark] .ant-form-item-label>label{color:var(--text-primary)}[data-theme=dark] .ant-btn-default{background:var(--bg-primary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .ant-btn-default:hover{background:var(--bg-hover);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .ant-pagination-item{background:var(--bg-primary);border-color:var(--border-primary)}[data-theme=dark] .ant-pagination-item a{color:var(--text-primary)}[data-theme=dark] .ant-pagination-item-active{background:var(--primary);border-color:var(--primary)}[data-theme=dark] .ant-pagination-item-active a{color:var(--text-on-brand)}[data-theme=dark] .ant-select-dropdown{background:var(--bg-primary);border:1px solid var(--border-primary)}[data-theme=dark] .ant-select-item{color:var(--text-primary)}[data-theme=dark] .ant-select-item-option-active:not(.ant-select-item-option-disabled){background:var(--bg-hover)}[data-theme=dark] .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:var(--selected-bg);color:var(--selected-text)}[data-theme=dark] .ant-picker-dropdown{background:var(--bg-primary);border:1px solid var(--border-primary)}[data-theme=dark] .ant-picker-panel-container{background:var(--bg-primary)}[data-theme=dark] .ant-picker-header{color:var(--text-primary);border-bottom-color:var(--border-primary)}[data-theme=dark] .ant-picker-content th,[data-theme=dark] .ant-picker-cell{color:var(--text-primary)}[data-theme=dark] .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner{background:var(--primary);color:var(--text-on-brand)}[data-theme=dark] .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before{border-color:var(--primary)}[data-theme=dark] .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end) .ant-picker-cell-inner{background:var(--bg-hover)}[data-theme=dark] .ant-table-expanded-row>td{background:var(--bg-secondary)}.label{color:var(--text-primary);font-weight:500;font-size:14px}.btn{padding:8px 12px;border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-primary);border-radius:8px;cursor:pointer;transition:all var(--transition);font-weight:500}.btn:hover{background:var(--bg-hover);box-shadow:var(--shadow-sm)}.btn:active{transform:translateY(1px);background:var(--bg-active)}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--text-on-brand)}.btn.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn.primary:active{background:var(--primary-active)}.icon-btn{padding:6px;line-height:0;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer;color:var(--text-secondary);transition:all var(--transition)}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--brand);border-bottom:1px solid var(--brand-border);color:var(--text-on-brand)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--border-primary);color:var(--text-primary)}.table th{font-weight:600;color:var(--text-secondary)}.table tbody tr{transition:background-color var(--transition)}.table tbody tr:hover{background:var(--bg-hover)}.ant-table-wrapper .ant-table{background:transparent!important;color:var(--text-primary)!important}.ant-table-wrapper .ant-table-thead>tr>th{background:var(--bg-secondary)!important;color:var(--text-secondary)!important;border-bottom:1px solid var(--border-primary)!important}.ant-table-wrapper .ant-table-tbody>tr>td{background:transparent!important;color:var(--text-primary)!important;border-bottom:1px solid var(--border-primary)!important}.ant-table-wrapper .ant-table-tbody>tr:hover>td{background:var(--bg-hover)!important}.ant-table-wrapper .ant-table-placeholder{background:transparent!important;color:var(--text-secondary)!important}.ant-table-wrapper .ant-empty-description{color:var(--text-secondary)!important}.ant-checkbox-wrapper{color:var(--text-primary)!important}.ant-checkbox-inner{background-color:var(--bg-primary)!important;border-color:var(--border-primary)!important}.ant-checkbox-checked .ant-checkbox-inner{background-color:var(--primary)!important;border-color:var(--primary)!important}.ant-btn-default{background:var(--bg-primary)!important;border-color:var(--border-primary)!important;color:var(--text-primary)!important}.ant-btn-default:hover{background:var(--bg-hover)!important;border-color:var(--border-secondary)!important;color:var(--text-primary)!important}.ant-btn-primary{background:var(--primary)!important;border-color:var(--primary)!important;color:var(--text-on-brand)!important}.ant-btn-primary:hover{background:var(--primary-hover)!important;border-color:var(--primary-hover)!important;color:var(--text-on-brand)!important}.ant-btn-dangerous{background:var(--error)!important;border-color:var(--error)!important;color:#fff!important}.ant-btn-dangerous:hover{background:#dc2626!important;border-color:#dc2626!important}.ant-select-selector{background-color:var(--bg-primary)!important;border-color:var(--border-primary)!important;color:var(--text-primary)!important}.ant-select-arrow{color:var(--text-secondary)!important}.ant-select-dropdown{background-color:var(--bg-primary)!important}.ant-select-item{color:var(--text-primary)!important}.ant-select-item-option-selected,.ant-select-item-option-active{background-color:var(--bg-hover)!important}.ant-popover-inner{background-color:var(--bg-primary)!important;color:var(--text-primary)!important}.ant-popover-arrow-content{background-color:var(--bg-primary)!important}.ant-popover-message-title{color:var(--text-primary)!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}.distribution-list-panel{background:var(--bg-primary);color:var(--text-primary);padding:1.5rem;border-radius:8px;border:1px solid var(--border-primary)}.distribution-list-header{margin-bottom:1.5rem}.distribution-list-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.distribution-list-description{color:var(--text-secondary);font-size:.875rem;margin:0 0 1.5rem;line-height:1.5}.distribution-list-error{background:var(--danger-bg, #fee);border:1px solid var(--danger, #dc2626);color:var(--danger, #dc2626);padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}[data-theme=dark] .distribution-list-error{background:#dc26261a;border-color:#dc2626;color:#fca5a5}.error-close-btn{background:none;border:none;color:inherit;cursor:pointer;padding:0;font-size:1.25rem;opacity:.7;transition:opacity .2s}.error-close-btn:hover{opacity:1}.distribution-list-subfolders{background:var(--bg-secondary);padding:1rem;border-radius:6px;margin-bottom:1.5rem}.distribution-list-subfolders label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:var(--text-primary)}.distribution-list-subfolders input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:var(--primary)}.distribution-list-subfolders input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.subfolders-help-text{color:var(--text-muted);font-size:.8125rem;margin:.5rem 0 0 1.625rem;line-height:1.4}.distribution-list-members{min-height:100px}.distribution-list-loading,.distribution-list-empty{padding:2rem;text-align:center;color:var(--text-muted)}.distribution-list-empty{background:var(--bg-secondary);border-radius:6px;border:1px dashed var(--border-primary)}.empty-help-text{font-size:.875rem;margin:.5rem 0 0}.members-list{display:flex;flex-direction:column;gap:.5rem}.member-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;transition:all .2s}.member-item:hover{border-color:var(--primary);box-shadow:0 2px 4px var(--shadow-sm)}.member-item.user{border-left:3px solid var(--primary)}.member-item.role{border-left:3px solid var(--success, #10b981)}.member-item.editing{border-left:3px solid var(--success, #10b981)!important}.member-icon{font-size:1.5rem;line-height:1}.member-info{flex:1;min-width:0}.member-name{font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-meta{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-muted);margin-top:.25rem}.member-type{font-weight:500}.member-separator{opacity:.5}.member-date{color:var(--text-muted)}.member-subfolders-inline{display:inline-flex;align-items:center;gap:.375rem;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.125rem .5rem;border-radius:4px;transition:background .2s}.member-subfolders-inline:hover:not(:has(.subfolders-checkbox-inline:disabled)){background:var(--bg-hover)}.subfolders-checkbox-inline{width:1rem;height:1rem;cursor:pointer;accent-color:var(--success, #10b981);margin:0}.subfolders-checkbox-inline:disabled{cursor:not-allowed;opacity:.5}.subfolders-label-inline{color:var(--text-secondary);font-weight:500;font-size:.8125rem;white-space:nowrap}.member-remove-btn{background:var(--bg-hover);border:1px solid var(--border-primary);color:var(--text-secondary);width:2rem;height:2rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s;flex-shrink:0}.member-remove-btn:hover{background:var(--danger, #dc2626);color:#fff;border-color:var(--danger, #dc2626)}.distribution-list-actions{margin-top:1.5rem}.add-member-btn{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;width:100%}.add-member-btn:hover{background:var(--primary-hover)}.add-member-btn:disabled{opacity:.5;cursor:not-allowed}.member-selector{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;padding:1rem;margin-top:1.5rem}.selector-row{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.selector-row label{font-weight:500;font-size:.875rem;color:var(--text-primary)}.type-select,.search-input{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-primary);padding:.625rem;border-radius:6px;font-size:.9375rem;transition:all .2s}.type-select:focus,.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-focus, rgba(245, 158, 11, .1))}.type-select:disabled,.search-input:disabled{opacity:.5;cursor:not-allowed}.selector-list{max-height:300px;overflow-y:auto;margin-bottom:1rem;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px}.selector-loading,.selector-error,.selector-empty{padding:2rem;text-align:center;color:var(--text-muted)}.selector-error{color:var(--danger, #dc2626)}.options-list{display:flex;flex-direction:column}.option-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .2s;border-bottom:1px solid var(--border-primary)}.option-item:last-child{border-bottom:none}.option-item:hover{background:var(--bg-hover)}.option-item.selected{background:var(--primary-bg, rgba(245, 158, 11, .1));border-left:3px solid var(--primary)}.option-item input[type=radio]{cursor:pointer;accent-color:var(--primary)}.option-name{font-weight:500;color:var(--text-primary);flex:1;min-width:0}.selector-actions{display:flex;gap:.75rem}.selector-subfolders{padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;margin-bottom:1rem;display:flex;flex-direction:column;gap:.75rem}.selector-subfolders label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--text-primary);cursor:pointer;margin:0}.selector-subfolders input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer}.selector-subfolders .subfolders-help-text{font-size:.8125rem;color:var(--text-muted);margin:.5rem 0 0;line-height:1.4}.add-btn,.cancel-btn{flex:1;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.add-btn{background:var(--primary);color:#fff}.add-btn:hover{background:var(--primary-hover)}.add-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-btn{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-primary)}.cancel-btn:hover{background:var(--bg-hover)}.selector-list::-webkit-scrollbar{width:8px}.selector-list::-webkit-scrollbar-track{background:var(--bg-secondary)}.selector-list::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.selector-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.option-wrapper{position:relative}.role-tooltip{position:fixed;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;padding:12px;box-shadow:0 4px 12px #00000026;z-index:9999;width:350px;max-width:calc(100vw - 32px);pointer-events:none;animation:tooltipFadeIn .2s ease-in}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.role-tooltip-header{font-weight:600;color:var(--text-primary);margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border-primary);font-size:.875rem}.role-tooltip-loading,.role-tooltip-empty{color:var(--text-muted);font-size:.875rem;padding:8px 0;text-align:center}.role-tooltip-list{list-style:none;padding:0;margin:0;max-height:300px;overflow-y:auto}.role-tooltip-list li{padding:8px;border-bottom:1px solid var(--bg-secondary);font-size:.875rem}.role-tooltip-list li:last-child{border-bottom:none}.role-tooltip-list li strong{color:var(--text-primary);display:block;margin-bottom:2px}.role-tooltip-list li small{color:var(--text-muted);font-size:.8rem}.role-tooltip-list::-webkit-scrollbar{width:6px}.role-tooltip-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.role-tooltip-list::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.role-tooltip-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.common-panel{background:var(--bg-primary);color:var(--text-primary);padding:1.5rem;border-radius:8px;border:1px solid var(--border-primary)}.common-panel-description{color:var(--text-secondary);font-size:.875rem;margin:0 0 1.5rem;line-height:1.5}.common-empty-state{color:var(--text-muted);font-size:.875rem;padding:1rem;text-align:center;font-style:italic}.common-loading{color:var(--text-muted);font-size:.875rem;padding:1rem;text-align:center}.common-list{display:flex;flex-direction:column;gap:.75rem}.common-actions{margin-top:1.5rem;display:flex;gap:.75rem}.common-btn-primary{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem}.common-btn-primary:hover{background:var(--primary-hover)}.common-btn-primary:disabled{opacity:.5;cursor:not-allowed}.common-btn-secondary{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-primary);padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem}.common-btn-secondary:hover{background:var(--bg-hover)}.common-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.common-btn-compact{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary);padding:.375rem .75rem;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem;display:inline-flex;align-items:center;gap:.25rem}.common-btn-compact:hover{background:var(--bg-hover);border-color:var(--primary)}.common-btn-compact:disabled{opacity:.5;cursor:not-allowed}.common-error{background:var(--danger-bg, #fee);border:1px solid var(--danger, #dc2626);color:var(--danger, #dc2626);padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;font-size:.875rem}[data-theme=dark] .common-error{background:#dc26261a;border-color:#dc2626;color:#fca5a5}.common-error-close{background:none;border:none;color:inherit;cursor:pointer;padding:0;font-size:1.25rem;opacity:.7;transition:opacity .2s}.common-error-close:hover{opacity:1}.common-list-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;border-left-width:3px;transition:all .2s ease}.common-list-item:hover{background:var(--bg-hover);border-color:var(--border-hover)}.common-list-item-clickable{cursor:pointer;transition:transform .1s ease}.common-list-item-clickable:hover{transform:translate(2px)}.common-list-item-clickable:active{transform:translate(0)}.common-list-item-primary{border-left:3px solid var(--primary)}.common-list-item-success{border-left:3px solid var(--success, #10b981)}.common-list-item-warning{border-left:3px solid var(--warning, #f59e0b)}.common-list-item-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.common-list-item-info{flex:1;min-width:0}.common-list-item-title{font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.common-list-item-subtitle{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-muted);margin-top:.25rem}.common-list-item-metadata{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-secondary);flex-shrink:0}.common-list-item-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.common-remove-btn{background:var(--bg-hover);border:1px solid var(--border-primary);color:var(--text-secondary);width:2rem;height:2rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s;flex-shrink:0}.common-remove-btn:hover{background:var(--danger, #dc2626);color:#fff;border-color:var(--danger, #dc2626)}.common-separator{opacity:.5;-webkit-user-select:none;user-select:none}.compact-add-container{display:inline-flex;flex-direction:column;gap:.75rem;align-items:flex-start}.compact-add-content{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;padding:1rem;animation:slideDown .2s ease-out;width:100%;max-width:320px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}