:root{--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #374151;--color-gray-700: #1f2937;--color-primary: #3b82f6;--color-primary-dark: #1565c0;--color-success: #10b981;--color-success-bg: #d1fae5;--color-success-dark: #065f46;--color-success-light: #f0fdf4;--color-error: #dc2626;--color-error-light: #ef4444;--color-error-bg: #fef2f2;--color-error-border: #fecaca;--color-warning: #f59e0b;--color-warning-bg: #fef3c7;--color-info: #3b82f6;--color-info-bg: #dbeafe;--color-secondary: #10b981;--color-tertiary: #6366f1;--color-bg-white: #ffffff;--color-bg-gray: #f3f4f6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--transition-fast: .2s;--transition-base: .3s;--max-width: 1280px;--header-height: 64px}.main-layout{min-height:100vh;background-color:var(--color-gray-50)}.main-layout__main{padding:var(--space-8) 0}.main-layout__content{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-4)}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-50)}.auth-layout__content{width:100%;max-width:400px;padding:0 var(--space-4)}.header{background-color:var(--color-bg-white);border-bottom:1px solid var(--color-gray-200);position:sticky;top:0;z-index:50}.header__container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-4);display:flex;align-items:center;min-height:var(--header-height);gap:var(--space-8)}.header__logo{font-size:var(--font-xl);font-weight:var(--font-bold);color:var(--color-gray-700);text-decoration:none}.header__nav{display:flex;gap:var(--space-2);flex:1}.header__nav-link{padding:var(--space-2) var(--space-4);color:var(--color-gray-500);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:var(--font-sm);font-weight:var(--font-medium)}.header__nav-link--active{color:var(--color-gray-700);background-color:var(--color-gray-100)}.header__user-menu{display:flex;gap:var(--space-8);align-items:center}.header__user-name-link{font-size:var(--font-sm);color:var(--color-primary);font-weight:var(--font-medium);text-decoration:none}.header__logout-button{padding:var(--space-2) var(--space-4);text-decoration:none;border-radius:var(--radius-md);font-size:var(--font-sm);border:1px solid #7f7f7fff;background-color:transparent;cursor:pointer}.header__hamburger{font-size:var(--font-2xl);color:var(--color-gray-700);background-color:transparent;border:none;cursor:pointer;padding:var(--space-2);margin-left:auto}.header__mobile-nav{background-color:var(--color-bg-white);border-bottom:1px solid var(--color-gray-200);padding:var(--space-2) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.header__mobile-nav-link{padding:var(--space-3) var(--space-4);color:var(--color-gray-500);text-decoration:none;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-medium);display:block}.header__mobile-nav-link--active{color:var(--color-gray-700);background-color:var(--color-gray-100)}.header__mobile-divider{height:1px;background-color:var(--color-gray-200);margin:var(--space-2) 0}.header__mobile-logout-button{padding:var(--space-3) var(--space-4);text-decoration:none;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-medium);background-color:transparent;border:none;cursor:pointer;text-align:left;width:100%}.card{background-color:var(--color-bg-white);padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-base)}.card__title{font-size:var(--font-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.card__description{color:var(--color-gray-500);margin-bottom:var(--space-8)}.form{display:flex;flex-direction:column;gap:var(--space-4)}.form__group{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-6)}.form__label{font-size:var(--font-sm);font-weight:var(--font-semibold)}.form__label--required:after{content:" *";color:var(--color-error)}.form__input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-sm)}.form__input:focus{outline:2px solid var(--color-primary);outline-offset:0}.form__input--error{border-color:var(--color-error)}.form__textarea{padding:var(--space-2) var(--space-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-sm);min-height:100px;resize:vertical}.form__textarea:focus{outline:2px solid var(--color-primary);outline-offset:0}.form__select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-sm);background-color:var(--color-bg-white)}.form__select:focus{outline:2px solid var(--color-primary);outline-offset:0}.form__checkbox-group{display:flex;align-items:center;gap:var(--space-2)}.form__checkbox-label{font-size:var(--font-sm)}.form__hint{font-size:var(--font-xs);color:var(--color-gray-500);margin-top:var(--space-1);margin-bottom:var(--space-1)}.form__error-message{font-size:var(--font-sm);color:var(--color-error);margin-top:var(--space-1)}.button{padding:.625rem var(--space-4);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);border:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}a.button{text-decoration:none}.button--primary{background-color:var(--color-primary);color:var(--color-bg-white)}.button--primary:hover{background-color:var(--color-primary-dark)}.button--primary:disabled{background-color:var(--color-gray-400);cursor:not-allowed}.button--secondary{background-color:var(--color-secondary);color:var(--color-bg-white)}.button--secondary:disabled{background-color:var(--color-gray-400);cursor:not-allowed}.button--tertiary{background-color:var(--color-tertiary);color:var(--color-bg-white)}.button--danger{background-color:var(--color-error);color:var(--color-bg-white)}.button--outline{background-color:transparent;border:1px solid var(--color-gray-300);color:var(--color-gray-700)}.button--outline:hover{background-color:var(--color-gray-50)}.button--sm{padding:var(--space-2) var(--space-3);font-size:var(--font-xs)}.button--lg{padding:var(--space-3) var(--space-6);font-size:var(--font-base)}.alert{padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--font-sm);margin-bottom:var(--space-4)}.alert--error{background-color:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-border)}.alert--success{background-color:var(--color-success-light);color:var(--color-success-dark);border:1px solid var(--color-success-bg)}.alert--warning{background-color:var(--color-warning-bg);color:var(--color-warning)}.alert--info{background-color:var(--color-info-bg);color:var(--color-info)}.table{width:100%;border-collapse:collapse}.table__header{background-color:var(--color-gray-50);font-weight:var(--font-semibold);font-size:var(--font-sm);color:var(--color-gray-700);padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-gray-200)}.table__row{border-bottom:1px solid var(--color-gray-200)}.table__row:hover{background-color:var(--color-gray-50)}.table__cell{padding:var(--space-3) var(--space-4);font-size:var(--font-sm);color:var(--color-gray-600)}.table-grid{display:flex;flex-direction:column}.table-grid__header{display:grid;background-color:var(--color-gray-50);font-weight:var(--font-semibold);font-size:var(--font-sm);color:var(--color-gray-700);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-gray-200)}.table-grid__row{display:grid;border-bottom:1px solid var(--color-gray-200);padding:var(--space-3) var(--space-4)}.table-grid__row:hover{background-color:var(--color-gray-50)}.table-grid__cell{display:flex;align-items:center;font-size:var(--font-sm);color:var(--color-gray-600)}.badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:var(--font-medium);white-space:nowrap}.badge--success{background-color:var(--color-success-bg);color:var(--color-success-dark)}.badge--error{background-color:var(--color-error-bg);color:var(--color-error)}.badge--warning{background-color:var(--color-warning-bg);color:var(--color-warning)}.badge--info{background-color:var(--color-info-bg);color:var(--color-info)}.badge--gray{background-color:var(--color-gray-100);color:var(--color-gray-600)}.page{max-width:var(--max-width);margin:0 auto;padding:var(--space-8) var(--space-4)}.page__header{margin-bottom:var(--space-8)}.page__title{font-size:var(--font-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.page__description{color:var(--color-gray-500);font-size:var(--font-base);margin-bottom:var(--space-2)}.page__content{background-color:var(--color-bg-white);padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-base)}.section{margin-bottom:var(--space-8)}.section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.section__title{font-size:var(--font-2xl);font-weight:var(--font-bold)}.section__subtitle{font-size:var(--font-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-4);color:var(--color-gray-700)}.section__actions{display:flex;gap:var(--space-2)}.stats-card{background-color:var(--color-bg-white);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-base)}.stats-card__label{font-size:var(--font-sm);color:var(--color-gray-500);margin-bottom:var(--space-2)}.stats-card__value{font-size:var(--font-3xl);font-weight:var(--font-bold);color:var(--color-gray-700)}.stats-card__change{font-size:var(--font-sm);margin-top:var(--space-2)}.stats-card__change--positive{color:var(--color-success)}.stats-card__change--negative{color:var(--color-error)}.dashboard__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.dashboard__logs-section{margin-top:var(--space-8);background-color:var(--color-bg-white);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-base)}.dashboard__section-title{font-size:var(--font-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-gray-200)}.dashboard__log-list{display:flex;flex-direction:column;gap:var(--space-3);max-height:500px;overflow-y:auto}.dashboard__log-item{padding:var(--space-4);background-color:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.dashboard__log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.dashboard__log-info{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);flex-wrap:wrap}.dashboard__log-action{font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--color-gray-700)}.dashboard__log-divider{color:var(--color-gray-300)}.dashboard__log-target-type{font-size:var(--font-sm);color:var(--color-gray-500)}.dashboard__log-admin{font-size:var(--font-xs);color:var(--color-gray-500)}.dashboard__log-date{font-size:var(--font-xs);color:var(--color-gray-400);white-space:nowrap}.dashboard__log-details{margin-top:var(--space-2)}.dashboard__log-summary{cursor:pointer;font-size:var(--font-xs);color:var(--color-primary)}.dashboard__log-pre{margin-top:var(--space-2);padding:var(--space-2);background-color:var(--color-bg-white);border-radius:var(--radius-sm);font-size:var(--font-xs);overflow:auto;max-height:200px}.search-bar{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.search-bar__input{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-sm)}.password-strength{margin-top:var(--space-2)}.password-strength__bar-background{width:100%;height:6px;background-color:var(--color-gray-200);border-radius:3px;overflow:hidden}.password-strength__bar-fill{height:100%;transition:width var(--transition-base) ease,background-color var(--transition-base) ease}.password-strength__label-container{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-1)}.password-strength__label{font-size:var(--font-xs);font-weight:var(--font-medium)}.password-strength__score{font-size:var(--font-xs);color:var(--color-gray-500)}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);font-size:var(--font-sm)}.breadcrumb__item{color:var(--color-gray-500);text-decoration:none}.breadcrumb__item--active{color:var(--color-gray-700);font-weight:var(--font-medium)}.breadcrumb__separator{color:var(--color-gray-400)}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:var(--space-8);text-align:center}.error-boundary__icon{font-size:4rem;margin-bottom:var(--space-4)}.error-boundary__title{font-size:var(--font-2xl);font-weight:var(--font-bold);color:var(--color-gray-700);margin-bottom:var(--space-2)}.error-boundary__message{color:var(--color-gray-500);margin-bottom:var(--space-6);max-width:600px}.error-boundary__details{background-color:var(--color-gray-50);padding:var(--space-4);border-radius:var(--radius-md);text-align:left;max-width:800px;margin-bottom:var(--space-6);overflow-x:auto}.error-boundary__code{font-family:monospace;font-size:var(--font-sm);color:var(--color-error);white-space:pre-wrap;word-break:break-word}.error-boundary__summary{cursor:pointer;font-weight:var(--font-bold);margin-bottom:var(--space-2)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background-color:var(--color-bg-white);border-radius:var(--radius-lg);padding:var(--space-8);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-md)}.modal__header{margin-bottom:var(--space-6)}.modal__title{font-size:var(--font-2xl);font-weight:var(--font-bold)}.modal__content{margin-bottom:var(--space-6)}.modal__footer{display:flex;justify-content:flex-end;gap:var(--space-2)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-12{margin-bottom:var(--space-12)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.font-bold{font-weight:var(--font-bold)}.font-semibold{font-weight:var(--font-semibold)}.font-medium{font-weight:var(--font-medium)}.text-xs{font-size:var(--font-xs)}.text-sm{font-size:var(--font-sm)}.text-base{font-size:var(--font-base)}.text-lg{font-size:var(--font-lg)}.text-xl{font-size:var(--font-xl)}.text-2xl{font-size:var(--font-2xl)}.text-3xl{font-size:var(--font-3xl)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-primary{color:var(--color-primary)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.bg-white{background-color:var(--color-bg-white)}.bg-gray{background-color:var(--color-bg-gray)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.w-full{width:100%}.hidden{display:none}.whitespace-nowrap{white-space:nowrap}.company-detail__info-grid{display:grid;grid-template-columns:200px 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.company-detail__info-label{font-weight:var(--font-semibold);color:var(--color-gray-700)}.company-detail__info-value{color:var(--color-gray-600)}.company-detail__section{padding:var(--space-6);background-color:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200)}.company-detail__usage-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--color-gray-100)}.company-detail__usage-item:last-child{border-bottom:none}.company-detail__usage-label{font-size:var(--font-sm);color:var(--color-gray-600)}.company-detail__usage-value{font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--color-gray-700)}.company-detail__danger-zone{background-color:var(--color-error-bg);padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--color-error-border)}.company-detail__danger-title{color:var(--color-error);font-size:var(--font-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.company-detail__danger-description{color:var(--color-gray-600);font-size:var(--font-sm);margin-bottom:var(--space-4)}.action-buttons{display:flex;gap:var(--space-4);justify-content:flex-end;margin-top:var(--space-6)}.action-buttons button{min-width:120px}.info-box{padding:var(--space-4);background-color:var(--color-gray-100);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.info-box__text{font-size:var(--font-xs);color:var(--color-gray-500);margin-bottom:var(--space-1)}.info-box__text:last-child{margin-bottom:0}.link{color:var(--color-primary);text-decoration:none}.link:hover{text-decoration:underline}.temp-password-box{background-color:var(--color-gray-100);padding:var(--space-4);border-radius:var(--radius-md);margin-top:var(--space-4)}.temp-password-box__label{font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--color-gray-700);display:block;margin-bottom:var(--space-2)}.temp-password-box__value{font-family:monospace;font-size:var(--font-lg);font-weight:var(--font-bold);color:var(--color-primary);background-color:var(--color-bg-white);padding:var(--space-3);border-radius:var(--radius-sm);word-break:break-all}.temp-password-box__note{font-size:var(--font-xs);color:var(--color-error);margin-top:var(--space-2)}.loading{display:flex;justify-content:center;align-items:center;padding:var(--space-8)}.loading__spinner{border:3px solid var(--color-gray-200);border-top:3px solid var(--color-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--space-8);color:var(--color-gray-500)}.empty-state__icon{font-size:var(--font-4xl);margin-bottom:var(--space-4)}.empty-state__message{font-size:var(--font-lg);margin-bottom:var(--space-4)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-100);padding:var(--space-4)}.login-card{width:100%;max-width:400px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media(max-width:768px){.form-row{grid-template-columns:1fr}}.action-link{display:inline-block;padding:var(--space-1) var(--space-3);color:var(--color-primary);background-color:transparent;border:1px solid var(--color-primary);border-radius:var(--radius-sm);text-decoration:none;font-size:var(--font-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.action-link:hover{background-color:var(--color-primary);color:var(--color-bg-white);text-decoration:none}.action-link--danger{color:var(--color-error);border-color:var(--color-error)}.action-link--danger:hover{background-color:var(--color-error);color:var(--color-bg-white)}.administrators__badge--owner{background-color:var(--color-info-bg);color:#1e40af}.administrators__group-name{font-weight:var(--font-medium);color:var(--color-gray-700)}.administrators__system-admin-badge{display:inline-block;margin-top:var(--space-1);padding:.125rem var(--space-2);background-color:var(--color-warning-bg);color:#92400e;border-radius:var(--radius-sm);font-size:.625rem;font-weight:var(--font-medium)}.administrators__date-text{font-size:var(--font-sm);color:var(--color-gray-600)}.administrators__never-text{color:var(--color-gray-400);font-style:italic}.administrators__username-text{font-family:monospace;font-size:var(--font-sm);color:var(--color-gray-600)}.administrators__email-text{color:var(--color-gray-500)}.administrators__edit-button{padding:var(--space-1) var(--space-3);background-color:var(--color-bg-white);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-xs);text-decoration:none;display:inline-block}.administrators__edit-button:hover{background-color:var(--color-info-bg)}.groups__table{background-color:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-base);overflow:hidden}.groups__table-header{background-color:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.groups__table-row{display:grid;grid-template-columns:2fr 1.5fr 2fr;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-gray-200)}.groups__table-cell{font-size:var(--font-sm);display:flex;align-items:center}.groups__table-cell-actions{font-size:var(--font-sm);display:flex;align-items:center;gap:var(--space-2)}.groups__table-body{min-height:200px}.groups__link{color:var(--color-primary);text-decoration:none;font-weight:var(--font-medium)}.groups__link:hover{text-decoration:underline}.groups__administrators-button{padding:var(--space-1) var(--space-3);background-color:var(--color-bg-white);color:var(--color-secondary);border:1px solid var(--color-secondary);text-decoration:none;border-radius:var(--radius-sm);font-size:var(--font-xs);display:inline-block;cursor:pointer}.groups__administrators-button:hover{background-color:var(--color-success-light)}.groups__edit-button{padding:var(--space-1) var(--space-3);background-color:var(--color-bg-white);color:var(--color-primary);border:1px solid var(--color-primary);text-decoration:none;border-radius:var(--radius-sm);font-size:var(--font-xs);display:inline-block;cursor:pointer}.groups__edit-button:hover{background-color:var(--color-info-bg)}.groups__delete-button{padding:var(--space-1) var(--space-3);background-color:var(--color-bg-white);color:var(--color-error-light);border:1px solid var(--color-error-light);border-radius:var(--radius-sm);font-size:var(--font-xs);cursor:pointer}.groups__delete-button:hover{background-color:var(--color-error-bg)}.companies__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media(max-width:1024px){.companies__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.companies__grid{grid-template-columns:1fr}}.companies__card{background-color:var(--color-bg-white);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-base);transition:box-shadow var(--transition-fast)}.companies__card:hover{box-shadow:var(--shadow-md)}.companies__card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:var(--space-4)}.companies__card-title{font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--color-gray-700);margin-bottom:var(--space-1)}.companies__card-subtitle{font-size:var(--font-sm);color:var(--color-gray-500)}.companies__card-info{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.companies__card-info-item{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-sm)}.companies__card-info-label{color:var(--color-gray-500)}.companies__card-info-value{font-weight:var(--font-medium);color:var(--color-gray-700)}.companies__card-actions{display:flex;gap:var(--space-2);border-top:1px solid var(--color-gray-200);padding-top:var(--space-4)}.plan-picker{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.plan-picker__option{flex:1;min-width:0;padding:var(--space-4);border:2px solid var(--color-gray-300);border-radius:var(--radius-lg);cursor:pointer;background-color:var(--color-bg-white);transition:all var(--transition-fast);display:block}.plan-picker__option--selected{border-color:var(--color-primary);background-color:#eff6ff}.plan-picker__header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2)}.plan-picker__radio{margin-top:var(--space-1)}.plan-picker__name{font-weight:var(--font-semibold);font-size:var(--font-base);color:var(--color-gray-700)}.plan-picker__description{display:block;font-size:var(--font-sm);color:var(--color-gray-500);margin-top:var(--space-1)}.plan-picker__badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-left:var(--space-8)}.limits-section{margin-top:var(--space-6);margin-bottom:var(--space-6);padding:var(--space-4);background-color:var(--color-gray-50);border-radius:var(--radius-lg)}.limits-section__title{font-size:var(--font-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.limits-section__description{font-size:var(--font-sm);color:var(--color-gray-500);margin-bottom:var(--space-4)}.form__disabled-value{padding:var(--space-2) var(--space-3);background-color:var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-sm)}.color-picker{display:flex;gap:var(--space-2);align-items:center}.color-picker__input{width:60px;height:40px;cursor:pointer;border:none;padding:0}.color-picker__input--full{width:100%;height:40px;cursor:pointer;border:none;padding:0}.logo-preview{margin-top:var(--space-4);position:relative;display:inline-block}.logo-preview__image{max-width:200px;max-height:200px;object-fit:contain;border:1px solid var(--color-gray-200);border-radius:var(--radius-md)}.logo-preview__image--small{max-width:200px;max-height:100px;object-fit:contain}.logo-preview__remove-btn{margin-left:var(--space-12);margin-top:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-error);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer}.logo-remove-warning{margin-top:var(--space-2);color:var(--color-error);font-size:var(--font-sm)}.detail-page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:var(--space-6)}.section-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.list-items{display:flex;flex-direction:column;gap:var(--space-3)}.list-item{padding:var(--space-3);background-color:var(--color-gray-50);border-radius:var(--radius-md)}.list-item__row{display:flex;justify-content:space-between;align-items:center}.list-item__meta{font-size:var(--font-sm);color:var(--color-gray-500);margin-top:var(--space-1)}.list-item__meta-label{font-size:var(--font-sm);color:var(--color-gray-400)}.list-item__date{font-size:var(--font-sm);color:var(--color-gray-500)}.load-more{display:flex;justify-content:center;margin-top:var(--space-4)}.event-log-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:400px;overflow-y:auto}.event-log-item{padding:var(--space-3);background-color:var(--color-gray-50);border-radius:var(--radius-md);font-size:var(--font-sm)}.event-log-item__header{display:flex;justify-content:space-between;margin-bottom:var(--space-1)}.event-log-item__details{display:flex;gap:var(--space-2)}.event-log-item__expandable{margin-top:var(--space-2)}.event-log-item__summary{cursor:pointer;font-size:var(--font-xs);color:var(--color-primary)}.event-log-item__pre{margin-top:var(--space-2);padding:var(--space-2);background-color:var(--color-bg-white);border-radius:var(--radius-sm);font-size:var(--font-xs);overflow:auto;max-height:200px}.qr-code-section{display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start}.qr-code-wrapper{padding:var(--space-4);background-color:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200)}.url-input-row{display:flex;gap:var(--space-2);align-items:center}.url-input-row .form__input{flex:1;min-width:0}.url-input-row .button{flex-shrink:0;white-space:nowrap}.color-swatch{display:flex;align-items:center;gap:var(--space-3)}.color-swatch__inner{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-gray-300);flex-shrink:0}.modal-warning{color:var(--color-error);font-weight:var(--font-semibold)}.modal-warning__list{list-style:disc;padding-left:var(--space-6);font-size:var(--font-sm);color:var(--color-gray-500)}.companies-table-cols{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1.5fr}.plans-table-cols{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1.5fr 1fr}.sessions-table-cols{grid-template-columns:1.5fr 2fr 1.5fr 1.5fr 1fr}.group-admins-table-cols{grid-template-columns:1.5fr 1.5fr 2fr 1fr 1.5fr}.group-detail-admins-cols{grid-template-columns:1.5fr 2fr 1fr 1.5fr 1fr}.usage-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-top:var(--space-4)}.usage-stats__item{padding:var(--space-3);background-color:var(--color-gray-50);border-radius:var(--radius-md)}.usage-stats__label{font-size:var(--font-sm);color:var(--color-gray-500);display:block;margin-bottom:var(--space-1)}.usage-stats__value{font-size:var(--font-lg);font-weight:var(--font-semibold);color:#111827}.password-info{font-size:var(--font-sm);color:var(--color-error);margin-top:var(--space-4)}.tab-container{display:flex;gap:var(--space-2);border-bottom:2px solid var(--color-gray-200);margin-bottom:var(--space-8)}.tab-button{padding:var(--space-3) var(--space-6);background-color:transparent;border:none;border-bottom:2px solid transparent;font-size:var(--font-sm);font-weight:var(--font-medium);cursor:pointer;margin-bottom:-2px;color:var(--color-gray-500)}.tab-button--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.card--narrow{max-width:600px}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.grid-col-full{grid-column:1 / -1}.min-h-200{min-height:200px}.text-word-break{word-break:break-all;line-height:1.3}.separator{margin:0 var(--space-2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}