@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:500;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-md{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:.625rem 1.25rem;font-size:.9375rem}.btn-primary{background:var(--primary-600);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-700)}.btn-secondary{background:var(--gray-900);color:#fff}.btn-secondary:hover:not(:disabled){background:var(--gray-800)}.btn-outline{background:transparent;border-color:var(--border);color:var(--text)}.btn-outline:hover:not(:disabled){background:var(--gray-50);border-color:var(--border-hover)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--gray-100);color:var(--text)}.btn-danger{background:var(--error-600);color:#fff}.btn-danger:hover:not(:disabled){background:var(--error-700)}.btn-danger-outline{background:transparent;border-color:var(--error-200);color:var(--error-600)}.btn-danger-outline:hover:not(:disabled){background:var(--error-50);border-color:var(--error-300)}.btn-full{width:100%}.btn-loading{position:relative}.btn-spinner{width:1rem;height:1rem;animation:spin .6s linear infinite}.btn-spinner svg{width:100%;height:100%}.btn-icon{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem}.btn-icon svg{width:100%;height:100%}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.input-label{font-size:.875rem;font-weight:500;color:var(--text)}.input{width:100%;padding:.5rem .75rem;font-size:.875rem;line-height:1.5;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input::placeholder{color:var(--text-muted)}.input:hover:not(:disabled){border-color:var(--border-hover)}.input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.input:disabled{background:var(--gray-50);color:var(--text-muted);cursor:not-allowed}.input.input-error{border-color:var(--error-500)}.input.input-error:focus{box-shadow:0 0 0 3px var(--error-100)}.input-hint{font-size:.8125rem;color:var(--text-muted)}.input-error-text{font-size:.8125rem;color:var(--error-600)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem;cursor:pointer}.textarea{resize:vertical;min-height:80px}.checkbox-wrapper{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox{position:absolute;opacity:0;width:0;height:0}.checkbox-box{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0}.checkbox-box svg{width:.75rem;height:.75rem;stroke:#fff;opacity:0;transform:scale(.5);transition:all var(--transition-fast)}.checkbox:checked+.checkbox-box{background:var(--primary-600);border-color:var(--primary-600)}.checkbox:checked+.checkbox-box svg{opacity:1;transform:scale(1)}.checkbox:focus-visible+.checkbox-box{outline:2px solid var(--primary-500);outline-offset:2px}.checkbox:disabled+.checkbox-box{background:var(--gray-100);cursor:not-allowed}.checkbox-label{font-size:.875rem;color:var(--text)}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.card-padding-none{padding:0}.card-padding-sm{padding:var(--space-4)}.card-padding-md{padding:var(--space-6)}.card-padding-lg{padding:var(--space-8)}.card-hover:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.card-clickable{cursor:pointer}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.card-header-content{display:flex;flex-direction:column;gap:var(--space-1)}.card-title{font-size:1rem;font-weight:600;color:var(--text);margin:0}.card-description{font-size:.875rem;color:var(--text-secondary);margin:0}.card-content{margin-top:var(--space-4)}.card-footer{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.badge{display:inline-flex;align-items:center;font-weight:500;border-radius:var(--radius-full);white-space:nowrap}.badge-sm{padding:.125rem .5rem;font-size:.6875rem}.badge-md{padding:.25rem .625rem;font-size:.75rem}.badge-lg{padding:.375rem .75rem;font-size:.8125rem}.badge-default{background:var(--gray-100);color:var(--gray-700)}.badge-primary{background:var(--primary-100);color:var(--primary-700)}.badge-success{background:var(--success-100);color:var(--success-700)}.badge-warning{background:var(--warning-100);color:var(--warning-600)}.badge-error{background:var(--error-100);color:var(--error-700)}.badge-outline{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:50;animation:fadeIn var(--transition-fast) ease-out}.modal{background:var(--bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-height:calc(100vh - 2rem);overflow:auto;animation:slideUp var(--transition) ease-out}.modal-sm{width:min(400px,100%)}.modal-md{width:min(500px,100%)}.modal-lg{width:min(640px,100%)}.modal-xl{width:min(800px,100%)}.modal-header{position:relative;padding:var(--space-6);padding-bottom:0}.modal-title{font-size:1.125rem;font-weight:600;color:var(--text);margin:0;padding-right:var(--space-8)}.modal-description{font-size:.875rem;color:var(--text-secondary);margin:var(--space-1) 0 0}.modal-close{position:absolute;top:var(--space-4);right:var(--space-4);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius);cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast)}.modal-close:hover{background:var(--gray-100);color:var(--text)}.modal-close svg{width:1.25rem;height:1.25rem}.modal-content{padding:var(--space-6)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:var(--gray-50);border-top:1px solid var(--border);border-radius:0 0 var(--radius-xl) var(--radius-xl)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.table-wrapper{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg)}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table-header{background:var(--gray-50);border-bottom:1px solid var(--border)}.table-head{padding:.75rem 1rem;font-weight:500;color:var(--text-secondary);text-align:left;white-space:nowrap}.table-body .table-row{border-bottom:1px solid var(--border);transition:background var(--transition-fast)}.table-body .table-row:last-child{border-bottom:none}.table-body .table-row:hover{background:var(--gray-50)}.table-row-clickable{cursor:pointer}.table-cell{padding:.875rem 1rem;color:var(--text);vertical-align:middle}.table-empty{padding:var(--space-8);text-align:center;color:var(--text-muted)}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);font-size:.875rem;animation:slideDown var(--transition) ease-out}.alert-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.alert-icon svg{width:100%;height:100%}.alert-content{flex:1;line-height:1.5}.alert-close{flex-shrink:0;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;opacity:.7;transition:opacity var(--transition-fast)}.alert-close:hover{opacity:1}.alert-close svg{width:1rem;height:1rem}.alert-success{background:var(--success-50);color:var(--success-700);border:1px solid var(--success-100)}.alert-error{background:var(--error-50);color:var(--error-700);border:1px solid var(--error-100)}.alert-warning{background:var(--warning-50);color:var(--warning-600);border:1px solid var(--warning-100)}.alert-info{background:var(--primary-50);color:var(--primary-700);border:1px solid var(--primary-100)}.tabs{display:flex;flex-direction:column}.tab-list{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border);margin-bottom:var(--space-6)}.tab{padding:var(--space-3) var(--space-4);font-size:.875rem;font-weight:500;color:var(--text-muted);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:all var(--transition-fast)}.tab:hover{color:var(--text)}.tab-active{color:var(--primary-600);border-bottom-color:var(--primary-600)}.tab-panel{animation:fadeIn var(--transition) ease-out}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center}.empty-state-icon{width:3rem;height:3rem;color:var(--gray-400);margin-bottom:var(--space-4)}.empty-state-icon svg{width:100%;height:100%}.empty-state-title{font-size:1rem;font-weight:600;color:var(--text);margin:0}.empty-state-description{font-size:.875rem;color:var(--text-muted);margin:var(--space-2) 0 0;max-width:400px}.empty-state-action{margin-top:var(--space-5)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%)}.login-container{width:100%;max-width:400px}.login-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg)}.login-header{text-align:center;margin-bottom:var(--space-6)}.login-logo{display:flex;justify-content:center;margin-bottom:var(--space-4)}.login-logo-icon{width:3rem;height:3rem;background:var(--primary-600);color:#fff;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem}.login-title{font-size:1.5rem;font-weight:600;color:var(--text);margin:0 0 var(--space-2)}.login-subtitle{font-size:.875rem;color:var(--text-muted);margin:0}.login-form{display:flex;flex-direction:column;gap:var(--space-4)}.login-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border);text-align:center}.login-brand{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.access-denied-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--bg-secondary)}.access-denied-card{max-width:400px;text-align:center}.access-denied-icon{width:4rem;height:4rem;margin:0 auto var(--space-4);color:var(--error-500)}.access-denied-icon svg{width:100%;height:100%}.access-denied-title{font-size:1.5rem;font-weight:600;color:var(--text);margin:0 0 var(--space-2)}.access-denied-description{font-size:.875rem;color:var(--text-secondary);margin:0 0 var(--space-6);line-height:1.6}.access-denied-description code{background:var(--gray-100);padding:.125rem .375rem;border-radius:var(--radius-sm);font-size:.8125rem}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--bg);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:40}.sidebar-header{padding:var(--space-5) var(--space-5);border-bottom:1px solid var(--border)}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3)}.sidebar-logo-icon{width:2.25rem;height:2.25rem;background:var(--primary-600);color:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.sidebar-logo-text{display:flex;flex-direction:column}.sidebar-logo-title{font-weight:600;font-size:.9375rem;color:var(--text);line-height:1.2}.sidebar-logo-subtitle{font-size:.75rem;color:var(--text-muted)}.sidebar-nav{flex:1;padding:var(--space-4);overflow-y:auto}.sidebar-nav-section{margin-bottom:var(--space-6)}.sidebar-nav-label{display:block;padding:0 var(--space-3);margin-bottom:var(--space-2);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-1);font-size:.875rem;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.sidebar-link svg{width:1.125rem;height:1.125rem;flex-shrink:0}.sidebar-link:hover{background:var(--gray-100);color:var(--text)}.sidebar-link.active{background:var(--primary-50);color:var(--primary-700)}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--border)}.sidebar-logout{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);font-size:.875rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.sidebar-logout svg{width:1.125rem;height:1.125rem}.sidebar-logout:hover{background:var(--error-50);color:var(--error-600)}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform var(--transition)}.sidebar.open{transform:translate(0)}}.layout{min-height:100vh;background:var(--bg-secondary)}.layout-main{margin-left:var(--sidebar-width);min-height:100vh}.mobile-menu-btn{display:none;position:fixed;top:var(--space-4);left:var(--space-4);z-index:50;width:2.5rem;height:2.5rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm)}.mobile-menu-btn svg{width:1.25rem;height:1.25rem;color:var(--text)}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:35}@media(max-width:768px){.layout-main{margin-left:0}.mobile-menu-btn{display:flex}.mobile-overlay{display:block}}.header{background:var(--bg);border-bottom:1px solid var(--border);padding:var(--space-6) var(--space-8)}.header-content{max-width:1400px}.breadcrumbs{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:.8125rem}.breadcrumb-link{color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb-link:hover{color:var(--text)}.breadcrumb-separator{color:var(--gray-300)}.breadcrumb-current{color:var(--text-secondary)}.header-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.header-title-group{display:flex;flex-direction:column;gap:var(--space-1)}.header-title{font-size:1.5rem;font-weight:600;color:var(--text);margin:0}.header-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0}.header-actions{display:flex;align-items:center;gap:var(--space-3)}@media(max-width:640px){.header{padding:var(--space-4) var(--space-4)}.header-title{font-size:1.25rem}.header-actions{width:100%}}.dashboard-content{padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6);max-width:1400px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.stat-card{display:flex;align-items:center;gap:var(--space-4)}.stat-icon{width:2.75rem;height:2.75rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg{width:1.5rem;height:1.5rem}.stat-card-primary .stat-icon{background:var(--primary-100);color:var(--primary-600)}.stat-card-success .stat-icon{background:var(--success-100);color:var(--success-600)}.stat-card-warning .stat-icon{background:var(--warning-100);color:var(--warning-600)}.stat-card-error .stat-icon{background:var(--error-100);color:var(--error-600)}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:600;color:var(--text);line-height:1.2}.stat-label{font-size:.8125rem;color:var(--text-muted)}.recent-list{display:flex;flex-direction:column}.recent-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);text-decoration:none;transition:background var(--transition-fast)}.recent-item:hover{background:var(--gray-50)}.recent-item-avatar{width:2.25rem;height:2.25rem;border-radius:var(--radius);background:var(--primary-100);color:var(--primary-700);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.recent-item-info{flex:1;display:flex;flex-direction:column;min-width:0}.recent-item-name{font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-item-id{font-size:.75rem;color:var(--text-muted)}.recent-item-arrow{width:1rem;height:1rem;color:var(--gray-400);flex-shrink:0}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.quick-action{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border);text-decoration:none;transition:all var(--transition-fast)}.quick-action:hover{background:var(--gray-50);border-color:var(--border-hover)}.quick-action-icon{width:2.5rem;height:2.5rem;border-radius:var(--radius);background:var(--gray-100);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.quick-action-icon svg{width:1.25rem;height:1.25rem}.quick-action-label{font-size:.8125rem;font-weight:500;color:var(--text);text-align:center}.loading-placeholder,.empty-message{padding:var(--space-6);text-align:center;color:var(--text-muted);font-size:.875rem}@media(max-width:640px){.dashboard-content{padding:var(--space-4)}.stats-grid{grid-template-columns:repeat(2,1fr)}}.companies-content{padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6);max-width:1400px}.companies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.company-card{display:flex;flex-direction:column;gap:var(--space-4)}.company-card-header{display:flex;align-items:center;gap:var(--space-3)}.company-avatar{width:3rem;height:3rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;flex-shrink:0}.company-info{flex:1;min-width:0}.company-name{font-size:1rem;font-weight:600;color:var(--text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-id{font-size:.75rem;color:var(--text-muted)}.company-stats{display:flex;gap:var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.company-stat{display:flex;align-items:center;gap:var(--space-2);font-size:.8125rem;color:var(--text-secondary)}.company-stat svg{width:1rem;height:1rem;color:var(--text-muted)}.company-card-action{display:flex;align-items:center;justify-content:space-between;font-size:.8125rem;font-weight:500;color:var(--primary-600)}.company-card-action svg{width:1rem;height:1rem}@media(max-width:640px){.companies-content{padding:var(--space-4)}.companies-grid{grid-template-columns:1fr}}.company-detail-content{padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6);max-width:1200px}.loading-page{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--text-muted)}.company-stats-row{display:flex;gap:var(--space-8);padding:var(--space-4) 0}.company-stat-item{display:flex;flex-direction:column}.stat-number{font-size:1.75rem;font-weight:600;color:var(--text);line-height:1}.stat-label{font-size:.8125rem;color:var(--text-muted);margin-top:var(--space-1)}.header-actions{display:flex;gap:var(--space-2)}.branches-list{display:flex;flex-direction:column;gap:var(--space-2)}.branch-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);transition:background var(--transition-fast)}.branch-item:hover{background:var(--gray-50)}.branch-icon{width:2.25rem;height:2.25rem;border-radius:var(--radius);background:var(--warning-100);color:var(--warning-600);display:flex;align-items:center;justify-content:center;flex-shrink:0}.branch-icon svg{width:1.125rem;height:1.125rem}.branch-info{flex:1;display:flex;flex-direction:column;min-width:0}.branch-name{font-weight:500;color:var(--text)}.branch-id{font-size:.75rem;color:var(--text-muted)}.users-list{display:flex;flex-direction:column;gap:var(--space-3)}.user-item{display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border)}.user-avatar{width:2.5rem;height:2.5rem;border-radius:var(--radius);background:linear-gradient(135deg,var(--success-500),var(--success-600));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;flex-shrink:0}.user-info{display:flex;flex-direction:column;min-width:120px}.user-name{font-weight:500;color:var(--text)}.user-id{font-size:.75rem;color:var(--text-muted)}.user-details{flex:1;display:flex;flex-direction:column;gap:var(--space-3);min-width:200px}.user-roles{display:flex;flex-direction:column;gap:var(--space-2)}.role-badges{display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center}.no-roles{font-size:.8125rem;color:var(--text-muted)}.role-editor{background:var(--gray-50);padding:var(--space-3);border-radius:var(--radius-md)}.role-checkboxes{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-3)}.role-editor-actions{display:flex;gap:var(--space-2)}.user-branches{display:flex;flex-direction:column;gap:var(--space-2)}.branches-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.branch-badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.branch-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--gray-100);border-radius:var(--radius-full);font-size:.75rem;color:var(--text-secondary)}.revoke-btn{width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast)}.revoke-btn:hover{background:var(--error-100);color:var(--error-600)}.revoke-btn svg{width:.75rem;height:.75rem}.no-branches{font-size:.8125rem;color:var(--text-muted)}.bots-list{display:flex;flex-direction:column;gap:var(--space-2)}.bot-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border)}.bot-icon{width:2.25rem;height:2.25rem;border-radius:var(--radius);background:var(--primary-100);color:var(--primary-600);display:flex;align-items:center;justify-content:center;flex-shrink:0}.bot-icon svg{width:1.125rem;height:1.125rem}.bot-info{display:flex;flex-direction:column;min-width:120px}.bot-name{font-weight:500;color:var(--text)}.bot-id{font-size:.75rem;color:var(--text-muted)}.bot-scopes{flex:1;display:flex;flex-wrap:wrap;gap:var(--space-1)}.user-form,.access-form,.bot-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-section{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:.875rem;font-weight:500;color:var(--text)}.checkbox-grid{display:flex;flex-wrap:wrap;gap:var(--space-3)}@media(max-width:768px){.company-detail-content{padding:var(--space-4)}.company-stats-row{gap:var(--space-4)}.form-row{grid-template-columns:1fr}.user-item{flex-direction:column;align-items:flex-start}}.bots-page-content{padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6);max-width:1200px}.secret-card{border-color:var(--warning-500);background:var(--warning-50)}.secret-display{background:var(--gray-900);color:var(--gray-100);padding:var(--space-4);border-radius:var(--radius-md);font-family:monospace;font-size:.875rem;word-break:break-all}.secret-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.filter-row{display:flex;gap:var(--space-3)}.filter-select{width:250px}.bot-cell{display:flex;align-items:center;gap:var(--space-3)}.bot-cell-icon{width:2rem;height:2rem;border-radius:var(--radius);background:var(--primary-100);color:var(--primary-600);display:flex;align-items:center;justify-content:center;flex-shrink:0}.bot-cell-icon svg{width:1rem;height:1rem}.bot-cell-name{font-weight:500;color:var(--text)}.bot-cell-id{font-size:.75rem;color:var(--text-muted)}.company-link{color:var(--primary-600);text-decoration:none;font-weight:500}.company-link:hover{text-decoration:underline}.scopes-cell{display:flex;flex-wrap:wrap;gap:var(--space-1)}.no-scopes{font-size:.8125rem;color:var(--text-muted)}.bot-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media(max-width:768px){.bots-page-content{padding:var(--space-4)}.filter-select{width:100%}.form-row{grid-template-columns:1fr}}.roles-page-content{padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6);max-width:900px}.roles-list{display:flex;flex-direction:column;gap:var(--space-2)}.role-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);transition:background var(--transition-fast)}.role-item:hover{background:var(--gray-50)}.role-icon{width:2.25rem;height:2.25rem;border-radius:var(--radius);background:var(--primary-100);color:var(--primary-600);display:flex;align-items:center;justify-content:center;flex-shrink:0}.role-icon svg{width:1.125rem;height:1.125rem}.role-info{flex:1;min-width:0}.role-name{font-weight:500;color:var(--text);font-family:monospace;font-size:.9375rem}.role-description{font-size:.8125rem;color:var(--text-muted)}.info-card{background:var(--primary-50);border-color:var(--primary-200)}.info-content p{margin:0 0 var(--space-4);color:var(--text-secondary);font-size:.875rem}.info-list{display:flex;flex-direction:column;gap:var(--space-2)}.info-item{display:flex;align-items:center;gap:var(--space-2);font-size:.8125rem;color:var(--text-secondary)}.loading-state{padding:var(--space-12);text-align:center;color:var(--text-muted)}@media(max-width:640px){.roles-page-content{padding:var(--space-4)}}:root{--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--gray-950: #030712;--primary-50: #eef2ff;--primary-100: #e0e7ff;--primary-200: #c7d2fe;--primary-300: #a5b4fc;--primary-400: #818cf8;--primary-500: #6366f1;--primary-600: #4f46e5;--primary-700: #4338ca;--primary-800: #3730a3;--primary-900: #312e81;--success-50: #f0fdf4;--success-100: #dcfce7;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-500: #f59e0b;--warning-600: #d97706;--error-50: #fef2f2;--error-100: #fee2e2;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--bg: #ffffff;--bg-secondary: var(--gray-50);--bg-tertiary: var(--gray-100);--text: var(--gray-900);--text-secondary: var(--gray-600);--text-muted: var(--gray-500);--border: var(--gray-200);--border-hover: var(--gray-300);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .375rem;--radius: .5rem;--radius-md: .625rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-md: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition: .2s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 260px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);color:var(--text);background:var(--bg-secondary);line-height:1.5;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;color:var(--text)}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}p{color:var(--text-secondary)}a{color:var(--primary-600);text-decoration:none}a:hover{color:var(--primary-700)}input,select,textarea,button{font-family:inherit;font-size:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fadeIn{animation:fadeIn var(--transition) ease-out}.animate-slideUp{animation:slideUp var(--transition) ease-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}