@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#fff;color:#111827}#app{height:100vh;overflow:hidden}@media (max-width: 768px){#app{height:auto;min-height:100vh;overflow:visible}}.dashboard-layout{display:flex;height:100%}.main-content{flex:1;overflow-y:auto;padding:32px 40px}@media (max-width: 768px){.main-content{padding:24px 20px}}.card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:24px;transition:all .2s ease;box-shadow:0 1px 3px #0000000a}.form-actions{display:flex;gap:12px;justify-content:flex-end}@media (max-width: 768px){.form-actions{flex-direction:column}}.sidebar{width:270px;background:linear-gradient(180deg,var(--sidebar-bg, #fff8f1) 0%,var(--sidebar-bg-alt, #fef7f0) 100%);display:flex;flex-direction:column;box-shadow:0 2px 8px #0000000a,0 1px 2px #00000014;transition:width .3s ease;overflow:hidden}.sidebar:not(.sidebar-mobile):not(.sidebar-open){width:0;min-width:0}.sidebar.sidebar-mobile{position:fixed;top:0;left:0;bottom:0;z-index:1001;transform:translate(-100%);transition:transform .3s ease;width:280px}.sidebar.sidebar-mobile.sidebar-open{transform:translate(0)}.sidebar .sidebar-header{padding:32px 24px 24px;display:flex;align-items:center;min-height:80px;gap:12px}.sidebar .sidebar-header .logo{display:flex;align-items:center;justify-content:center;flex:1}.sidebar .sidebar-header .logo .logo-image{width:160px;height:auto;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.04))}.sidebar .sidebar-header .logo .logo-placeholder{display:flex;align-items:center;justify-content:center;width:160px;height:40px}.sidebar .sidebar-header .logo .logo-placeholder .logo-text{font-size:18px;font-weight:700;color:var(--primary-focus, #e89b64);text-align:center}.sidebar .sidebar-header .sidebar-toggle-button{background:none;border:none;color:var(--secondary, #6b7280);cursor:pointer;padding:6px;border-radius:8px;transition:all .15s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar .sidebar-header .sidebar-toggle-button:hover{background:rgba(var(--primary-focus, #e89b64),.08);color:var(--primary-focus, #e89b64)}.sidebar .sidebar-header .sidebar-toggle-button svg{width:18px;height:18px}@media (max-width: 768px){.sidebar .sidebar-header .sidebar-toggle-button{display:none}}.sidebar .sidebar-nav{flex:1;padding:8px 0 16px}.sidebar .sidebar-nav .nav-item{display:flex;align-items:center;gap:12px;padding:12px 24px;margin:6px 16px;color:var(--secondary, #6b7280);text-decoration:none;font-weight:500;font-size:14px;transition:all .15s ease;border-radius:8px;position:relative;letter-spacing:.01em;cursor:pointer;-webkit-user-select:none;user-select:none}.sidebar .sidebar-nav .nav-item:hover{background-color:rgba(var(--primary-focus, #e89b64),.08);color:var(--primary-focus, #e89b64)}.sidebar .sidebar-nav .nav-item:hover .nav-icon{opacity:1}.sidebar .sidebar-nav .nav-item.active{background-color:rgba(var(--primary-focus, #e89b64),.12);color:var(--primary-focus, #e89b64);font-weight:600}.sidebar .sidebar-nav .nav-item.active .nav-icon{opacity:1}.sidebar .sidebar-nav .nav-item .nav-icon{width:18px;height:18px;flex-shrink:0;opacity:.8;transition:opacity .15s ease}.sidebar .sidebar-bottom{padding:16px;margin-top:auto;display:flex;justify-content:flex-start;gap:8px}.sidebar .sidebar-bottom .nav-item{background:none;border:none;color:var(--secondary, #6b7280);cursor:pointer;padding:6px;border-radius:8px;transition:all .15s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-decoration:none}.sidebar .sidebar-bottom .nav-item:hover{background:rgba(var(--primary-focus, #e89b64),.08);color:var(--primary-focus, #e89b64)}.sidebar .sidebar-bottom .nav-item.active{background:rgba(var(--primary-focus, #e89b64),.12);color:var(--primary-focus, #e89b64)}.sidebar .sidebar-bottom .nav-item .nav-icon{width:18px;height:18px}.sidebar .sidebar-bottom .nav-item span{display:none}.mobile-header{position:sticky;top:0;left:0;right:0;background:transparent;display:flex;align-items:center;padding-top:16px;z-index:999}.mobile-header .btn.mobile-header__sidebar-toggle{width:unset;margin-left:-4px}.sidebar-backdrop{position:fixed;inset:0;background:#00000080;z-index:999}.desktop-sidebar-toggle{position:fixed;top:30px;left:-4px;width:unset}.content-expanded{margin-left:0;transition:margin-left .3s ease;padding:32px 60px}.content-mobile{margin-left:0}@media (max-width: 768px){.dashboard-layout{position:relative}.main-content{margin-left:0;width:100%}}.table-container{background:#fff;border-radius:16px;box-shadow:0 1px 3px #00000014,0 1px 2px -1px #0000000a;border:1px solid #f1f5f9}.table-container .table{width:100%;border-collapse:collapse}.table-container .table th{background:linear-gradient(180deg,#fafafa,#f9fafb);text-align:left;padding:20px 24px;font-weight:600;color:#1e293b;border-bottom:2px solid #e2e8f0;font-size:12px;letter-spacing:.025em;text-transform:uppercase;position:relative}.table-container .table th:first-child{padding-left:28px;border-top-left-radius:16px}.table-container .table th:last-child{padding-right:28px;border-top-right-radius:16px}.table-row{border-bottom:1px solid #fafafa;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.table-row:hover{background:#f3f4f6}.table-row:last-child{border-bottom:none}.table-row:last-child td:first-child{border-bottom-left-radius:16px}.table-row:last-child td:last-child{border-bottom-right-radius:16px}.table-row td{padding:10px 24px;vertical-align:middle;font-size:15px;line-height:1.5}.table-row td:first-child{padding-left:28px}.table-row td:last-child{padding-right:28px}.table-name-link{font-weight:600;color:var(--primary, #fb923c);text-decoration:none;font-size:16px;transition:all .2s ease;position:relative;display:inline-block}.table-name-link:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background:var(--primary, #fb923c);transition:width .3s ease}.table-name-link:hover{color:var(--primary, #fb923c)}.table-name-link:hover:after{width:100%}.actions-cell{min-width:60px;text-align:center}.table-actions-dropdown{position:relative;display:inline-block}.actions-trigger{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#9ca3af;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.actions-trigger:hover{background:#e5e7eb;color:var(--secondary-dark, #374151)}.actions-trigger.active{background:#f3f4f6;color:var(--secondary-dark, #374151)}.actions-trigger svg{width:16px;height:16px}.actions-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000a;z-index:1002;min-width:120px;overflow:hidden}.actions-menu .action-item{display:block;width:100%;padding:12px 16px;background:none;border:none;text-align:left;cursor:pointer;color:var(--secondary-dark, #374151);font-size:14px;transition:background-color .2s ease}.actions-menu .action-item:hover:not(:disabled){background:#f9fafb}.actions-menu .action-item:disabled{opacity:.5;cursor:not-allowed;color:var(--secondary-low, #9ca3af)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-overlay .modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:400px;width:90%;max-height:90vh;overflow-y:auto}.modal-overlay .modal.modal-large{max-width:800px;width:95%}.modal-overlay .modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0}.modal-overlay .modal .modal-header .modal-title{font-size:20px;font-weight:600;color:#111827}.modal-overlay .modal .modal-header .modal-close{background:none;border:none;cursor:pointer;color:var(--secondary, #6b7280);padding:4px;border-radius:4px;transition:all .2s ease}.modal-overlay .modal .modal-header .modal-close:hover{color:var(--secondary-dark, #374151);background:#f3f4f6}.modal-overlay .modal .modal-header .modal-close svg{width:20px;height:20px}.modal-overlay .modal .modal-body{padding:24px}.modal-overlay .modal .modal-body .form-actions{margin-top:16px}.modal-overlay .modal .modal-footer{padding:0 24px 24px}@media (max-width: 768px){.modal-overlay .modal{margin:20px;max-width:none;width:calc(100% - 40px)}}.back-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--secondary, #6b7280);font-size:14px;font-weight:500;transition:color .15s ease}.back-link:hover{color:var(--secondary-dark, #374151)}.back-link svg{width:16px;height:16px}.members-cell{min-width:220px}.members-cell .member-count{font-size:14px;color:var(--secondary, #6b7280);margin-bottom:12px;font-weight:500}.members-cell .member-avatars{display:flex;gap:8px;align-items:center}.members-cell .member-avatars .member-avatar{width:32px;height:32px;background:linear-gradient(135deg,var(--primary, #fb923c) 0%,#dc2626 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;box-shadow:0 2px 4px var(--shadow-primary-medium, rgba(251, 146, 60, .2)),0 1px 2px #0000000a;border:2px solid #ffffff;transition:all .2s ease;position:relative}.members-cell .member-avatars .member-avatar:hover{transform:scale(1.1) translateY(-1px);box-shadow:0 4px 8px var(--shadow-primary-dark, rgba(251, 146, 60, .3)),0 2px 4px #0000000a}.members-cell .member-avatars .member-avatar:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--orange-500, #f97316),var(--primary, #fb923c));border-radius:50%;z-index:-1;opacity:0;transition:opacity .2s ease}.members-cell .member-avatars .member-avatar:hover:before{opacity:.2}.tools-cell{min-width:120px}.tools-cell .tool-count{font-size:14px;color:var(--secondary, #6b7280);font-weight:500;background:linear-gradient(135deg,#fafafa,#f3f4f6);padding:6px 12px;border-radius:8px;border:1px solid #e2e8f0;display:inline-block;box-shadow:0 1px 2px #0000000a;transition:all .2s ease}.tools-cell .tool-count:hover{background:linear-gradient(135deg,var(--sidebar-bg-alt, #fef7f0) 0%,var(--primary-low, #fed7aa) 100%);color:var(--primary, #fb923c);border-color:var(--primary-focus, #e89b64);transform:translateY(-1px);box-shadow:0 2px 4px var(--shadow-primary, rgba(251, 146, 60, .08))}.more-members-badge{font-size:11px;color:var(--secondary, #6b7280);font-weight:600;background:linear-gradient(135deg,#fafafa,#f3f4f6);padding:4px 8px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000a;transition:all .2s ease}.more-members-badge:hover{background:linear-gradient(135deg,var(--sidebar-bg-alt, #fef7f0) 0%,var(--primary-low, #fed7aa) 100%);color:var(--primary, #fb923c);border-color:var(--primary-focus, #e89b64)}.header-content{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.tools-section .section-subtitle{margin-bottom:20px}.tools-section .section-title{font-size:20px;font-weight:600;color:#111827;margin:0 0 4px}.tools-section .section-subtitle{font-size:14px;color:#9ca3af;margin:0 0 20px}.add-tools-content{width:100%}.add-tools-content .loading-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;color:var(--secondary, #6b7280)}.add-tools-content .loading-state .spinner{width:32px;height:32px;border:3px solid #f9fafb;border-top:3px solid var(--primary, #fb923c);border-radius:50%;animation:spin 1s linear infinite}.add-tools-content .empty-state{text-align:center;padding:24px;color:var(--secondary, #6b7280)}.add-tools-content .toolsets-list{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.add-tools-content .toolsets-list .toolset-section{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.add-tools-content .toolsets-list .toolset-section .toolset-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fafafa;border-bottom:1px solid #e5e7eb}.add-tools-content .toolsets-list .toolset-section .toolset-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0}.add-tools-content .toolsets-list .toolset-section .tools-list{display:flex;flex-direction:column}.add-tools-content .toolsets-list .toolset-section .tools-list .tool-item{display:flex;justify-content:space-between;align-items:center;padding:6px 16px;border-bottom:1px solid #f9fafb;transition:all .15s ease}.add-tools-content .toolsets-list .toolset-section .tools-list .tool-item:last-child{border-bottom:none}.add-tools-content .toolsets-list .toolset-section .tools-list .tool-item.tool-selected{background:var(--sidebar-bg, #fff8f1);border-color:var(--sidebar-bg-alt, #fef7f0)}.add-tools-content .toolsets-list .toolset-section .tools-list .tool-item .tool-info{flex:1;min-width:0}.add-tools-content .toolsets-list .toolset-section .tools-list .tool-item .tool-info h4{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 4px}.add-tools-content .toolsets-list .toolset-section .tools-list .tool-item .tool-info p{font-size:13px;color:var(--secondary, #6b7280);margin:0;line-height:1.4}.add-tools-content .toolsets-list .toolset-section .tools-list .tool-item .tool-actions{display:flex;align-items:center;justify-content:center;margin-left:12px;height:100%}.already-added-badge{font-size:12px;color:#38a169;font-weight:500;background:#f3f4f6;padding:2px 8px;border-radius:12px}.remove-added-tool-button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;gap:8px;transition:all .15s ease;border-radius:6px}.remove-added-tool-button:hover .already-added-badge{background:#fef2f2;color:#dc2626}.remove-added-tool-button:hover .remove-icon{opacity:1;color:#dc2626}.remove-added-tool-button .remove-icon{width:14px;height:14px;color:var(--secondary, #6b7280);opacity:0;transition:opacity .15s ease}.select-tool-button{background:none;border:1px solid #d1d5db;color:#374151;cursor:pointer;padding:6px;border-radius:6px;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.select-tool-button:hover{border-color:var(--primary, #fb923c);color:var(--primary, #fb923c)}.select-tool-button.selected{background:var(--primary, #fb923c);border-color:var(--primary, #fb923c);color:#fff}.select-tool-button svg{width:16px;height:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-management-section{margin-bottom:32px}.user-management-section .section-header{display:flex;justify-content:space-between;margin-bottom:20px;align-items:flex-end}.user-management-section .section-header .section-title{font-size:20px;font-weight:600;color:#111827;margin:0 0 4px}.user-management-section .section-header .section-subtitle{font-size:14px;color:#9ca3af;margin:0}.user-management-section .add-user-form .add-user-input{max-width:400px}.user-option{display:flex;align-items:center;gap:10px}.user-option .user-avatar-small{width:24px;height:24px;background:linear-gradient(135deg,var(--primary, #fb923c) 0%,var(--primary-dark, #d68951) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;flex-shrink:0}.user-option .user-email{font-size:14px;color:#374151}.user-row{border-bottom:1px solid #f9fafb;transition:background-color .15s ease}.user-row:hover{background:#fafafa}.user-row:last-child{border-bottom:none}.user-row td{padding:6px 12px;vertical-align:middle}.user-row .user-cell{width:100%}.user-row .user-cell .user-info{display:flex;align-items:center;gap:12px}.user-row .user-cell .user-info .user-avatar{width:32px;height:32px;background:linear-gradient(135deg,var(--primary-focus, #e89b64) 0%,var(--primary-dark, #d68951) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.user-row .user-cell .user-info .user-email{font-size:14px;color:#374151;font-weight:500}.empty-users-state{text-align:center;padding:32px 24px;color:var(--secondary, #6b7280);background:#fafafa;border-radius:8px;border:1px solid #e5e7eb}.empty-users-state p{margin:0;font-size:14px}.remove-button{background:none;border:none;color:#ef4444;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.remove-button:hover{background:#fef2f2}.remove-button:disabled{opacity:.6;cursor:not-allowed}.remove-button svg{width:16px;height:16px}.prompt-description{font-size:14px;color:var(--secondary, #6b7280);margin:4px 0 0;line-height:1.4}.version-badge{display:inline-block;background:#f3f4f6;color:var(--secondary-dark, #374151);padding:4px 8px;border-radius:6px;font-weight:500;font-size:12px}.arguments-builder{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.arguments-builder .builder-header h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#374151}.arguments-builder .builder-description{margin:0 0 20px;font-size:14px;color:var(--secondary, #6b7280)}.arguments-builder .builder-description code{background:#e5e7eb;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px;color:#374151}.arguments-builder .empty-arguments{text-align:center;padding:40px 20px;color:var(--secondary, #6b7280);display:flex;justify-content:center;flex-direction:column}.arguments-builder .empty-arguments .btn-secondary{margin-top:16px}.arguments-builder .arguments-list>*+*{margin-top:16px}.arguments-builder .arguments-list .argument-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:16px}.arguments-builder .arguments-list .argument-item .argument-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.arguments-builder .arguments-list .argument-item .argument-header .argument-number{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--primary-focus, #e89b64);color:#fff;border-radius:50%;font-size:12px;font-weight:600}.arguments-builder .arguments-list .argument-item .argument-fields>*+*{margin-top:16px}.arguments-builder .arguments-list .argument-item .checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;cursor:pointer;margin-top:12px}.arguments-builder .arguments-list .argument-item .checkbox-label input[type=checkbox]{margin:0}.arguments-builder .add-argument-btn{width:100%;margin-top:16px}.arguments-builder .arguments-preview{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.arguments-builder .arguments-preview h5{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151}.arguments-builder .arguments-preview .preview-arguments{display:flex;flex-wrap:wrap;gap:12px}.arguments-builder .arguments-preview .preview-arguments .preview-arg{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:12px;min-width:180px}.arguments-builder .arguments-preview .preview-arguments .preview-arg .arg-usage{font-family:Courier New,monospace;font-weight:600;color:var(--primary-focus, #e89b64);font-size:14px}.arguments-builder .arguments-preview .preview-arguments .preview-arg .arg-required{display:inline-block;margin-left:8px;padding:2px 6px;background:#fef3c7;color:#d97706;border-radius:4px;font-size:12px;font-weight:500}.arguments-builder .arguments-preview .preview-arguments .preview-arg .arg-description{margin:8px 0 0;font-size:13px;color:var(--secondary, #6b7280);line-height:1.4}@media (max-width: 768px){.arguments-builder .arguments-preview .preview-arguments{flex-direction:column}.arguments-builder .arguments-preview .preview-arguments .preview-arg{min-width:auto}}.form-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:32px}.form-container .form-section{margin-bottom:40px}.form-container .form-section .section-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px}.form-container .form-section .section-description{font-size:14px;color:#6b7280;margin:0 0 20px}.form-container .messages-container{border:1px solid #e5e7eb;border-radius:8px;padding:20px;background:#f9fafb}.form-container .messages-container .message-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:16px}.form-container .messages-container .message-item:last-child{margin-bottom:20px}.form-container .messages-container .message-item .message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.form-container .messages-container .message-item .message-header .role-select{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff}.form-container .messages-container .message-item .message-header .role-select:focus{outline:none;border-color:var(--primary-focus, #e89b64);box-shadow:0 0 0 3px rgba(var(--primary-focus, #e89b64),.1)}@media (max-width: 768px){.form-container .messages-container .message-item .message-header{flex-direction:column;gap:8px;align-items:stretch}}.form-container .messages-container .add-message-btn{width:100%}.form-container .form-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}@media (max-width: 768px){.form-container .form-actions{flex-direction:column}}@media (max-width: 768px){.form-container{padding:20px}}.group-form{min-width:300px}.empty-state{text-align:center;padding:64px 32px;color:var(--secondary, #6b7280)}.empty-state .empty-icon{width:64px;height:64px;margin:0 auto 24px;opacity:.5}.empty-state .empty-icon svg{width:100%;height:100%}.empty-state h3{font-size:20px;font-weight:600;color:var(--secondary-dark, #374151);margin-bottom:8px}.mt-4{margin-top:16px}.settings-header{margin-bottom:32px}.settings-header h1{font-size:32px;font-weight:700;margin-bottom:8px;color:#111827}.settings-header p{color:#6b7280;font-size:16px}.loading-state{text-align:center;color:#6b7280;font-size:16px;padding:48px}.settings-list{display:flex;flex-direction:column;gap:24px}.setting-item{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.setting-info{display:flex;flex-direction:column;gap:8px}.setting-label{font-weight:600;color:var(--secondary-dark, #374151);font-size:16px}.setting-description{color:#6b7280;font-size:14px;margin:0}.overridden-indicator{color:var(--primary, #fb923c);font-weight:500}.setting-control{display:flex;flex-direction:column;gap:8px}.setting-input{min-width:200px;margin-bottom:0}.setting-actions{display:flex;gap:8px;align-items:center}.default-value{color:var(--secondary-low, #9ca3af);font-size:12px}.upload-preview{max-width:200px;max-height:100px;border-radius:8px;margin-bottom:8px}.upload-filename{font-size:14px;color:var(--secondary, #6b7280);margin:0 0 12px}.file-input{margin-bottom:12px}.form-label{display:block;font-size:14px;font-weight:500;color:var(--color-gray-700, #374151);margin-bottom:6px}.form-input{width:100%;padding:10px 12px;border:1px solid var(--color-gray-300, #d1d5db);border-radius:4px;font-size:14px;transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--color-blue-500, #3b82f6);box-shadow:0 0 0 1px var(--color-blue-500, #3b82f6)}.form-input--disabled{background-color:var(--color-gray-100, #f3f4f6);color:var(--color-gray-500, #6b7280);cursor:not-allowed}.form-actions{display:flex;justify-content:flex-end;gap:12px}.upload-input{position:absolute;opacity:0;pointer-events:none}.profile-form{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.profile-avatar-section .avatar-display{margin-bottom:16px}.profile-avatar-section .avatar-upload{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}.profile-avatar-section .file-selected-indicator{font-size:12px;color:#059669;font-weight:500}.profile-fields{margin-bottom:32px}.oauth-layout{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#fafafa;color:#111827;margin:0;padding:0}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fafafa,#f9fafb);padding:20px}.login-card{width:100%;max-width:400px;box-shadow:0 10px 25px #00000014;border:1px solid #f1f5f9}.login-header{text-align:center;margin-bottom:32px}.login-logo{margin-bottom:24px;display:flex;justify-content:center;align-items:center}.login-logo .logo-image{max-height:60px;max-width:200px;object-fit:contain}.login-logo .logo-placeholder{display:flex;align-items:center;justify-content:center}.login-logo .logo-placeholder .logo-text{font-size:24px;font-weight:700;color:var(--primary, #fb923c);text-decoration:none}.login-title{font-size:28px;font-weight:700;color:#111827;margin-bottom:8px}.login-subtitle{font-size:16px;color:#6b7280;margin:0}.login-form .form-group{margin-bottom:24px}.login-form .form-actions{margin-top:32px;justify-content:stretch}.login-form .form-actions .btn{width:100%}.notice-message{background:#d1fae5;color:#065f46;padding:12px 16px;border-radius:8px;border:1px solid #059669;margin-bottom:24px;font-size:14px}.alert-message{background:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:8px;border:1px solid #ef4444;margin-bottom:24px;font-size:14px}.oauth-permissions{margin-bottom:32px;padding:20px;background:#fafafa;border-radius:8px;border:1px solid #f1f5f9}.oauth-permissions .permissions-title{font-size:16px;font-weight:600;color:#111827;margin-bottom:12px}.oauth-permissions .permissions-list{list-style:none;padding:0;margin:0}.oauth-permissions .permissions-list .permission-item{padding:8px 0;color:#6b7280;font-size:14px;border-bottom:1px solid #f1f5f9}.oauth-permissions .permissions-list .permission-item:last-child{border-bottom:none}.oauth-permissions .permissions-list .permission-item:before{content:"•";color:var(--primary, #fb923c);margin-right:8px;font-weight:700}.oauth-actions{display:flex;flex-direction:column;gap:12px}.oauth-actions .oauth-form,.oauth-actions .oauth-form .btn{width:100%}@media (max-width: 768px){.login-container{padding:16px}.login-card{padding:20px}.login-title{font-size:24px}.login-subtitle{font-size:14px}.oauth-permissions{padding:16px;margin-bottom:24px}}.btn{display:flex;align-items:center;gap:8px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;justify-content:center}.btn:disabled{opacity:.6;cursor:not-allowed}.btn svg{width:16px;height:16px}.btn-primary{background:linear-gradient(135deg,var(--primary, #fb923c) 0%,var(--primary-focus, #e89b64) 100%);color:#fff;padding:12px 20px;font-weight:600;box-shadow:0 2px 4px rgba(var(--primary-focus, #e89b64),.2)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-focus, #e89b64) 0%,var(--primary-dark, #d68951) 100%)}.btn-secondary{background:#fff;color:var(--secondary-dark, #374151);border:1px solid #d1d5db;padding:12px 20px}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:var(--secondary-low, #9ca3af)}.btn-danger{background:#ef4444;color:#fff;padding:12px 20px}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-sm{padding:10px 16px;font-size:13px}.btn-lg{padding:14px 24px;font-size:16px}@media (max-width: 768px){.btn{width:100%;justify-content:center}}.base-dropdown{position:relative;display:inline-block}.dropdown-trigger{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#9ca3af;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.dropdown-trigger:hover{background:#e5e7eb;color:var(--secondary-dark, #374151)}.dropdown-trigger.active{background:#f3f4f6;color:var(--secondary-dark, #374151)}.dropdown-trigger svg{width:16px;height:16px}.dropdown-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000a;z-index:1002;min-width:120px;overflow:hidden}.form-group{margin-bottom:20px}.form-group .form-label{display:block;font-size:14px;font-weight:500;color:var(--secondary-dark, #374151);margin:8px 0}.form-group .form-input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s ease}.form-group .form-input:focus{outline:none;border-color:var(--primary-focus, #e89b64);box-shadow:0 0 0 3px rgba(var(--primary-focus, #e89b64),.1)}.form-group .form-input.form-input-error{border-color:#ef4444}.form-group .form-input.form-input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-group .form-input.form-input-disabled{background-color:#f9fafb;cursor:not-allowed}.form-group .error-message{color:#ef4444;font-size:12px;margin-top:4px}.form-textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s ease;min-height:100px;resize:vertical}.form-textarea:focus{outline:none;border-color:var(--primary-focus, #e89b64);box-shadow:0 0 0 3px rgba(var(--primary-focus, #e89b64),.1)}.form-textarea.form-textarea-error{border-color:#ef4444}.form-textarea.form-textarea-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-textarea.form-textarea-disabled{background-color:#f9fafb;cursor:not-allowed}.grow-wrap{display:grid;font-size:14px;line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.grow-wrap:after{content:attr(data-replicated-value) " ";white-space:pre-wrap;visibility:hidden;padding:12px;border:1px solid transparent}.grow-wrap>textarea{resize:none;overflow:hidden}.grow-wrap>textarea,.grow-wrap:after{grid-area:1/1/2/2;font:inherit}.floating-save-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:1000;box-shadow:0 8px 24px #0000001a,0 2px 6px #00000014;border-radius:12px;background:var(--background-primary);border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.floating-save-content{display:flex;gap:.5rem;padding:.75rem}.button-group{display:flex;gap:.5rem}.reset-btn,.save-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .15s ease;white-space:nowrap}.reset-btn svg,.save-btn svg{width:18px;height:18px;flex-shrink:0}.reset-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--border-primary)}.reset-btn:hover:not(:disabled){background:var(--background-secondary);color:var(--text-primary);border-color:var(--border-secondary)}.reset-btn:disabled{opacity:.5;cursor:not-allowed}.save-btn{background:var(--primary);color:#fff}.save-btn:hover:not(:disabled){box-shadow:0 4px 8px #0000001a}.save-btn:disabled{opacity:.5;cursor:not-allowed}.btn-text{font-size:.875rem}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.slide-up-enter-active,.slide-up-leave-active{transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-up-enter-from,.slide-up-leave-to{transform:translateY(120px);opacity:0}.slide-up-enter-to,.slide-up-leave-from{transform:translateY(0);opacity:1}@media (max-width: 640px){.floating-save-container{left:1rem;right:1rem;bottom:1rem}.floating-save-content{padding:.75rem;width:100%}.button-group{display:flex;gap:.5rem;width:100%}.reset-btn,.save-btn{flex:1;justify-content:center;padding:.75rem .875rem;font-size:.875rem}.reset-btn svg,.save-btn svg{width:16px;height:16px}.btn-text{font-size:.8125rem}}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.page-header .page-header-content{flex:1}.page-header .page-header-title-section{margin-top:.75rem}.page-header .page-title{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .5rem}.page-header .page-subtitle{color:#6b7280;font-size:1rem;margin:0}@media (max-width: 768px){.page-header{flex-direction:column;gap:16px;align-items:flex-start}}.breadcrumbs{margin-bottom:.5rem}.breadcrumb-list{display:flex;align-items:center;list-style:none;padding:0;margin:0;flex-wrap:wrap;gap:.25rem}.breadcrumb-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.breadcrumb-link{display:flex;align-items:center;gap:.375rem;color:#6b7280;text-decoration:none;transition:all .2s ease;font-weight:500}.breadcrumb-link:hover{color:var(--primary, #fb923c)}.breadcrumb-current{display:flex;align-items:center;gap:.375rem;color:#111827;font-weight:600}.breadcrumb-icon{width:1rem;height:1rem;flex-shrink:0}.breadcrumb-separator{color:#d1d5db;flex-shrink:0;width:1rem;height:1rem}@media (max-width: 768px){.breadcrumb-list{font-size:.8125rem}}.responsive-table-wrapper{width:100%}.responsive-table-wrapper .mobile-cards{display:flex;flex-direction:column;gap:16px}.responsive-table-wrapper .mobile-cards .mobile-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:16px;border:1px solid #f3f4f6}.responsive-table-wrapper .mobile-cards .mobile-card .mobile-card-field{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border-bottom:1px solid #fafafa}.responsive-table-wrapper .mobile-cards .mobile-card .mobile-card-field:last-of-type{border-bottom:none;padding-bottom:0}.responsive-table-wrapper .mobile-cards .mobile-card .mobile-card-field .mobile-field-label{font-weight:600;color:#1e293b;font-size:14px;flex-shrink:0;margin-right:16px;min-width:80px}.responsive-table-wrapper .mobile-cards .mobile-card .mobile-card-field .mobile-field-value{text-align:right;flex:1;color:var(--secondary, #6b7280);font-size:14px}.responsive-table-wrapper .mobile-cards .mobile-card .mobile-card-actions{margin-top:12px;padding-top:12px;display:flex;justify-content:flex-end}.searchable-dropdown{position:relative;width:100%}.searchable-dropdown .dropdown-input-container{position:relative}.searchable-dropdown .dropdown-input-container .dropdown-input{width:100%;padding:10px 40px 10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;transition:all .15s ease}.searchable-dropdown .dropdown-input-container .dropdown-input:focus{outline:none;border-color:var(--primary, #fb923c);box-shadow:0 0 0 3px rgba(var(--primary, #fb923c),.1)}.searchable-dropdown .dropdown-input-container .dropdown-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--secondary, #6b7280);transition:transform .15s ease;pointer-events:none}.searchable-dropdown .dropdown-input-container .dropdown-arrow.dropdown-arrow-up{transform:translateY(-50%) rotate(180deg)}.searchable-dropdown .dropdown-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:1000;margin-top:2px}.searchable-dropdown .dropdown-list .dropdown-item{padding:10px 12px;cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid #f3f4f6}.searchable-dropdown .dropdown-list .dropdown-item:last-child{border-bottom:none}.searchable-dropdown .dropdown-list .dropdown-item:hover{background:#f9fafb}.searchable-dropdown .dropdown-empty{padding:10px 12px;color:var(--secondary, #6b7280);font-size:14px;text-align:center;position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:1000;margin-top:2px}.user-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:100%}.user-avatar--small{width:24px;height:24px}.user-avatar--medium{width:32px;height:32px}.user-avatar--large{width:48px;height:48px}.user-avatar__image{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-avatar__fallback{width:100%;height:100%}