.sidebar{min-height:100vh;background-color:var(--bg)!important;border-right:1px solid var(--bg-muted)}.sidebar-header{padding:24px}.sidebar-logo{display:flex;align-items:center;gap:12px;color:var(--color);font-size:var(--font-tier-1);font-weight:600}.sidebar-logo-icon{width:32px;height:32px;background:linear-gradient(135deg,#FF69B4,#9370DB);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.ant-menu.ant-menu-dark{background-color:var(--bg);font-size:var(--font-tier-2)}.ant-menu-dark .ant-menu-item-group-title{color:var(--text-muted);font-size:var(--font-tier-3);font-weight:500;padding:8px 24px}.ant-menu-dark .ant-menu-item{padding-left:24px!important;height:40px;line-height:40px;margin:4px 0;border-radius:8px}.ant-menu-dark .ant-menu-item:hover,.ant-menu-dark .ant-menu-item-selected{background-color:var(--bg-muted)!important}.ant-menu-dark .ant-menu-item .anticon,.ant-menu-dark .ant-menu-item svg{margin-right:12px}.ant-layout-sider-trigger{background-color:var(--bg-muted)!important}.sidebar-footer{position:absolute;bottom:0;left:0;right:0;padding:16px}.admin-profile{padding:12px;background-color:var(--bg-muted);border-radius:12px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease;margin:16px}.admin-profile:hover{background-color:var(--bg)}.admin-avatar{width:36px;height:36px;background:linear-gradient(135deg,#8B5CF6,#A855F7);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.admin-info{flex:1;min-width:0}.admin-name{font-weight:600;color:var(--color);font-size:14px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-email{color:var(--text-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ant-dropdown-menu{background-color:var(--bg-secondary)!important;border:1px solid var(--border)!important;padding:4px!important}.ant-dropdown-menu-item{color:var(--color)!important;padding:8px 12px!important;border-radius:6px!important}.ant-dropdown-menu-item:hover{background-color:var(--bg-muted)!important}.ant-dropdown-menu-item .anticon{color:var(--text-muted)}.main-layout{min-height:100vh}.main-content{padding:24px;background-color:var(--bg);min-height:100vh;overflow-y:auto}.spinner{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.spinner-inner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh}:root{--bg: #09090B;--bg-secondary: #171717;--bg-muted: #27272A;--color: #ffffff;--text-muted: #A1A1AA;--success: #4ADE80;--failure: #F87171;--border: #3F3F46;--font-sans: "Inter", sans-serif;--font-tier-1: 16px;--font-tier-2: 14px;--font-tier-3: 12px;--font-tier-4: 10px;--font-tier-5: 8px;--font-tier-6: 6px;--font-tier-7: 4px;--font-tier-8: 2px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--transition-base: all .2s ease;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-sans);background-color:var(--bg);color:var(--color);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.auth-container{min-height:100vh}.auth-left{display:flex;flex-direction:column;background-color:var(--bg);min-height:100vh}.auth-right{position:relative;min-height:100vh}.auth-image{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat}.auth-header{padding:2rem}.auth-logo{display:flex;align-items:center;gap:.75rem}.auth-logo-icon{width:2.5rem;height:2.5rem;background:var(--bg-muted);border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:var(--font-tier-1);color:var(--color)}.auth-logo-text{font-size:var(--font-tier-1);font-weight:600;color:var(--color)}.auth-content{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-form-container{width:100%;max-width:400px}.auth-title{font-size:1.5rem;font-weight:500;color:var(--color);margin-bottom:.75rem;text-align:center;line-height:2rem}.auth-subtitle{color:var(--text-muted);margin-bottom:1rem;line-height:1.5rem;font-size:var(--font-tier-1);text-align:center;font-weight:400}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:var(--font-tier-2);color:var(--color);font-weight:500;margin-bottom:.75rem}.form-input{background-color:transparent!important;border-color:var(--border)!important;color:var(--color)!important;font-size:var(--font-tier-2);font-weight:400;height:36px}.form-input:hover,.form-input:focus{border-color:var(--border)!important;box-shadow:none!important}.form-input.form-input-error,.form-input.form-input-error:hover,.form-input.form-input-error:focus{border-color:var(--failure)!important;box-shadow:none!important}.form-input.form-input-error .ant-input,.form-input.form-input-error .ant-input:hover{background-color:transparent!important}.form-input input{background-color:transparent!important;color:var(--color)}.form-error-text{color:var(--failure)!important;font-size:var(--font-tier-2);margin-top:.5rem}.form-input input::placeholder{color:var(--text-muted)!important}.form-input.ant-input::placeholder{color:var(--text-muted)!important}.ant-input-password{background-color:transparent!important;border-color:var(--border)!important;padding:0 11px!important}.ant-input-password:hover,.ant-input-password:focus{border-color:var(--border)!important;box-shadow:none!important}.ant-input-password.form-input-error,.ant-input-password.form-input-error:hover,.ant-input-password.form-input-error:focus{border-color:var(--failure)!important;box-shadow:none!important}.ant-input-password-icon{color:var(--text-muted)!important}.form-button{width:100%;background-color:var(--color);color:var(--bg);border:none;border-radius:.5rem;font-size:var(--font-tier-1);font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:.5rem;height:36px}.form-button:disabled{opacity:.7;cursor:not-allowed}.form-button:hover:not(:disabled){opacity:.9}.dashboard-layout{display:flex;width:100%;height:100%}.sidebar{width:240px;background-color:var(--bg-secondary);border-right:1px solid var(--bg-muted);padding:24px 0;flex-shrink:0;position:relative}.sidebar-header{padding:0 24px 32px}.sidebar-logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;color:var(--color)}.sidebar-logo-icon{width:32px;height:32px;background:linear-gradient(135deg,#8B5CF6,#A855F7);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.sidebar-nav{padding:0 16px}.sidebar-section{margin-bottom:32px}.sidebar-section-title{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:0 8px 8px}.main-content{flex:1;padding:32px;overflow-y:auto;overflow-x:hidden;width:100%}.main-header{margin-bottom:32px}.main-title{font-size:32px;font-weight:700;color:var(--color);margin-bottom:8px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.analytics-grid{display:grid;grid-template-columns:1fr;gap:24px;width:100%;overflow:hidden}.card{background-color:var(--bg-secondary);border:1px solid var(--bg-muted);border-radius:12px;padding:24px;width:100%;overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-title{font-size:14px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.card-actions{display:flex;align-items:center;gap:8px}.metric-value{font-size:36px;font-weight:700;color:var(--color);margin-bottom:8px}.metric-change{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:500}.metric-change.positive{color:var(--success)}.metric-change.negative{color:var(--failure)}.chart-container{height:300px;width:100%;overflow:hidden;position:relative}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.chart-title{font-size:18px;font-weight:600;color:var(--color)}.chart-period{background-color:var(--bg-muted);border:none;color:var(--color);padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s ease}.chart-period:hover{background-color:var(--bg)}.user-menu{position:absolute;bottom:24px;left:16px;right:16px;background-color:var(--bg-muted);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px}.user-avatar{padding:10px;border-radius:50%;background:linear-gradient(135deg,#8B5CF6,#A855F7);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.user-info{flex:1}.user-name{font-weight:600;color:var(--color);font-size:14px;margin-bottom:2px}.user-role{color:var(--text-muted);font-size:12px}.form{display:flex;flex-direction:column;gap:16px}.form-field{display:flex;flex-direction:column;gap:4px}.form-label{font-size:14px;font-weight:500;color:var(--color)}.form-input,.form-select{padding:12px 16px;border:1px solid var(--bg-muted);border-radius:8px;background-color:var(--bg-secondary);color:var(--color);font-size:14px;transition:border-color .2s ease}.form-input:focus,.form-select:focus{outline:none;border-color:#8b5cf6}.form-input.error,.form-select.error{border-color:var(--failure)}.form-error{font-size:12px;color:var(--failure)}.heading{font-size:2rem;font-weight:600;color:var(--color);margin-bottom:1.5rem}.table-container{border:1px solid var(--bg-muted);border-radius:12px;overflow:hidden;background-color:var(--bg-secondary)}.table{width:100%;border-collapse:collapse}.table-header{background-color:var(--bg-muted)}.table-header-cell{padding:16px 24px;text-align:left;font-weight:600;color:var(--color);font-size:14px;border-bottom:1px solid var(--bg-muted)}.table-row{border-bottom:1px solid var(--bg-muted);transition:background-color .2s ease}.table-row:hover{background-color:var(--bg-muted)}.table-cell{padding:16px 24px;color:var(--color);font-size:14px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition:background-color 9999s ease-in-out 0s;-webkit-text-fill-color:#000!important;-webkit-background-color:transparent!important;-webkit-box-shadow:none!important;box-shadow:0 0 0 1000px #fff inset!important}.user-dropdown .ant-dropdown-menu{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:4px;min-width:150px}.user-dropdown .ant-dropdown-menu-item{padding:8px 12px;color:var(--color);border-radius:6px}.user-dropdown .ant-dropdown-menu-item:hover{background-color:var(--bg-muted)}.user-dropdown .ant-dropdown-menu-item .anticon{color:var(--text-muted)}.user-dropdown .ant-dropdown-menu-item:hover .anticon{color:var(--failure)}@media (max-width: 768px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.sidebar{width:200px}.main-content{padding:16px}}@media (max-width: 991px){.auth-right{display:none}}.users-container{padding:32px;min-height:100vh;background-color:var(--bg)}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.users-header h1{font-size:24px;font-weight:600;color:var(--color);margin:0}.header-actions{display:flex;gap:12px}.stats-cards{margin-bottom:24px}.stats-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px}.stats-title{font-size:14px;color:var(--text-muted);margin-bottom:8px}.stats-value{font-size:32px;font-weight:600;color:var(--color);margin-bottom:4px}.stats-change{font-size:14px;font-weight:500}.stats-change.positive{color:var(--success)}.stats-change.negative{color:var(--failure)}.users-table{background-color:var(--bg-secondary);border-radius:12px;overflow:hidden}.users-table .ant-table{background-color:transparent}.users-table .ant-table-thead>tr>th{background-color:#ffffff0a!important;color:var(--color);border-bottom:1px solid var(--border)}.users-table .ant-table-tbody>tr>td{border-bottom:1px solid var(--border);color:var(--color);background-color:var(--bg-secondary)}.users-table .ant-table-tbody>tr:hover>td,.users-table .ant-table-tbody>tr>td:hover{background-color:#ffffff0a!important}.users-table .ant-table-column-sorter,.users-table .ant-pagination-prev,.users-table .ant-pagination-prev button,.users-table .ant-pagination-next,.users-table .ant-pagination-next button,.users-table .ant-pagination-item-link,.users-table .ant-pagination-item-link:hover{color:var(--color)!important}.users-table .ant-pagination-item-active,.users-table .ant-pagination-item-active a{border-color:var(--color);color:#000}.users-table .ant-pagination-total-text{color:var(--color)}.action-buttons{display:flex;gap:8px}.action-buttons .ant-btn{color:var(--text-muted)}.action-buttons .ant-btn:hover{color:var(--color);background-color:#ffffff0a}.action-buttons .ant-btn-dangerous{color:var(--failure)}.action-buttons .ant-btn-dangerous:hover{color:var(--failure);opacity:.8}.dark-modal .ant-modal-content{background-color:var(--bg-secondary);border:1px solid var(--border)}.dark-modal .ant-modal-header{background-color:var(--bg-secondary);margin-bottom:4%}.dark-modal .ant-modal-title{color:var(--color)}.dark-modal .ant-modal-close{color:var(--text-muted)}.dark-modal .ant-modal-body{color:var(--color)}.dark-input{background-color:var(--bg)!important;border:1px solid var(--border)!important;color:var(--color)!important}.dark-input-label{color:var(--color);font-size:14px;margin-bottom:8px}.dark-input input{background-color:var(--bg)!important;color:var(--color)!important}.dark-input .ant-input-prefix{color:var(--text-muted)}.delete-modal-content{display:flex;align-items:center;gap:16px;padding:16px 0}.warning-icon{font-size:24px;color:var(--failure)}.delete-text{color:var(--color)}.dark-modal .ant-picker{background-color:var(--bg);border-color:var(--border)}.dark-modal .ant-picker-input>input{color:var(--color)!important}.dark-modal .ant-picker-input>input::placeholder{color:var(--text-muted)!important}.dark-modal .ant-picker-suffix{color:var(--text-muted)}.ant-pagination-item{background-color:var(--bg-secondary);border-color:var(--border)}.ant-pagination-item a{color:var(--color)}.ant-pagination-item-active{border-color:var(--primary)}.ant-pagination-item-active a{color:var(--primary)}@media (max-width: 768px){.users-container{padding:16px}.users-header{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{width:100%}.stats-cards{display:grid;grid-template-columns:1fr;gap:16px}}.header-actions .ant-btn{height:36px;border-radius:6px;font-weight:500;padding:0 16px}.header-actions .ant-btn:not(.ant-btn-primary){background:rgba(255,255,255,.1);border:none;color:var(--color)}.header-actions .ant-btn-primary,.dark-modal .ant-modal-footer .ant-btn-primary{background:#fff;border:none;color:#000}.header-actions .ant-btn-primary:hover,.dark-modal .ant-modal-footer .ant-btn-primary:hover{background:#fff!important;border:none!important;color:#000!important}.secondary-btn{background:var(--bg-secondary)!important;border:1px solid var(--border)!important;color:var(--color)!important}.dark-modal .ant-form-item{margin-bottom:24px}.dark-modal .ant-form-item-label>label{color:var(--color);font-size:14px;margin-bottom:8px}.dark-modal .ant-input,.dark-modal .ant-input-password{height:auto;background:var(--bg)!important;border:1px solid var(--border);border-radius:6px;color:var(--color);padding:4px 11px!important}.dark-modal .ant-input-password{background:var(--bg)!important;border:1px solid var(--border);border-radius:6px;color:var(--color)}.dark-modal .ant-input::placeholder,.dark-modal .ant-input-password input::placeholder{color:#ffffff40}.dark-modal .ant-modal-footer .ant-btn{height:36px;border-radius:6px;font-weight:500;padding:0 16px}.dark-modal .ant-modal-footer .ant-btn:not(.ant-btn-primary){background:rgba(255,255,255,.1);border:none;color:var(--color)}.dark-modal .ant-input-password-icon{color:var(--text-muted)}.dark-modal .ant-input-password-icon:hover{color:var(--color)}.details-drawer{background:var(--bg);border-radius:12px}.details-drawer .ant-drawer-header{background:var(--bg);border-bottom:none;padding:20px 24px 16px}.details-drawer .ant-drawer-body{background:var(--bg);padding:0 24px 24px}.details-drawer .ant-drawer-content{border-radius:12px;background:var(--bg)}.details-drawer-header{display:flex;align-items:center;justify-content:space-between}.details-drawer-title{color:var(--color)!important;margin:0!important;font-size:18px;font-weight:600}.details-drawer .ant-drawer-close{color:var(--text-muted);font-size:16px}.details-drawer .ant-drawer-close:hover{color:var(--color)}.details-drawer-content{padding:0}.detail-field{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding:8px 0}.detail-label{font-size:14px;color:var(--text-muted);font-weight:400;flex:0 0 140px;margin-right:16px}.detail-value{font-size:14px;color:var(--color);line-height:1.5;flex:1;text-align:right;word-break:break-word}.detail-text{color:var(--color)!important;font-size:14px}.detail-tag{display:inline-block;padding:2px 8px;background:var(--primary);color:#fff;border-radius:4px;font-size:12px;font-weight:400}.detail-number{font-size:14px;font-weight:600;color:var(--primary)}.detail-longtext{text-align:left}.detail-longtext-content{color:var(--color)!important;margin:0!important;line-height:1.5;font-size:14px;text-align:left}.detail-read-more{color:var(--primary)!important;font-size:12px;cursor:pointer;margin-top:4px;display:block;text-align:left}.detail-read-more:hover{text-decoration:underline}.detail-divider{display:none}.details-drawer .ant-drawer-header{border-bottom:none}.details-drawer .ant-typography{color:var(--color)!important}@media (max-width: 768px){.details-drawer{width:100%!important}.detail-field{flex-direction:column;align-items:flex-start}.detail-label{flex:none;margin-bottom:4px}.detail-value,.detail-longtext,.detail-longtext-content,.detail-read-more{text-align:left}}.moderation-tabs{margin-bottom:24px}.moderation-tabs .ant-tabs-nav{margin-bottom:0}.moderation-tabs .ant-tabs-nav-wrap{display:flex;gap:4px}.moderation-tabs .ant-tabs-nav-list{display:flex;gap:4px;position:relative;transform:translate(0);background:var(--bg-muted);padding:8px;border-radius:12px}.moderation-tabs .ant-tabs-tab{transition:all .2s ease;color:#888}.moderation-tabs .ant-tabs-tab:hover{color:#fff}.moderation-tabs .ant-tabs-tab-active{background:var(--bg-secondary)!important;border-color:var(--bg-secondary)!important;color:#fff!important;border:1px solid var(--bg-secondary)!important;padding:6px 15px!important;border-radius:7px!important}.moderation-tabs .ant-tabs-tab-btn{color:inherit!important;font-weight:inherit!important}.moderation-tabs .ant-tabs-ink-bar{display:none}.moderation-tabs .ant-tabs-content-holder{border:none}.moderation-tabs .ant-tabs-content{margin-top:0}.moderation-tabs .ant-tabs-tabpane{padding:0}.moderation-tabs .ant-tabs-nav:before{display:none}.moderation-tabs .ant-tabs-tab:focus{outline:none}.moderation-section-header{margin-bottom:20px;font-size:20px;font-weight:600;color:var(--color)}
