.sidebar{position:fixed;top:0;right:0;width:var(--sidebar-width);height:100vh;background-color:var(--gabai-bg-primary);border-left:1px solid var(--gabai-border);display:flex;flex-direction:column;z-index:100;transition:transform .3s ease}.sidebar-overlay{display:none}.sidebar-header{padding:20px 24px;border-bottom:1px solid var(--gabai-border-light)}.logo{display:flex;align-items:center;justify-content:center}.logo-image{max-width:180px;max-height:80px;width:auto;height:auto;object-fit:contain}.sidebar-nav{flex:1;overflow-y:auto;padding:16px 12px}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--gabai-radius-md);color:var(--gabai-text-secondary);transition:var(--gabai-transition);text-decoration:none}.nav-link:hover{background-color:var(--gabai-bg-secondary);color:var(--gabai-text-primary)}.nav-link.active{background-color:var(--gabai-blue);color:#fff}.nav-icon{font-size:18px}.nav-label{font-size:15px;font-weight:500}.sidebar-footer{padding:16px 24px;border-top:1px solid var(--gabai-border-light)}.version{font-size:12px;color:var(--gabai-text-muted);text-align:center}@media(max-width:768px){.sidebar{transform:translate(100%)}.sidebar.sidebar--open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:99}}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background-color:var(--gabai-bg-primary);border-bottom:1px solid var(--gabai-border-light)}.header-right{display:flex;align-items:center;gap:12px}.header-hamburger{display:none;width:40px;height:40px;align-items:center;justify-content:center;border:none;background:transparent;border-radius:8px;cursor:pointer;color:var(--gabai-text-secondary, #64748b)}@media(max-width:768px){.header-hamburger{display:flex}}.page-title{font-size:24px;font-weight:600;color:var(--gabai-text-primary);margin:0}.page-subtitle{font-size:14px;color:var(--gabai-text-muted, #64748b);margin:4px 0 0}.header-left{display:flex;align-items:center;gap:16px}.user-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.user-name{font-size:14px;font-weight:500;color:var(--gabai-text-primary)}.tenant-name{font-size:12px;color:var(--gabai-text-muted)}.header-icon-btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:8px;cursor:pointer;color:var(--gabai-text-secondary, #64748b);transition:all .2s}.header-icon-btn:hover{background:var(--gabai-bg, #f1f5f9);color:var(--gabai-blue, #4a90d9)}.notification-badge{position:absolute;top:4px;left:4px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--gabai-orange, #f5a623);color:#fff;font-size:10px;font-weight:600;border-radius:9px;padding:0 4px}.main-layout{min-height:100vh;background-color:var(--gabai-bg-tertiary)}.skip-to-content{position:absolute;top:-100%;right:0;z-index:9999;padding:.75rem 1.5rem;background:var(--gabai-blue, #4A90D9);color:#fff;text-decoration:none;font-weight:500;border-radius:0 0 0 8px}.skip-to-content:focus{top:0}.main-content{margin-right:var(--sidebar-width);min-height:100vh}@media(max-width:768px){.main-content{margin-right:0}}.main-content:focus{outline:none}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gabai-bg-secondary) 0%,var(--gabai-bg-tertiary) 100%);padding:20px}.auth-container{width:100%;max-width:440px}.auth-logo{text-align:center;margin-bottom:32px}.auth-logo-image{max-width:280px;max-height:180px;width:auto;height:auto;object-fit:contain}.auth-card{background-color:var(--gabai-bg-primary);border-radius:var(--gabai-radius-xl);box-shadow:var(--gabai-shadow-lg);padding:40px}.user-management-page{min-height:100vh}.user-management-content{padding:24px 32px;display:flex;flex-direction:column;gap:24px}.page-header-actions{display:flex;justify-content:flex-end;gap:12px}.user-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.stat-card{background:var(--gabai-bg-primary);border:1px solid var(--gabai-border-light);border-radius:var(--gabai-radius-md);padding:16px;text-align:center}.stat-label{font-size:13px;color:var(--gabai-text-secondary);margin-bottom:8px}.stat-value{font-size:24px;font-weight:700;color:var(--gabai-text-primary)}.stat-value.danger{color:var(--gabai-danger)}.stat-value.warning{color:var(--gabai-warning)}.stat-value.primary{color:var(--gabai-blue)}.stat-value.success{color:var(--gabai-success)}.filters-card .filters-row{display:flex;gap:16px;align-items:center}.filters-card .search-input{flex:1;max-width:400px}.table-content{overflow-x:auto}.data-table th,.data-table td{padding:12px 16px;text-align:right;border-bottom:1px solid var(--gabai-border-light)}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--gabai-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0}.user-info{display:flex;flex-direction:column}.user-email{font-size:12px;color:var(--gabai-text-secondary)}.mfa-enabled{color:var(--gabai-success);font-size:13px}.mfa-disabled{color:var(--gabai-text-muted);font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:span 2}.form-group label{font-size:13px;font-weight:500;color:var(--gabai-text-secondary)}.form-hint{font-size:11px;color:var(--gabai-text-muted)}.text-danger{color:var(--gabai-danger);font-weight:500}@media(max-width:1200px){.user-stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.user-management-content{padding:16px}.user-stats-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.filters-card .filters-row{flex-direction:column}.filters-card .search-input{max-width:none}}.settings-page{height:100%;display:flex;flex-direction:column}.settings-content{flex:1;padding:24px;display:flex;gap:24px;overflow-y:auto}.settings-tabs{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:4px}.settings-tab{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;border-radius:8px;cursor:pointer;text-align:right;transition:all .2s;font-size:14px;color:var(--gabai-text-secondary, #64748b)}.settings-tab:hover{background:var(--gabai-bg, #f1f5f9)}.settings-tab.active{background:var(--gabai-blue, #4a90d9);color:#fff}.tab-icon{font-size:18px}.tab-label{font-weight:500}.settings-panel{flex:1;display:flex;flex-direction:column;gap:24px}.form-group.full-width{grid-column:1 / -1}.form-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--gabai-border, #e2e8f0)}.form-section h4{margin:0 0 4px;font-size:16px;font-weight:600}.section-description{margin:0;font-size:13px;color:var(--gabai-text-secondary, #64748b)}.toggle-group{padding:16px;background:var(--gabai-bg, #f8fafc);border-radius:8px}.toggle-label{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.toggle-info{display:flex;flex-direction:column;gap:4px}.toggle-title{font-weight:500}.toggle-description{font-size:13px;color:var(--gabai-text-secondary, #64748b)}.toggle-input{width:44px;height:24px;cursor:pointer}.integrations-list{display:flex;flex-direction:column;gap:12px}.integration-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--gabai-bg, #f8fafc);border-radius:8px}.integration-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;font-size:24px;box-shadow:0 1px 3px #0000001a}.integration-info{flex:1}.integration-name{font-weight:500;margin-bottom:4px}.integration-status{font-size:13px}.integration-status.connected{color:var(--gabai-success, #10b981)}.integration-status.disconnected{color:var(--gabai-text-secondary, #64748b)}.users-list{display:flex;flex-direction:column;gap:12px}.user-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--gabai-bg, #f8fafc);border-radius:8px}.user-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--gabai-blue, #4a90d9);color:#fff;border-radius:50%;font-weight:600}.user-info{flex:1}.user-name{font-weight:500}.user-email{font-size:13px;color:var(--gabai-text-secondary, #64748b)}.user-role{padding:4px 12px;background:#fff;border-radius:16px;font-size:13px;color:var(--gabai-text-secondary, #64748b)}.settings-actions{display:flex;justify-content:flex-end;padding-top:24px;border-top:1px solid var(--gabai-border, #e2e8f0)}@media(max-width:768px){.settings-content{flex-direction:column}.settings-tabs{width:100%;flex-direction:row;overflow-x:auto;gap:8px}.settings-tab{flex-shrink:0;padding:8px 16px}.tab-label{display:none}.form-row{grid-template-columns:1fr}}.profile-page{height:100%;display:flex;flex-direction:column}.profile-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--gabai-text-secondary, #64748b)}.profile-loading .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-content{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:24px;max-width:900px;margin:0 auto;width:100%}.profile-header-card{background:#fff;border-radius:12px;padding:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000001a}.profile-avatar-section{display:flex;align-items:center;gap:20px}.profile-avatar{width:80px;height:80px;border-radius:50%;background:var(--gabai-blue, #4a90d9);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;position:relative;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-upload-btn{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;border:none;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.profile-avatar:hover .avatar-upload-btn{opacity:1}.profile-header-info h2{margin:0 0 4px;font-size:24px;font-weight:600}.profile-email{margin:0 0 8px;color:var(--gabai-text-secondary, #64748b);font-size:14px}.role-badge{display:inline-block;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500}.role-badge.admin{background:var(--gabai-blue, #4a90d9);color:#fff}.role-badge.user{background:var(--gabai-bg, #f1f5f9);color:var(--gabai-text-secondary, #64748b)}.last-login{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--gabai-text-secondary, #64748b)}.profile-tabs{display:flex;gap:8px;border-bottom:1px solid var(--gabai-border, #e2e8f0);padding-bottom:0}.profile-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:transparent;border-bottom:2px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:var(--gabai-text-secondary, #64748b);transition:all .2s;margin-bottom:-1px}.profile-tab:hover{color:var(--gabai-blue, #4a90d9)}.profile-tab.active{color:var(--gabai-blue, #4a90d9);border-bottom-color:var(--gabai-blue, #4a90d9)}.profile-panel{display:flex;flex-direction:column;gap:20px}.profile-info-list{display:flex;flex-direction:column;gap:16px}.info-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--gabai-bg, #f8fafc);border-radius:8px}.info-item svg{color:var(--gabai-blue, #4a90d9)}.info-content{display:flex;flex-direction:column;gap:4px}.info-label{font-size:12px;color:var(--gabai-text-secondary, #64748b)}.info-value{font-weight:500}.settings-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-group label{font-size:14px;font-weight:500;color:var(--gabai-text-secondary, #64748b)}.form-select{padding:10px 12px;border:1px solid var(--gabai-border, #e2e8f0);border-radius:8px;font-size:14px;background:#fff}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.security-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--gabai-bg, #f8fafc);border-radius:8px}.security-item-info{display:flex;align-items:center;gap:16px}.security-item-info svg{color:var(--gabai-blue, #4a90d9)}.security-item-info h4{margin:0 0 4px;font-size:15px;font-weight:500}.security-item-info p{margin:0;font-size:13px;color:var(--gabai-text-secondary, #64748b)}.twofa-status{display:flex;align-items:center;gap:12px}.status-enabled{display:flex;align-items:center;gap:6px;color:var(--gabai-success, #10b981);font-size:14px;font-weight:500}.status-disabled{display:flex;align-items:center;gap:6px;color:var(--gabai-text-secondary, #64748b);font-size:14px}.twofa-setup{display:flex;flex-direction:column;align-items:center;gap:24px;padding:20px}.twofa-qr{background:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.twofa-qr img{width:200px;height:200px}.twofa-instructions{text-align:center}.twofa-instructions h4{margin:0 0 8px;font-size:16px}.twofa-instructions p{margin:0;color:var(--gabai-text-secondary, #64748b);font-size:14px}.manual-key{margin-top:16px;display:flex;flex-direction:column;gap:8px;font-size:13px}.manual-key code{background:var(--gabai-bg, #f1f5f9);padding:8px 16px;border-radius:6px;font-family:monospace;font-size:14px;letter-spacing:2px}.twofa-verify{width:100%;max-width:300px;display:flex;flex-direction:column;gap:12px}.twofa-verify label{font-size:14px;font-weight:500;text-align:center}.twofa-input{text-align:center;font-size:24px!important;letter-spacing:8px;font-family:monospace}.twofa-backup-codes{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px}.backup-codes-header{display:flex;align-items:center;gap:12px}.backup-codes-header .success-icon{color:var(--gabai-success, #10b981)}.backup-codes-header h4{margin:0;font-size:18px;color:var(--gabai-success, #10b981)}.twofa-backup-codes p{text-align:center;color:var(--gabai-text-secondary, #64748b);font-size:14px;max-width:400px}.backup-codes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.backup-codes-grid code{background:var(--gabai-bg, #f1f5f9);padding:10px 16px;border-radius:6px;font-family:monospace;font-size:14px;text-align:center}.sessions-list{display:flex;flex-direction:column;gap:12px}.session-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--gabai-bg, #f8fafc);border-radius:8px}.session-item.current{border:1px solid var(--gabai-blue, #4a90d9);background:#4a90d90d}.session-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;color:var(--gabai-blue, #4a90d9)}.session-info{flex:1}.session-device{display:flex;align-items:center;gap:8px;font-weight:500;margin-bottom:4px}.current-badge{font-size:11px;padding:2px 8px;background:var(--gabai-blue, #4a90d9);color:#fff;border-radius:10px;font-weight:400}.session-details{font-size:13px;color:var(--gabai-text-secondary, #64748b);margin-bottom:4px}.session-time{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gabai-text-secondary, #64748b)}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--gabai-text-secondary, #64748b)}.loading-state .spinner{animation:spin 1s linear infinite}@media(max-width:768px){.profile-header-card{flex-direction:column;gap:16px;text-align:center}.profile-avatar-section{flex-direction:column}.profile-tabs{overflow-x:auto}.profile-tab span{display:none}.form-row{grid-template-columns:1fr}.backup-codes-grid{grid-template-columns:repeat(2,1fr)}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:400px;margin:16px;box-shadow:0 10px 25px #0003}.modal-header{padding:20px 24px;border-bottom:1px solid var(--gabai-border, #e2e8f0)}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--gabai-text-primary, #1e293b)}.modal-body{padding:24px}.modal-body .form-group{margin-top:16px}.modal-body .form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--gabai-text-primary, #1e293b)}.modal-footer{padding:16px 24px;border-top:1px solid var(--gabai-border, #e2e8f0);display:flex;justify-content:flex-end;gap:12px}.warning-text{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:14px}.spin{animation:spin 1s linear infinite}.api-keys-page{min-height:100vh}.api-keys-content{padding:24px 32px;display:flex;flex-direction:column;gap:24px}.info-card .info-content{display:flex;align-items:center;gap:16px}.info-icon{font-size:24px}.info-text{flex:1}.info-text p{margin:0;font-size:14px;color:var(--gabai-text-secondary)}.info-text p:first-child{color:var(--gabai-text-primary);margin-bottom:4px}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px 14px;text-align:right;border-bottom:1px solid var(--gabai-border-light)}.data-table th{font-weight:500;color:var(--gabai-text-secondary);font-size:13px;background-color:var(--gabai-bg-tertiary)}.data-table td{font-size:14px;color:var(--gabai-text-primary)}.data-table tbody tr:hover{background-color:var(--gabai-bg-secondary)}.data-table tbody tr.row-inactive{opacity:.6}.key-name-cell{display:flex;flex-direction:column;gap:2px}.key-name{font-weight:500}.key-creator{font-size:12px;color:var(--gabai-text-muted)}.key-prefix{font-family:monospace;font-size:13px;padding:4px 8px;background-color:var(--gabai-bg-tertiary);border-radius:4px}.permissions-cell{display:flex;flex-wrap:wrap;gap:4px}.permission-badge{font-size:11px;padding:2px 6px;border-radius:4px;background-color:var(--gabai-bg-tertiary);color:var(--gabai-text-secondary)}.permission-more{font-size:11px;color:var(--gabai-text-muted)}.action-buttons{display:flex;gap:4px}.empty-state{display:flex;flex-direction:column;align-items:center;padding:40px;gap:16px;text-align:center}.empty-icon{font-size:48px}.empty-state p{margin:0;color:var(--gabai-text-secondary)}.docs-card .docs-content{display:flex;align-items:center;gap:16px}.docs-icon{font-size:32px}.docs-content h4{margin:0 0 4px;font-size:16px}.docs-content p{margin:0;font-size:14px;color:var(--gabai-text-secondary)}.docs-content div{flex:1}.create-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:var(--gabai-text-secondary)}.permissions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.permission-checkbox{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.permission-checkbox input{width:16px;height:16px}.new-key-display{display:flex;flex-direction:column;gap:16px}.warning-box{background-color:#f5a6231a;border:1px solid var(--gabai-warning);color:var(--gabai-warning);padding:12px 16px;border-radius:var(--gabai-radius-md);font-weight:500}.key-display{display:flex;align-items:center;gap:12px;padding:12px;background-color:var(--gabai-bg-tertiary);border-radius:var(--gabai-radius-md)}.key-display code{flex:1;font-family:monospace;font-size:14px;word-break:break-all}.text-danger{color:var(--gabai-danger)}@media(max-width:768px){.api-keys-content{padding:16px}.info-card .info-content,.docs-card .docs-content{flex-direction:column;text-align:center}.permissions-grid{grid-template-columns:1fr}.key-display{flex-direction:column}}.audit-log-page{min-height:100vh}.audit-log-content{padding:24px 32px;display:flex;flex-direction:column;gap:24px}.filters-card .filters-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.filters-card select,.filters-card input{min-width:140px}.loading-state{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--gabai-text-muted)}.events-list{display:flex;flex-direction:column;gap:8px}.event-item{border:1px solid var(--gabai-border-light);border-radius:var(--gabai-radius-md);background-color:var(--gabai-bg-primary);overflow:hidden}.event-item.warning{border-right:3px solid var(--gabai-warning)}.event-item.error{border-right:3px solid var(--gabai-danger)}.event-item.critical{border-right:3px solid var(--gabai-danger);background-color:#ef444405}.event-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer;transition:background-color .15s ease}.event-header:hover{background-color:var(--gabai-bg-secondary)}.event-main{display:flex;align-items:center;gap:12px}.event-icon{font-size:20px}.event-info{display:flex;flex-direction:column;gap:2px}.event-type{font-weight:500;color:var(--gabai-text-primary)}.event-description{font-size:13px;color:var(--gabai-text-secondary)}.event-meta{display:flex;align-items:center;gap:16px}.event-user{font-size:13px;color:var(--gabai-text-secondary)}.event-time{font-size:12px;color:var(--gabai-text-muted);font-family:monospace}.expand-icon{font-size:10px;color:var(--gabai-text-muted)}.event-details{padding:16px;background-color:var(--gabai-bg-tertiary);border-top:1px solid var(--gabai-border-light)}.details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item.full-width{grid-column:span 4}.detail-label{font-size:12px;color:var(--gabai-text-muted)}.detail-value{font-size:13px;color:var(--gabai-text-primary)}.detail-value.code{font-family:monospace;font-size:12px}.changes-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--gabai-border-light)}.changes-section h5{margin:0 0 12px;font-size:14px;font-weight:500;color:var(--gabai-text-secondary)}.changes-table{width:100%;border-collapse:collapse}.changes-table th,.changes-table td{padding:8px 12px;text-align:right;border:1px solid var(--gabai-border-light);font-size:13px}.changes-table th{background-color:var(--gabai-bg-secondary);font-weight:500}.old-value{color:var(--gabai-danger);text-decoration:line-through}.new-value{color:var(--gabai-success)}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding-top:16px;border-top:1px solid var(--gabai-border-light);margin-top:16px}.pagination-info{font-size:14px;color:var(--gabai-text-secondary)}@media(max-width:1200px){.details-grid{grid-template-columns:repeat(2,1fr)}.detail-item.full-width{grid-column:span 2}}@media(max-width:768px){.audit-log-content{padding:16px}.filters-card .filters-row{flex-direction:column;align-items:stretch}.event-header{flex-direction:column;align-items:flex-start;gap:12px}.event-meta{width:100%;justify-content:space-between;flex-wrap:wrap}.details-grid{grid-template-columns:1fr}.detail-item.full-width{grid-column:span 1}}.billing-page{min-height:100vh}.billing-content{padding:24px 32px}.current-plan-card{background:linear-gradient(135deg,var(--gabai-blue) 0%,#1E3A5F 100%);color:#fff;border-radius:var(--gabai-radius-lg);padding:24px;margin-bottom:24px}.plan-header{display:flex;justify-content:space-between;align-items:flex-start}.plan-info{display:flex;align-items:center;gap:16px}.plan-icon{width:64px;height:64px;background:#ffffff26;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px}.plan-name{font-size:24px;font-weight:600;margin:0 0 4px}.plan-renewal{opacity:.9;font-size:14px}.plan-price{text-align:left}.plan-price .amount{font-size:32px;font-weight:700}.plan-price .period{font-size:14px;opacity:.8}.billing-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}@media(max-width:1024px){.billing-grid{grid-template-columns:1fr}}.usage-section{margin-bottom:24px}.usage-item{margin-bottom:20px}.usage-item:last-child{margin-bottom:0}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.usage-label{display:flex;align-items:center;gap:8px;font-weight:500;font-size:14px}.usage-label-icon{font-size:16px}.usage-value{font-size:14px}.usage-value strong{font-weight:600}.usage-bar{height:8px;background:var(--gabai-bg-tertiary);border-radius:4px;overflow:hidden}.usage-fill{height:100%;border-radius:4px;transition:width .3s ease}.usage-fill.safe{background:var(--gabai-success)}.usage-fill.warning{background:var(--gabai-orange)}.usage-fill.danger{background:var(--gabai-danger)}.usage-alert{margin-top:6px;font-size:12px;display:flex;align-items:center;gap:4px}.usage-alert.warning{color:var(--gabai-orange)}.usage-alert.danger{color:var(--gabai-danger)}.pricing-table{width:100%;border-collapse:collapse}.pricing-table th,.pricing-table td{padding:12px;text-align:right;border-bottom:1px solid var(--gabai-border-light);font-size:14px}.pricing-table th{font-weight:500;color:var(--gabai-text-secondary);background:var(--gabai-bg-tertiary)}.pricing-table td{color:var(--gabai-text-primary)}.pricing-table .discount-text{color:var(--gabai-success);font-size:12px}.invoice-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--gabai-border-light)}.invoice-item:last-child{border-bottom:none}.invoice-info{display:flex;flex-direction:column;gap:4px}.invoice-number{font-weight:600;font-size:14px}.invoice-date{font-size:13px;color:var(--gabai-text-secondary)}.invoice-actions{display:flex;align-items:center;gap:12px}.invoice-amount{font-weight:600;font-size:15px}.payment-method-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--gabai-bg-tertiary);border-radius:var(--gabai-radius);margin-bottom:12px}.payment-method-card:last-child{margin-bottom:0}.card-icon{width:48px;height:32px;background:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:10px;color:var(--gabai-blue);border:1px solid var(--gabai-border-light)}.card-info{flex:1}.card-number{font-weight:500;font-size:14px}.card-expiry{font-size:12px;color:var(--gabai-text-secondary)}.default-badge{background:var(--gabai-blue-light);color:var(--gabai-blue);padding:4px 8px;border-radius:var(--gabai-radius-sm);font-size:11px;font-weight:500}.plan-features{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.2)}.plan-features-title{font-size:13px;opacity:.8;margin-bottom:8px}.plan-features-list{display:flex;flex-wrap:wrap;gap:12px}.plan-feature{display:flex;align-items:center;gap:6px;font-size:13px}.plan-feature-icon{color:#4ade80}.quick-actions{display:flex;gap:8px;margin-top:16px}.billing-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.billing-stat-card{background:#fff;border:1px solid var(--gabai-border-light);border-radius:var(--gabai-radius-lg);padding:16px;text-align:center}.billing-stat-label{font-size:13px;color:var(--gabai-text-secondary);margin-bottom:4px}.billing-stat-value{font-size:20px;font-weight:600;color:var(--gabai-text-primary)}@media(max-width:768px){.billing-stats{grid-template-columns:1fr}.plan-header{flex-direction:column;gap:16px}.plan-price{text-align:right}}