@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.app-layout{display:flex;height:100vh;background-color:var(--color-bg-secondary)}.sidebar{width:264px;flex-shrink:0;height:100vh;background:var(--gradient-sidebar);border-right:1px solid var(--color-border-light);display:flex;flex-direction:column;box-shadow:var(--shadow-xs);overflow-y:auto;position:sticky;top:0;z-index:var(--z-sticky)}.sidebar-header{display:flex;align-items:baseline;gap:var(--spacing-sm);padding:var(--spacing-lg);margin:var(--spacing-md) var(--spacing-md) var(--spacing-sm);border-radius:var(--radius-lg);background-image:var(--gradient-primary);box-shadow:var(--shadow-primary)}.sidebar-logo{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);letter-spacing:.04em;color:#fff}.sidebar-logo-tag{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.12em;color:#ffffffd9}.sidebar-nav{flex:1;padding:var(--spacing-sm) 0;overflow-y:auto}.nav-section{padding:var(--spacing-sm) 0}.nav-section-title{padding:var(--spacing-sm) var(--spacing-lg);font-size:.6875rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary)}.nav-link{display:flex;align-items:center;gap:var(--spacing-md);padding:.625rem var(--spacing-md);margin:2px var(--spacing-md);color:var(--color-text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-link svg{width:18px;height:18px;flex-shrink:0;color:var(--color-text-tertiary);transition:color var(--transition-fast)}.nav-link:hover{background-color:var(--color-primary-soft);color:var(--color-primary-dark)}.nav-link:hover svg{color:var(--color-primary)}.nav-link.active{background-image:var(--gradient-primary);color:#fff;font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-primary)}.nav-link.active svg{color:#fff}.sidebar-footer{padding:var(--spacing-lg);border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:var(--spacing-md)}.user-info{display:flex;align-items:center;gap:var(--spacing-md)}.user-avatar{width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-full);background-image:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-base)}.user-meta{min-width:0}.user-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{align-self:flex-start}.sidebar-backdrop{display:none}.main-content{flex:1;min-width:0;display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{padding:var(--spacing-md) var(--spacing-xl);background-color:#ffffffd9;-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);position:sticky;top:0;z-index:var(--z-fixed);flex-shrink:0}.topbar-left{display:flex;align-items:center;gap:var(--spacing-md)}.topbar-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.topbar-menu{display:none;background:transparent;border:1px solid var(--color-border-default);color:var(--color-text-secondary);cursor:pointer;align-items:center;justify-content:center}.topbar-menu:hover{background-color:var(--color-bg-tertiary)}.main-scroll{flex:1;overflow-y:auto}@media (max-width: 900px){.topbar-menu{display:inline-flex}.sidebar{position:fixed;top:0;left:0;height:100vh;transform:translate(-100%);transition:transform var(--transition-base);z-index:var(--z-modal);box-shadow:var(--shadow-xl)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0a061273;z-index:var(--z-modal-backdrop);animation:fade-in var(--transition-fast)}.topbar{padding:var(--spacing-md) var(--spacing-lg)}}.sec-filter{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);cursor:pointer}.sec-filter input{width:auto}.sec-endpoint{font-size:var(--font-size-xs);color:var(--color-text-primary);white-space:nowrap}.sec-reason{max-width:280px;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.sec-resolved{opacity:.5}.sec-sev-critical{background:#fde8ef;color:#9d174d;border:1px solid #fbcfe8}.sec-sev-high{background:var(--color-danger-bg);color:#991b1b;border:1px solid var(--color-danger-border)}.sec-sev-medium{background:var(--color-warning-bg);color:#92400e;border:1px solid var(--color-warning-border)}.sec-sev-low{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border-default)}.nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);background:var(--color-danger);color:#fff;font-size:11px;font-weight:var(--font-weight-bold);display:inline-flex;align-items:center;justify-content:center}.toasts-container{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:var(--z-notification);display:flex;flex-direction:column;gap:var(--spacing-sm)}.toast{display:flex;align-items:center;justify-content:space-between;min-width:320px;max-width:420px;padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:slideIn .3s ease-out;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-left:4px solid}.toast span{flex:1;margin-right:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary)}.toast-success{border-left-color:var(--color-success)}.toast-error{border-left-color:var(--color-danger)}.toast-info{border-left-color:var(--color-info)}.toast-close{background:none;border:none;font-size:16px;cursor:pointer;color:var(--color-text-tertiary);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0}.toast-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}@keyframes slideIn{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.toasts-container{left:var(--spacing-md);right:var(--spacing-md);bottom:var(--spacing-md)}.toast{min-width:auto;max-width:none}}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--gradient-brand-dark);padding:var(--spacing-md);position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,#ff207959,#ff207900 70%);top:-120px;right:-120px;pointer-events:none}.login-box{position:relative;width:100%;max-width:420px;padding:var(--spacing-2xl);background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.login-brand{display:inline-block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);letter-spacing:.04em;background-image:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--color-primary);margin-bottom:var(--spacing-lg)}.login-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xs)}.login-subtitle{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xl)}.login-error{padding:var(--spacing-md);background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--radius-md);color:#991b1b;margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.login-box form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.login-box .form-group{margin-bottom:0}.login-box .btn{margin-top:var(--spacing-sm)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.stat-card{display:flex;align-items:center;gap:var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base),border-color var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-border-default)}.stat-icon{width:48px;height:48px;flex-shrink:0;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon-primary{background-image:var(--gradient-primary)}.stat-icon-danger{background-color:var(--color-danger)}.stat-icon-warning{background-color:var(--color-warning)}.stat-icon-info{background-color:var(--color-info)}.stat-content{min-width:0}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);line-height:1.1;color:var(--color-text-primary);margin:2px 0;letter-spacing:-.02em}.stat-meta{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.progress-track{width:100%;height:8px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);background-image:var(--gradient-primary);transition:width var(--transition-slow)}.recharts-cartesian-axis-tick text{fill:var(--color-text-tertiary);font-size:12px}.recharts-default-tooltip{border-radius:var(--radius-md)!important;border:1px solid var(--color-border-light)!important;box-shadow:var(--shadow-md)!important;font-size:var(--font-size-sm)}.recharts-cartesian-grid line{stroke:var(--color-border-light)}@media (max-width: 768px){.stat-value{font-size:var(--font-size-2xl)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a061280;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-md);animation:fadeIn .2s ease}.modal{background:var(--color-bg-primary);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:slideUp .25s ease;overflow:hidden}.modal-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.modal-header h2{margin:0;font-size:var(--font-size-xl)}.modal-close{background:none;border:none;font-size:20px;color:var(--color-text-tertiary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast);flex-shrink:0}.modal-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal-body{padding:var(--spacing-xl);overflow-y:auto}.modal-footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-border-light);background:var(--color-bg-secondary);display:flex;gap:var(--spacing-md);justify-content:flex-end}.modal-footer button{min-width:110px}.modal-body .card-footer{margin:var(--spacing-lg) calc(-1 * var(--spacing-xl)) calc(-1 * var(--spacing-xl))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.modal{max-width:100%}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-lg)}.modal-footer{flex-direction:column-reverse}.modal-footer button{width:100%}}.search-form{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.search-form input{flex:1;max-width:440px}.users-layout{display:grid;grid-template-columns:320px 1fr;gap:var(--spacing-xl);align-items:start}.users-list-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.users-list{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden;max-height:560px;overflow-y:auto;background:var(--color-bg-primary);box-shadow:var(--shadow-sm)}.user-list-item{padding:var(--spacing-md);border-bottom:1px solid var(--color-border-light);cursor:pointer;border-left:3px solid transparent;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.user-list-item:hover{background:var(--color-bg-secondary)}.user-list-item.selected{background:var(--color-primary-soft);border-left-color:var(--color-primary)}.user-list-item:last-child{border-bottom:none}.user-list-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.user-list-info .badge{align-self:flex-start;margin-top:2px}.user-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.user-email{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.user-detail-section{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);min-height:320px}.user-detail h2{margin-bottom:var(--spacing-lg)}.detail-grid{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.detail-row{display:grid;grid-template-columns:170px 1fr;gap:var(--spacing-md);align-items:flex-start;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-light)}.detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-row .label{font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.03em}.detail-row .value{color:var(--color-text-primary);font-size:var(--font-size-sm);word-break:break-word}.photos-grid{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border-light)}.photos-grid h3{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base)}.photos-grid .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:var(--spacing-md)}.photo-item{position:relative;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border-light)}.photo-item img{width:100%;height:100%;object-fit:cover;aspect-ratio:1;display:block}.photo-item .status{position:absolute;bottom:0;right:0;padding:3px 8px;font-size:10px;font-weight:var(--font-weight-semibold);text-transform:capitalize;border-radius:var(--radius-sm) 0 0 0;color:#fff}.photo-item .status.status-pending{background:var(--color-warning)}.photo-item .status.status-approved{background:var(--color-success)}.photo-item .status.status-rejected{background:var(--color-danger)}.action-buttons{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border-light)}.action-buttons button{flex:1}.pagination{display:flex;gap:var(--spacing-sm)}.pagination button{flex:1}@media (max-width: 1024px){.users-layout{grid-template-columns:1fr}.users-list{max-height:320px}}@media (max-width: 768px){.search-form{flex-direction:column}.search-form input{max-width:100%}.detail-row{grid-template-columns:1fr;gap:var(--spacing-xs)}.action-buttons{flex-direction:column}.editor-grid{grid-template-columns:1fr}}.user-list-item{display:block;width:100%;font-family:inherit;background:transparent;border:none;border-bottom:1px solid var(--color-border-light);border-left:3px solid transparent}.user-list-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.users-list-loading{display:flex;justify-content:center;padding:var(--spacing-xl)}.pager{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xs)}.pager-info{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.user-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.user-editor-head h2{margin-bottom:var(--spacing-xs)}.user-editor-head-actions{display:flex;flex-shrink:0;gap:var(--spacing-sm)}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md) var(--spacing-lg)}.editor-grid .form-group{margin-bottom:0}.editor-full{grid-column:1 / -1}.switch-row{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:var(--font-weight-normal)!important;color:var(--color-text-secondary)}.switch-row input{width:auto}.editor-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-light)}.editor-photos{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-light)}.editor-photos-head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.editor-photos-head h3{font-size:var(--font-size-base)}.editor-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-md)}.editor-photo{position:relative;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.editor-photo img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.editor-photo-main{position:absolute;top:6px;left:6px;background:var(--color-primary);color:#fff;font-size:10px;font-weight:var(--font-weight-bold);padding:2px 8px;border-radius:var(--radius-full)}.editor-photo .status{position:absolute;top:6px;right:6px;padding:2px 8px;font-size:10px;font-weight:var(--font-weight-semibold);text-transform:capitalize;border-radius:var(--radius-full);color:#fff}.editor-photo .status-pending{background:var(--color-warning)}.editor-photo .status-approved{background:var(--color-success)}.editor-photo .status-rejected{background:var(--color-danger)}.editor-photo-controls{display:flex;align-items:center;justify-content:space-between;gap:2px;padding:4px;background:var(--color-bg-primary)}.editor-photo-controls button{flex:1;border:none;background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:var(--radius-sm);padding:4px 0;font-size:13px;cursor:pointer;transition:all var(--transition-fast)}.editor-photo-controls button:hover:not(:disabled){background:var(--color-primary-soft);color:var(--color-primary-dark)}.editor-photo-controls button.danger:hover:not(:disabled){background:var(--color-danger-bg);color:var(--color-danger)}.editor-photo-controls button:disabled{opacity:.4;cursor:not-allowed}.photos-moderation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.photo-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:box-shadow var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast);border:2px solid transparent;background:var(--color-bg-primary);box-shadow:var(--shadow-sm)}.photo-card img{width:100%;height:160px;object-fit:cover;display:block}.photo-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.photo-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-tint),var(--shadow-md)}.photo-info{padding:var(--spacing-md);background:var(--color-bg-primary)}.photo-info p{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-info p.date{font-size:11px;color:var(--color-text-tertiary);margin-top:var(--spacing-xs)}.photo-actions{position:sticky;bottom:var(--spacing-lg);display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.photo-actions button{flex:1}@media (max-width: 768px){.photos-moderation-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--spacing-md)}.photo-card img{height:130px}.photo-actions{flex-direction:column}}.empty-state-large{display:flex;flex-direction:column;align-items:center;justify-content:center}.audit-table{margin:var(--spacing-lg) 0;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.audit-table table{width:100%;border-collapse:collapse}.action-badge{display:inline-block;padding:4px 10px;background:var(--color-primary-tint);color:var(--color-primary-dark);border:1px solid rgba(255,32,121,.25);border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);font-family:var(--font-family-mono)}.pagination{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl);justify-content:center}@media (max-width: 1024px){.audit-table{font-size:var(--font-size-xs)}}@media (max-width: 768px){.audit-table{overflow-x:auto}}.data-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-lg);align-items:start}.data-tables{position:sticky;top:var(--spacing-lg)}.data-tables-list{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:70vh;overflow-y:auto}.data-table-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;cursor:pointer;text-align:left;font-family:inherit;transition:all var(--transition-fast)}.data-table-btn:hover{background:var(--color-bg-secondary)}.data-table-btn.active{background:var(--color-primary-soft);border-color:#ff207940}.data-table-label{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-primary)}.data-table-btn.active .data-table-label{color:var(--color-primary-dark)}.data-table-count{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.data-viewer{min-width:0}.data-viewer td{font-family:var(--font-family-mono);font-size:var(--font-size-xs);white-space:nowrap;max-width:240px;overflow:hidden;text-overflow:ellipsis}@media (max-width: 900px){.data-layout{grid-template-columns:1fr}.data-tables{position:static}.data-tables-list{max-height:240px}}:root{--color-primary: #ff2079;--color-primary-dark: #d6126a;--color-primary-light: #ff5ca3;--color-primary-soft: #fff0f6;--color-primary-tint: rgba(255, 32, 121, .1);--color-secondary: #0a0612;--color-accent: #ffe6f0;--gradient-primary: linear-gradient(135deg, #ff2079 0%, #ff6bb0 100%);--gradient-primary-strong: linear-gradient(135deg, #e0186b 0%, #ff4d8d 100%);--gradient-brand-dark: linear-gradient(150deg, #1a0f20 0%, #0a0612 100%);--gradient-sidebar: linear-gradient(180deg, #fffafd 0%, #ffffff 22%);--color-bg-primary: #ffffff;--color-bg-secondary: #f9f7fa;--color-bg-tertiary: #f1edf3;--color-text-primary: #19121f;--color-text-secondary: #5b5266;--color-text-tertiary: #8b8295;--color-border-light: #efe9f1;--color-border-default: #e2dae6;--color-border-dark: #cbbfd1;--color-success: #10b981;--color-success-bg: #ecfdf5;--color-success-border: #a7f3d0;--color-warning: #f59e0b;--color-warning-bg: #fffbeb;--color-warning-border: #fee3cb;--color-danger: #ef4444;--color-danger-bg: #fee2e2;--color-danger-border: #fecaca;--color-info: #3b82f6;--color-info-bg: #eff6ff;--color-info-border: #bfdbfe;--shadow-xs: 0 1px 2px 0 rgba(26, 15, 32, .05);--shadow-sm: 0 1px 3px rgba(26, 15, 32, .06), 0 1px 2px rgba(26, 15, 32, .04);--shadow-md: 0 4px 12px -2px rgba(26, 15, 32, .08), 0 2px 6px -2px rgba(26, 15, 32, .05);--shadow-lg: 0 12px 28px -6px rgba(26, 15, 32, .12), 0 6px 12px -6px rgba(26, 15, 32, .07);--shadow-xl: 0 24px 48px -12px rgba(26, 15, 32, .18);--shadow-primary: 0 6px 18px -4px rgba(255, 32, 121, .45);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;--font-family-mono: "SFMono-Regular", "Menlo", "Consolas", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-tooltip: 600;--z-notification: 700}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-secondary);color:var(--color-text-primary)}body,html{height:100%;width:100%}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.01em;color:var(--color-text-primary)}h1{font-size:var(--font-size-3xl);letter-spacing:-.02em}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5,h6{font-size:var(--font-size-base)}p{margin:0}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}a:active{color:var(--color-primary-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:inherit;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:1.2}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn svg{flex-shrink:0}.btn-primary{background-image:var(--gradient-primary);background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-xs)}.btn-primary:hover:not(:disabled){background-image:var(--gradient-primary-strong);box-shadow:var(--shadow-primary)}.btn-secondary{background-color:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-default)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-secondary);border-color:var(--color-border-dark);box-shadow:var(--shadow-sm)}.btn-success{background-color:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background-color:#059669;box-shadow:var(--shadow-md)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626;box-shadow:var(--shadow-md)}.btn-warning{background-color:var(--color-warning);color:#fff}.btn-warning:hover:not(:disabled){background-color:#d97706}.btn-info{background-color:var(--color-info);color:#fff}.btn-info:hover:not(:disabled){background-color:#2563eb}.btn-ghost{background-color:transparent;color:var(--color-text-secondary);border:1px solid transparent}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-tertiary);color:var(--color-text-primary);transform:none}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);border-radius:var(--radius-sm)}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base)}.btn-block{width:100%}.btn-icon{padding:var(--spacing-sm);width:38px;height:38px;border-radius:var(--radius-md)}input:not([type]),input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],input[type=search],select,textarea{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:inherit;line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}input:not([type])::placeholder,input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder,input[type=date]::placeholder,input[type=time]::placeholder,input[type=search]::placeholder,select::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}input:not([type]):focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=date]:focus,input[type=time]:focus,input[type=search]:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-tint);background-color:var(--color-bg-primary)}input:not([type]):disabled,input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=number]:disabled,input[type=date]:disabled,input[type=time]:disabled,input[type=search]:disabled,select:disabled,textarea:disabled{background-color:var(--color-bg-tertiary);color:var(--color-text-tertiary);cursor:not-allowed}input:not([type]):read-only,input[type=text]:read-only,input[type=email]:read-only,input[type=password]:read-only,input[type=number]:read-only,input[type=date]:read-only,input[type=time]:read-only,input[type=search]:read-only,select:read-only,textarea:read-only{background-color:var(--color-bg-tertiary);cursor:default}textarea{resize:vertical;min-height:100px}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235B5266' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;padding-right:32px}input[type=checkbox],input[type=radio]{cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.form-group label{display:block;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-primary)}.form-group label.required:after{content:" *";color:var(--color-danger)}.form-help{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--spacing-xs)}.form-error{font-size:var(--font-size-xs);color:var(--color-danger);margin-top:var(--spacing-xs)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;line-height:1.4}.badge-success{background-color:var(--color-success-bg);color:#047857;border:1px solid var(--color-success-border)}.badge-danger{background-color:var(--color-danger-bg);color:#991b1b;border:1px solid var(--color-danger-border)}.badge-warning{background-color:var(--color-warning-bg);color:#92400e;border:1px solid var(--color-warning-border)}.badge-info{background-color:var(--color-info-bg);color:#1e40af;border:1px solid var(--color-info-border)}.badge-primary{background-color:var(--color-primary-tint);color:var(--color-primary-dark);border:1px solid rgba(255,32,121,.25)}.card{background-color:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),border-color var(--transition-base),transform var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-default)}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-light);background-color:var(--color-bg-primary)}.card-header h3{font-size:var(--font-size-lg)}.card-body{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-lg);border-top:1px solid var(--color-border-light);background-color:var(--color-bg-secondary);display:flex;gap:var(--spacing-md);justify-content:flex-end}.table-container{overflow-x:auto;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-bg-primary)}table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}thead{background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-default);position:sticky;top:0;z-index:var(--z-sticky)}th{padding:var(--spacing-md) var(--spacing-md);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;-webkit-user-select:none;user-select:none}td{padding:var(--spacing-md);border-bottom:1px solid var(--color-border-light);color:var(--color-text-secondary)}tbody tr{transition:background-color var(--transition-fast)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background-color:var(--color-primary-soft)}.loading-spinner{display:inline-block;width:22px;height:22px;border:3px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--spacing-lg);color:var(--color-text-tertiary)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.alert{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);border-left:4px solid;display:flex;gap:var(--spacing-md);align-items:flex-start;animation:fade-in var(--transition-base)}.alert-success{background-color:var(--color-success-bg);border-color:var(--color-success);color:#047857}.alert-danger{background-color:var(--color-danger-bg);border-color:var(--color-danger);color:#991b1b}.alert-warning{background-color:var(--color-warning-bg);border-color:var(--color-warning);color:#92400e}.alert-info{background-color:var(--color-info-bg);border-color:var(--color-info);color:#1e40af}.error-message{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--radius-md);color:#991b1b;font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-xl);text-align:center;color:var(--color-text-tertiary);min-height:240px;gap:var(--spacing-sm)}.empty-state h2,.empty-state h3{color:var(--color-text-secondary)}.empty-state-large{padding:var(--spacing-3xl) var(--spacing-lg);min-height:420px;background:var(--color-bg-primary);border:1px dashed var(--color-border-default);border-radius:var(--radius-lg);gap:var(--spacing-md)}.page-container{padding:var(--spacing-xl);max-width:1320px;margin:0 auto;width:100%;animation:fade-in var(--transition-base)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);gap:var(--spacing-lg)}.page-header h1{margin-bottom:var(--spacing-xs)}.page-header .subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.page-header .page-actions{display:flex;gap:var(--spacing-md);flex-shrink:0}.grid{display:grid;gap:var(--spacing-lg);width:100%}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.w-full{width:100%}.h-2{height:8px}.rounded-full{border-radius:var(--radius-full)}.rounded-md{border-radius:var(--radius-md)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.bg-primary-gradient{background-image:var(--gradient-primary)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.ml-2{margin-left:var(--spacing-md)}.px-2{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.py-2{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-6{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}@media (max-width: 768px){.page-container{padding:var(--spacing-lg)}.page-header{flex-direction:column}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}table{font-size:var(--font-size-xs)}th,td{padding:var(--spacing-sm)}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:var(--gradient-brand-dark, #0a0612)}.error-boundary-card{width:100%;max-width:520px;background:var(--color-bg-primary, #fff);border-radius:var(--radius-xl, 20px);box-shadow:var(--shadow-xl, 0 24px 48px -12px rgba(0, 0, 0, .4));padding:var(--spacing-2xl, 3rem);text-align:center}.error-boundary-badge{width:56px;height:56px;margin:0 auto var(--spacing-lg, 1.5rem);border-radius:var(--radius-full, 9999px);background:var(--color-danger-bg, #fee2e2);color:var(--color-danger, #ef4444);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800}.error-boundary-card h1{font-size:var(--font-size-2xl, 1.5rem);margin-bottom:var(--spacing-sm, .5rem)}.error-boundary-sub{color:var(--color-text-secondary, #5b5266);font-size:var(--font-size-sm, .875rem);margin-bottom:var(--spacing-lg, 1.5rem);line-height:1.6}.error-boundary-message{text-align:left;background:var(--color-bg-tertiary, #f1edf3);border:1px solid var(--color-border-light, #efe9f1);border-radius:var(--radius-md, 10px);padding:var(--spacing-md, 1rem);font-family:var(--font-family-mono, monospace);font-size:var(--font-size-xs, .75rem);color:var(--color-text-primary, #19121f);white-space:pre-wrap;word-break:break-word;max-height:200px;overflow:auto;margin-bottom:var(--spacing-lg, 1.5rem)}.error-boundary-actions{display:flex;justify-content:center;gap:var(--spacing-md, 1rem)}