.card{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-header{background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.card-body,.card-footer,.card-header{padding:var(--spacing-lg)}.card-footer{background:var(--color-gray-50);border-top:1px solid var(--color-gray-200)}@media (max-width:768px){.card-body,.card-footer,.card-header{padding:var(--spacing-md)}}@media (max-width:480px){.card-body,.card-footer,.card-header{padding:var(--spacing-sm)}}.table-container{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow-x:auto}.table{border-collapse:collapse;font-size:.875rem;width:100%}.table td,.table th{border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-md);text-align:left}.table th{color:var(--color-text-primary);font-weight:600;white-space:nowrap}.table tbody tr:hover,.table th{background:var(--color-gray-50)}@media (max-width:768px){.table td,.table th{font-size:.8rem;padding:var(--spacing-sm)}.table td:not(:first-child),.table th:not(:first-child){display:none}.table td:first-child,.table th:first-child{width:100%}}.form-label{color:var(--color-text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-sm)}.form-input,.form-select,.form-textarea{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.875rem;padding:var(--spacing-md);transition:all var(--transition-fast);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.form-textarea{min-height:100px;resize:vertical}.form-error{color:var(--color-error);font-size:.75rem;margin-top:var(--spacing-xs)}@media (max-width:768px){.form-group{margin-bottom:var(--spacing-md)}.form-input,.form-select,.form-textarea{font-size:.8rem;padding:var(--spacing-sm)}.form-textarea{min-height:80px}}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:var(--spacing-sm);justify-content:center;min-height:40px;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px)}.btn-secondary{background:var(--color-gray-100);border:1px solid var(--color-gray-300);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-gray-200)}.btn-success{background:var(--color-success);color:var(--color-white)}.btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.btn-warning{background:var(--color-warning);color:var(--color-white)}.btn-warning:hover:not(:disabled){background:#d97706;transform:translateY(-1px)}.btn-error{background:var(--color-error);color:var(--color-white)}.btn-error:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-sm{font-size:.75rem;min-height:32px;padding:var(--spacing-xs) var(--spacing-sm)}.btn-lg{font-size:1rem;min-height:48px;padding:var(--spacing-md) var(--spacing-lg)}@media (max-width:768px){.btn{min-height:44px;padding:var(--spacing-sm) var(--spacing-md)}.btn-sm{min-height:40px}.btn-lg{min-height:52px}}.modal-overlay{background:var(--color-overlay);z-index:var(--z-modal)}.modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{padding:var(--spacing-lg)}.modal-title{color:var(--color-text-primary);font-size:1.25rem;font-weight:600}.modal-close{border-radius:var(--radius-md);color:var(--color-gray-400);padding:var(--spacing-xs)}.modal-close:hover{color:var(--color-gray-600)}.modal-body,.modal-footer{padding:var(--spacing-lg)}.modal-footer{border-top:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-md);justify-content:flex-end}@media (max-width:768px){.modal-overlay{padding:var(--spacing-md)}.modal{margin:0;max-width:100%}.modal-body,.modal-footer,.modal-header{padding:var(--spacing-md)}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}@media (max-width:480px){.modal-body,.modal-footer,.modal-header,.modal-overlay{padding:var(--spacing-sm)}}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap}.badge-primary{background:var(--color-primary-light);color:var(--color-primary-dark)}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-error{background:#fee2e2;color:#991b1b}.badge-gray{background:var(--color-gray-100);color:var(--color-gray-700)}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid var(--color-gray-300);border-top-color:var(--color-primary);display:inline-block;height:20px;width:20px}.loading-overlay{background:#fffc;position:absolute;z-index:10}.hide-mobile{display:block}.show-mobile{display:none}@media (max-width:768px){.hide-mobile{display:none}.show-mobile{display:block}.btn,.form-input,.form-select,.form-textarea,.mobile-nav-item,.modal-close,.nav-item{min-height:44px}.modal-close{min-width:44px}}@media print{.btn,.loading-overlay,.modal-overlay{display:none!important}.card{border:1px solid #000;box-shadow:none}.table{border-collapse:collapse}.table td,.table th{border:1px solid #000}}html{line-height:1.5}body{color:#1a202c}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-primary-light:#e6f3ff;--color-text-primary:#1a202c;--color-text-secondary:#4a5568;--color-text-tertiary:#718096;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--transition-fast:0.15s ease-in-out;--transition-normal:0.3s ease-in-out;--transition-slow:0.5s ease-in-out;--z-tooltip:1100;--z-fixed:100;--z-sticky:200}:focus{outline:2px solid #667eea;outline:2px solid var(--color-primary);outline-offset:2px}button{font:inherit;outline:inherit;padding:0}a{color:inherit}ol,ul{list-style:none}img{height:auto;max-width:100%}table{border-collapse:collapse;border-spacing:0}input,select,textarea{color:inherit;font:inherit}::selection{background:#e6f3ff;background:var(--color-primary-light);color:#5a67d8;color:var(--color-primary-dark)}@media print{*{background:#0000!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.no-print{display:none!important}}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem;padding:0 var(--spacing-lg);width:100%}@media (max-width:768px){.container{padding:0 1rem;padding:0 var(--spacing-md)}}@media (max-width:480px){.container{padding:0 .5rem;padding:0 var(--spacing-sm)}}.grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}@media (max-width:1024px){.grid-cols-6{grid-template-columns:repeat(4,1fr)}.grid-cols-4,.grid-cols-5{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.grid-cols-3,.grid-cols-4,.grid-cols-5,.grid-cols-6{grid-template-columns:repeat(2,1fr)}.grid{gap:1rem;gap:var(--spacing-md)}}@media (max-width:480px){.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5,.grid-cols-6{grid-template-columns:1fr}.grid{gap:.5rem;gap:var(--spacing-sm)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1 1}.flex-auto{flex:auto}.flex-none{flex:none}.p-0{padding:0}.p-1{padding:.25rem;padding:var(--spacing-xs)}.p-2{padding:.5rem;padding:var(--spacing-sm)}.p-3{padding:1rem;padding:var(--spacing-md)}.p-4{padding:1.5rem;padding:var(--spacing-lg)}.p-5{padding:2rem;padding:var(--spacing-xl)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-left:var(--spacing-xs);padding-right:.25rem;padding-right:var(--spacing-xs)}.px-2{padding-left:.5rem;padding-left:var(--spacing-sm);padding-right:.5rem;padding-right:var(--spacing-sm)}.px-3{padding-left:1rem;padding-left:var(--spacing-md);padding-right:1rem;padding-right:var(--spacing-md)}.px-4{padding-left:1.5rem;padding-left:var(--spacing-lg);padding-right:1.5rem;padding-right:var(--spacing-lg)}.px-5{padding-left:2rem;padding-left:var(--spacing-xl);padding-right:2rem;padding-right:var(--spacing-xl)}.py-0{padding-bottom:0;padding-top:0}.py-1{padding-bottom:.25rem;padding-bottom:var(--spacing-xs);padding-top:.25rem;padding-top:var(--spacing-xs)}.py-2{padding-bottom:.5rem;padding-bottom:var(--spacing-sm);padding-top:.5rem;padding-top:var(--spacing-sm)}.py-3{padding-bottom:1rem;padding-bottom:var(--spacing-md);padding-top:1rem;padding-top:var(--spacing-md)}.py-4{padding-bottom:1.5rem;padding-bottom:var(--spacing-lg);padding-top:1.5rem;padding-top:var(--spacing-lg)}.py-5{padding-bottom:2rem;padding-bottom:var(--spacing-xl);padding-top:2rem;padding-top:var(--spacing-xl)}.m-0{margin:0}.m-1{margin:.25rem;margin:var(--spacing-xs)}.m-2{margin:.5rem;margin:var(--spacing-sm)}.m-3{margin:1rem;margin:var(--spacing-md)}.m-4{margin:1.5rem;margin:var(--spacing-lg)}.m-5{margin:2rem;margin:var(--spacing-xl)}.mx-auto{margin-left:auto;margin-right:auto}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-thin{font-weight:100}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:#1a202c;color:var(--color-text-primary)}.text-secondary{color:#4a5568;color:var(--color-text-secondary)}.text-tertiary{color:#718096;color:var(--color-text-tertiary)}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}@media (max-width:768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}}@media (max-width:480px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:-webkit-fit-content;width:fit-content}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.h-fit{height:-webkit-fit-content;height:fit-content}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.border{border:1px solid #e5e7eb;border:1px solid var(--color-gray-200)}.border-t{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-gray-200)}.border-b{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-gray-200)}.border-l{border-left:1px solid #e5e7eb;border-left:1px solid var(--color-gray-200)}.border-r{border-right:1px solid #e5e7eb;border-right:1px solid var(--color-gray-200)}.rounded{border-radius:.5rem;border-radius:var(--radius-md)}.rounded-sm{border-radius:.25rem;border-radius:var(--radius-sm)}.rounded-lg{border-radius:.75rem;border-radius:var(--radius-lg)}.rounded-xl{border-radius:1rem;border-radius:var(--radius-xl)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.shadow{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl)}.bg-white{background-color:#fff;background-color:var(--color-white)}.bg-gray-50{background-color:#f9fafb;background-color:var(--color-gray-50)}.bg-gray-100{background-color:#f3f4f6;background-color:var(--color-gray-100)}.bg-primary{background-color:#667eea;background-color:var(--color-primary)}.bg-success{background-color:#10b981;background-color:var(--color-success)}.bg-warning{background-color:#f59e0b;background-color:var(--color-warning)}.bg-error{background-color:#ef4444;background-color:var(--color-error)}@media (max-width:640px){.container{padding:0 .5rem;padding:0 var(--spacing-sm)}.text-4xl{font-size:1.875rem}.text-3xl{font-size:1.5rem}.text-2xl{font-size:1.25rem}.text-xl{font-size:1.125rem}}@media (max-width:768px){.btn,button,input,select,textarea{min-height:44px;min-width:44px}.mobile-nav-item,.nav-item{min-height:44px}}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-gray-200);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:width var(--transition-normal);width:280px;z-index:var(--z-fixed)}.sidebar.collapsed{width:80px}.sidebar-header{border-bottom:1px solid var(--color-gray-200);justify-content:space-between;min-height:70px;padding:var(--spacing-lg)}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{color:var(--color-primary);font-size:1.25rem;font-weight:700;gap:var(--spacing-md)}.logo-text{overflow:hidden;transition:opacity var(--transition-normal)}.sidebar.collapsed .logo-text{opacity:0;width:0}.sidebar-toggle{align-items:center;background:var(--color-gray-100);border-radius:var(--radius-md);color:var(--color-gray-600);display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.sidebar-toggle:hover{background:var(--color-gray-200);color:var(--color-gray-800)}.sidebar-user{align-items:center;border-bottom:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.user-avatar-image{border-radius:var(--radius-full);height:100%;object-fit:cover;width:100%}.user-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar.collapsed .user-info{opacity:0;width:0}.sidebar-nav{flex:1 1;overflow-y:auto;padding:var(--spacing-md)}.nav-group{margin-bottom:var(--spacing-sm)}.nav-item{align-items:center;border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;gap:var(--spacing-md);padding:var(--spacing-md);position:relative;text-decoration:none;transition:all var(--transition-fast)}.nav-item:hover{background:var(--color-gray-100);color:var(--color-text-primary)}.nav-item.active{background:var(--color-primary);color:var(--color-white)}.nav-item.active:before{background:var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;content:"";height:20px;left:-var(--spacing-md);position:absolute;top:50%;transform:translateY(-50%);width:3px}.nav-icon{flex-shrink:0;font-size:1.25rem;text-align:center;width:20px}.nav-label{font-weight:500;overflow:hidden;text-overflow:ellipsis;transition:opacity var(--transition-normal);white-space:nowrap}.sidebar.collapsed .nav-label{opacity:0;width:0}.nav-badge{background:var(--color-error);border-radius:var(--radius-full);color:var(--color-white);font-size:.75rem;margin-left:auto;min-width:18px;padding:2px 6px;text-align:center}.sidebar.collapsed .nav-badge{margin-left:0;position:absolute;right:8px;top:8px}.nav-submenu{margin-left:var(--spacing-xl);margin-top:var(--spacing-xs)}.nav-subitem{border-radius:var(--radius-md);color:var(--color-text-tertiary);display:block;font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.nav-subitem:hover{background:var(--color-gray-100);color:var(--color-text-secondary)}.nav-subitem.active{background:var(--color-primary-light);color:var(--color-primary-dark);font-weight:500}.sidebar.collapsed .nav-submenu{display:none}.sidebar-footer{border-top:1px solid var(--color-gray-200);padding:var(--spacing-md)}.logout-button{align-items:center;border-radius:var(--radius-md);color:var(--color-error);display:flex;gap:var(--spacing-md);padding:var(--spacing-md);text-decoration:none;transition:all var(--transition-fast);width:100%}.logout-button:hover{background:var(--color-error);color:var(--color-white)}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}@media (max-width:1023px){.sidebar{transform:translateX(-100%);transition:transform var(--transition-normal)}.sidebar.mobile-open{transform:translateX(0)}}@media (max-width:768px){.sidebar{max-width:280px;width:100%}.sidebar-header{min-height:60px}.sidebar-header,.sidebar-user{padding:var(--spacing-md)}.sidebar-nav{padding:var(--spacing-sm)}.nav-item{margin-bottom:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.nav-icon{font-size:1.125rem}.nav-label{font-size:.875rem}}@media (max-width:480px){.sidebar{max-width:100%;width:100%}.sidebar-header,.sidebar-user{padding:var(--spacing-sm) var(--spacing-md)}.user-avatar{font-size:.8rem;height:36px;width:36px}.user-name{font-size:.875rem}.user-role{font-size:.7rem}}.header{align-items:center;background:var(--color-surface);border-bottom:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);display:flex;height:70px;justify-content:space-between;padding:0 var(--spacing-xl);z-index:var(--z-sticky)}.header-left,.header-right{align-items:center;display:flex;gap:var(--spacing-lg)}.menu-button{height:40px;width:40px}.menu-icon{font-size:1.25rem}.breadcrumb{align-items:center;display:flex;gap:var(--spacing-sm)}.breadcrumb-item{color:var(--color-text-primary);font-weight:500}.search-container{align-items:center;display:flex;position:relative}.search-input{background:var(--color-gray-50);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 40px;width:300px}.search-input:focus{background:var(--color-white)}.notifications-container{position:relative}.notifications-button{align-items:center;background:var(--color-gray-100);border-radius:var(--radius-md);color:var(--color-gray-600);display:flex;height:40px;justify-content:center;position:relative;transition:all var(--transition-fast);width:40px}.notifications-button:hover{background:var(--color-gray-200);color:var(--color-gray-800)}.notification-badge{background:var(--color-error);border-radius:var(--radius-full);color:var(--color-white);font-size:.75rem;min-width:18px;padding:2px 6px;position:absolute;right:8px;text-align:center;top:8px}.notifications-dropdown{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);margin-top:var(--spacing-sm);position:absolute;right:0;top:100%;width:350px;z-index:var(--z-dropdown)}.notifications-header{align-items:center;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.notifications-header h3{color:var(--color-text-primary);font-size:1rem;font-weight:600}.mark-all-read{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.875rem}.notifications-list{max-height:300px;overflow-y:auto}.notification-item{align-items:center;border-bottom:1px solid var(--color-gray-100);display:flex;padding:var(--spacing-md) var(--spacing-lg);transition:background var(--transition-fast)}.notification-item:hover{background:var(--color-gray-50)}.notification-item.unread{background:var(--color-primary-light)}.notification-content{flex:1 1}.notification-title{color:var(--color-text-primary);font-weight:500;margin-bottom:var(--spacing-xs)}.notification-time{color:var(--color-text-secondary);font-size:.75rem}.unread-dot{background:var(--color-primary);border-radius:var(--radius-full);height:8px;margin-left:var(--spacing-md);width:8px}.notifications-footer{border-top:1px solid var(--color-gray-200);padding:var(--spacing-md) var(--spacing-lg);text-align:center}.view-all{background:none;border:none;color:var(--color-primary);cursor:pointer;font-weight:500}.profile-container{position:relative}.profile-button{align-items:center;background:var(--color-gray-100);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-sm);transition:all var(--transition-fast)}.profile-button:hover{background:var(--color-gray-200)}.profile-avatar{font-size:.875rem;height:32px;width:32px}.profile-avatar-image{border-radius:var(--radius-full);height:100%;object-fit:cover;width:100%}.profile-info{text-align:left}.profile-name{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.profile-role{color:var(--color-text-secondary);font-size:.75rem}.profile-arrow{color:var(--color-gray-400);font-size:.75rem;transition:transform var(--transition-fast)}.profile-dropdown{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);margin-top:var(--spacing-sm);position:absolute;right:0;top:100%;width:280px;z-index:var(--z-dropdown)}.profile-dropdown-header{align-items:center;border-bottom:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.profile-dropdown-avatar{align-items:center;background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-white);display:flex;font-weight:600;height:40px;justify-content:center;overflow:hidden;width:40px}.profile-dropdown-info{flex:1 1}.profile-dropdown-name{color:var(--color-text-primary);font-weight:600;margin-bottom:var(--spacing-xs)}.profile-dropdown-email{color:var(--color-text-secondary);font-size:.875rem}.profile-dropdown-menu{padding:var(--spacing-sm)}.profile-menu-item{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;transition:all var(--transition-fast);width:100%}.profile-menu-item:hover{background:var(--color-gray-100);color:var(--color-text-primary)}.profile-menu-item.logout{color:var(--color-error)}.profile-menu-item.logout:hover{background:var(--color-error);color:var(--color-white)}.profile-divider{border:none;border-top:1px solid var(--color-gray-200);margin:var(--spacing-sm) 0}@media (max-width:1024px){.header{padding:0 var(--spacing-lg)}.search-input{width:250px}.notifications-dropdown{width:320px}.profile-dropdown{width:260px}}@media (max-width:768px){.header{height:60px;padding:0 var(--spacing-md)}.search-container{display:none}.header-right{gap:var(--spacing-sm)}.breadcrumb,.breadcrumb-item{font-size:.875rem}.notifications-dropdown{right:-20px;width:300px}.profile-dropdown{right:-10px;width:240px}.profile-button{padding:var(--spacing-xs)}.profile-arrow,.profile-info{display:none}}@media (max-width:480px){.header{height:56px;padding:0 var(--spacing-sm)}.breadcrumb{display:none}.header-right{gap:var(--spacing-xs)}.notifications-button,.profile-button{height:36px;width:36px}.notifications-dropdown{right:-40px;width:280px}.profile-dropdown{right:-30px;width:220px}.notification-icon,.profile-avatar{font-size:1rem}}@media (max-width:360px){.header{padding:0 var(--spacing-xs)}.notifications-dropdown{right:-50px;width:260px}.profile-dropdown{right:-40px;width:200px}}.mobile-menu{background:var(--color-surface);border-right:1px solid var(--color-gray-200);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform var(--transition-normal);width:280px;z-index:var(--z-modal)}.mobile-menu.open{transform:translateX(0)}.mobile-menu-header{align-items:center;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;min-height:70px;padding:var(--spacing-lg)}.mobile-menu-logo{align-items:center;color:var(--color-primary);display:flex;font-size:1.25rem;font-weight:700;gap:var(--spacing-md)}.logo-icon{font-size:1.5rem}.mobile-menu-close{align-items:center;background:var(--color-gray-100);border:none;border-radius:var(--radius-md);color:var(--color-gray-600);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.mobile-menu-close:hover{background:var(--color-gray-200);color:var(--color-gray-800)}.mobile-menu-user{align-items:center;border-bottom:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.mobile-user-avatar{align-items:center;background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-white);display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:40px;justify-content:center;width:40px}.mobile-user-info{flex:1 1;min-width:0}.mobile-user-name{color:var(--color-text-primary);font-weight:600}.mobile-user-name,.mobile-user-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-user-role{color:var(--color-text-secondary);font-size:.75rem}.mobile-menu-nav{flex:1 1;overflow-y:auto;padding:var(--spacing-md)}.mobile-nav-item{align-items:center;border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xs);padding:var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.mobile-nav-item:hover{background:var(--color-gray-100);color:var(--color-text-primary)}.mobile-nav-item.active{background:var(--color-primary);color:var(--color-white)}.mobile-nav-icon{flex-shrink:0;font-size:1.25rem;text-align:center;width:20px}.mobile-nav-label{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-footer{border-top:1px solid var(--color-gray-200);padding:var(--spacing-md)}.mobile-logout-button{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-error);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md);text-decoration:none;transition:all var(--transition-fast);width:100%}.mobile-logout-button:hover{background:var(--color-error);color:var(--color-white)}.mobile-menu-nav::-webkit-scrollbar{width:4px}.mobile-menu-nav::-webkit-scrollbar-track{background:#0000}.mobile-menu-nav::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}.mobile-menu-nav::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}@media (min-width:1024px){.mobile-menu{display:none}}@media (max-width:768px){.mobile-menu{max-width:320px;width:100%}.mobile-menu-header{min-height:60px}.mobile-menu-header,.mobile-menu-user{padding:var(--spacing-md)}.mobile-user-avatar{font-size:.8rem;height:36px;width:36px}.mobile-user-name{font-size:.875rem}.mobile-user-role{font-size:.7rem}.mobile-menu-nav{padding:var(--spacing-sm)}.mobile-nav-item{margin-bottom:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.mobile-nav-icon{font-size:1.125rem}.mobile-nav-label{font-size:.875rem}}@media (max-width:480px){.mobile-menu{max-width:100%;width:100%}.mobile-menu-header,.mobile-menu-user{padding:var(--spacing-sm) var(--spacing-md)}.mobile-menu-nav{padding:var(--spacing-xs)}.mobile-nav-item{margin-bottom:2px;padding:var(--spacing-sm)}.mobile-nav-icon{font-size:1rem}.mobile-nav-label{font-size:.8rem}}@media (max-width:768px){.mobile-logout-button,.mobile-nav-item{align-items:center;display:flex;min-height:44px}.mobile-menu-close{min-height:44px;min-width:44px}}.metric-card{box-shadow:var(--shadow-md);flex-direction:column;height:100%;overflow:hidden;position:relative}.metric-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.metric-card--primary:before,.metric-card:before{background:var(--color-primary)}.metric-card--success:before{background:var(--color-success)}.metric-card--warning:before{background:var(--color-warning)}.metric-card--error:before{background:var(--color-error)}.metric-card--info:before{background:var(--color-info)}.metric-card-header{align-items:flex-start;display:flex;flex:1 1;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.metric-icon{background:var(--color-gray-100);height:48px;width:48px}.metric-card--primary .metric-icon{background:#667eea1a}.metric-card--success .metric-icon{background:#10b9811a}.metric-card--warning .metric-icon{background:#f59e0b1a}.metric-card--error .metric-icon{background:#ef44441a}.metric-card--info .metric-icon{background:#3b82f61a}.metric-info{flex:1 1;min-width:0}.metric-title{color:var(--color-text-secondary);font-size:.875rem;font-weight:500;line-height:1.4;margin:0 0 var(--spacing-sm) 0}.metric-value{font-size:2rem;margin:0}.metric-trend{border-top:1px solid var(--color-gray-200);gap:var(--spacing-sm);padding-top:var(--spacing-md)}.trend-value{color:var(--color-success);font-size:.875rem}@media (max-width:768px){.metric-card{padding:var(--spacing-lg)}.metric-card-header{gap:var(--spacing-md)}.metric-icon{height:40px;width:40px}.metric-icon,.metric-value{font-size:1.5rem}}@media (max-width:480px){.metric-card{padding:var(--spacing-md)}.metric-card-header{align-items:center;flex-direction:column;gap:var(--spacing-sm);text-align:center}.metric-info{text-align:center}}.recent-activity{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.recent-activity-header{margin-bottom:var(--spacing-xl)}.recent-activity-header h2{color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-sm)}.recent-activity-header p{color:var(--color-text-secondary);margin:0}.recent-activity-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr}.recent-section{display:flex;flex-direction:column}.recent-section-header{align-items:center;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.recent-section-header h3{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0}.recent-count{background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-white);font-size:.75rem;font-weight:600;min-width:20px;padding:4px 8px;text-align:center}.recent-list{flex-direction:column;max-height:400px;overflow-y:auto}.recent-item,.recent-list{display:flex;gap:var(--spacing-md)}.recent-item{align-items:flex-start;background:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.recent-item:hover{background:var(--color-gray-100);transform:translateX(4px)}.recent-item-avatar{align-items:center;background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-white);display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:40px;justify-content:center;width:40px}.recent-item-content{flex:1 1;min-width:0}.recent-item-title{color:var(--color-text-primary);font-weight:500;line-height:1.4;margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-item-meta{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.75rem;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.recent-item-author,.recent-item-email{font-weight:500}.recent-item-date{color:var(--color-text-tertiary)}.recent-item-stats{align-items:center;display:flex;gap:var(--spacing-md)}.stat-item{font-size:.75rem;gap:2px}.recent-item-status{margin-top:var(--spacing-xs)}.status-badge{padding:2px 8px}.status-badge.inactive{background:#ef44441a;color:var(--color-error)}.recent-empty{color:var(--color-text-tertiary);padding:var(--spacing-xl);text-align:center}.recent-empty p{font-style:italic;margin:0}.recent-list::-webkit-scrollbar{width:4px}.recent-list::-webkit-scrollbar-track{background:#0000}.recent-list::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}.recent-list::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}@media (max-width:768px){.recent-activity{padding:var(--spacing-lg)}.recent-activity-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.recent-item{gap:var(--spacing-sm);padding:var(--spacing-sm)}.recent-item-avatar{font-size:.75rem;height:32px;width:32px}.recent-item-title{font-size:.875rem}.recent-item-meta{align-items:flex-start;flex-direction:column;gap:2px}.recent-item-stats{gap:var(--spacing-sm)}}@media (max-width:480px){.recent-activity{padding:var(--spacing-md)}.recent-activity-header h2{font-size:1.25rem}.recent-section-header h3{font-size:1rem}.recent-item{flex-direction:column;gap:var(--spacing-sm)}.recent-item,.recent-item-content{text-align:center}.recent-item-meta{align-items:center}}.quick-actions{margin-bottom:var(--spacing-2xl)}.quick-actions-header{margin-bottom:var(--spacing-xl)}.quick-actions-header h2{color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-sm)}.quick-actions-header p{color:var(--color-text-secondary);margin:0}.quick-actions-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.quick-action-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);color:inherit;display:flex;gap:var(--spacing-lg);overflow:hidden;padding:var(--spacing-xl);position:relative;text-decoration:none;transition:all var(--transition-fast)}.quick-action-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.quick-action-card:before{background:var(--color-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform var(--transition-fast)}.quick-action-card:hover:before{transform:scaleX(1)}.quick-action-card--primary:before{background:var(--color-primary)}.quick-action-card--success:before{background:var(--color-success)}.quick-action-card--warning:before{background:var(--color-warning)}.quick-action-card--info:before{background:var(--color-info)}.quick-action-icon{align-items:center;background:var(--color-gray-100);border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:2rem;height:60px;justify-content:center;transition:all var(--transition-fast);width:60px}.quick-action-card--primary .quick-action-icon{background:#667eea1a}.quick-action-card--success .quick-action-icon{background:#10b9811a}.quick-action-card--warning .quick-action-icon{background:#f59e0b1a}.quick-action-card--info .quick-action-icon{background:#3b82f61a}.quick-action-card:hover .quick-action-icon{transform:scale(1.1)}.quick-action-content{flex:1 1;min-width:0}.quick-action-title{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;line-height:1.3;margin:0 0 var(--spacing-sm) 0}.quick-action-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.4;margin:0}.quick-action-arrow{color:var(--color-gray-400);flex-shrink:0;font-size:1.5rem;transition:all var(--transition-fast)}.quick-action-card:hover .quick-action-arrow{color:var(--color-primary);transform:translateX(4px)}@media (max-width:768px){.quick-actions-grid{gap:var(--spacing-md);grid-template-columns:1fr}.quick-action-card{gap:var(--spacing-md);padding:var(--spacing-lg)}.quick-action-icon{font-size:1.5rem;height:50px;width:50px}.quick-action-title{font-size:1rem}.quick-action-description{font-size:.8rem}}@media (max-width:480px){.quick-action-card{flex-direction:column;gap:var(--spacing-sm);text-align:center}.quick-action-content{text-align:center}.quick-action-arrow{display:none}}.dashboard{margin:0 auto;max-width:1200px;padding:var(--spacing-xl)}.dashboard-header{margin-bottom:var(--spacing-2xl)}.dashboard-header h1{color:var(--color-text-primary);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-sm)}.dashboard-header p{color:var(--color-text-secondary);font-size:1.125rem;margin:0}.metrics-grid{grid-gap:var(--spacing-xl);align-items:start;gap:var(--spacing-xl)}.dashboard-content{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr}.dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;min-height:400px}.dashboard-loading p{color:var(--color-text-secondary);font-size:1rem;margin:0}@media (max-width:768px){.dashboard{padding:var(--spacing-lg)}.dashboard-header h1{font-size:1.5rem}.dashboard-header p{font-size:1rem}.metrics-grid{grid-template-columns:1fr}.dashboard-content,.metrics-grid{gap:var(--spacing-lg)}}@media (max-width:480px){.dashboard{padding:var(--spacing-md)}.dashboard-content,.metrics-grid{gap:var(--spacing-md)}}.sponsored-ads-list{padding:0}.sponsored-ads-list-error,.sponsored-ads-list-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.sponsored-ads-list-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:1rem 0}.ads-filters{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1.5rem}.search-box{min-width:250px}.search-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:#3b82f6}.search-icon{color:#6b7280}.filter-controls{flex-wrap:wrap}.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;min-width:150px;transition:border-color .2s}.filter-select:focus{border-color:#3b82f6}.ads-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:2rem}.stat-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem 1rem}.stat-number{color:#1f2937;font-size:1.875rem;margin-bottom:.25rem}.stat-label{color:#6b7280}.ads-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.ad-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .2s}.ad-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.ad-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:1rem 1.5rem}.ad-header,.ad-type{align-items:center;display:flex}.ad-type{gap:.5rem}.type-label{color:#374151}.status-badge{border-radius:9999px;letter-spacing:.05em;padding:.25rem .75rem}.status-active{background:#dcfce7;color:#166534}.status-inactive{background:#f3f4f6;color:#374151}.status-scheduled{background:#fef3c7;color:#92400e}.status-expired{background:#fee2e2;color:#991b1b}.status-default{background:#e5e7eb;color:#374151}.ad-content{padding:1.5rem}.ad-image{background:#f3f4f6;border-radius:8px;height:200px;margin-bottom:1rem;overflow:hidden;width:100%}.ad-image img{height:100%;object-fit:cover;width:100%}.no-image{background:#f9fafb}.no-image-icon{color:#9ca3af;font-size:3rem}.ad-info{margin-bottom:1.5rem}.ad-title{color:#1f2937;font-size:1.25rem;font-weight:700;line-height:1.3;margin:0 0 .5rem}.ad-subtitle{color:#4b5563;font-size:1rem;font-weight:600;margin:0 0 .75rem}.ad-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.875rem;line-height:1.5;margin:0 0 1rem;overflow:hidden}.ad-metrics{grid-gap:.75rem;background:#f8fafc;border-radius:6px;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-bottom:1rem;padding:1rem}.metric{text-align:center}.metric-label{display:block;font-size:.75rem;margin-bottom:.25rem}.metric-value{display:block;font-size:.875rem;font-weight:600}.ad-dates{background:#fefce8;border:1px solid #fde047;border-radius:6px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.date-label{color:#a16207;font-size:.75rem}.date-value{color:#92400e;font-size:.875rem}.ad-actions{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:.5rem;padding:1rem 1.5rem}.action-button{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.5rem 1rem;transition:all .2s}.analytics-button{border-color:#3b82f6;color:#3b82f6}.analytics-button:hover{background:#3b82f6;color:#fff}.edit-button{border-color:#059669;color:#059669}.edit-button:hover{background:#059669;color:#fff}.delete-button{border-color:#dc2626;color:#dc2626}.delete-button:hover{color:#fff}.no-ads{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:12px;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:4rem 2rem;text-align:center}.no-ads-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-ads h3{color:#374151;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.no-ads p{color:#6b7280;margin:0}@media (max-width:768px){.ads-filters,.filter-controls{flex-direction:column}.filter-select{min-width:auto}.ad-metrics,.ads-grid{grid-template-columns:1fr}.ad-metrics{gap:.5rem}.ad-actions{flex-direction:column}.ads-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.ads-stats{grid-template-columns:1fr}.ad-header{align-items:flex-start;flex-direction:column;gap:.5rem}.ad-actions,.ad-content{padding:1rem}}.target-configuration{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.target-configuration-header{margin-bottom:24px}.target-configuration-header h3{color:#1a202c;font-size:18px;font-weight:600;margin:0 0 8px}.target-configuration-header p{color:#4a5568;font-size:14px;line-height:1.5;margin:0 0 16px}.target-actions{display:flex;gap:12px;margin-bottom:16px}.target-actions .btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.target-actions .btn:hover{background:#f7fafc;border-color:#cbd5e0}.target-actions .btn:active{transform:translateY(1px)}.target-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:24px}.target-card{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;padding:16px;position:relative;transition:all .2s ease}.target-card:hover{border-color:#cbd5e0;box-shadow:0 2px 4px #0000000d}.target-card.selected{background:#ebf8ff;border-color:#3182ce;box-shadow:0 2px 8px #3182ce26}.target-card-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.target-checkbox{accent-color:#3182ce;cursor:pointer;height:18px;width:18px}.target-label{color:#1a202c;font-size:16px;font-weight:600;margin:0}.target-description{color:#4a5568;font-size:14px;line-height:1.4;margin:0}.target-selected-indicator{align-items:center;background:#3182ce;border-radius:4px;color:#fff;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px;position:absolute;right:12px;top:12px}.selected-icon{font-size:10px}.selected-targets-summary{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.selected-targets-summary h4{color:#1a202c;font-size:14px;font-weight:600;margin:0 0 12px}.selected-targets-list{display:flex;flex-wrap:wrap;gap:8px}.selected-target-tag{background:#3182ce;border-radius:16px;color:#fff;font-size:12px;font-weight:500;padding:4px 12px}@media (max-width:768px){.target-configuration{padding:16px}.target-grid{gap:12px;grid-template-columns:1fr}.target-actions{flex-direction:column}.target-actions .btn{text-align:center;width:100%}}@media (max-width:480px){.target-card{padding:12px}.target-card-header{gap:8px}.target-label{font-size:14px}.target-description{font-size:13px}}.target-card:focus-within,.target-checkbox:focus{outline:2px solid #3182ce;outline-offset:2px}.target-card{animation:fadeIn .3s ease-out}.target-selected-indicator{animation:slideIn .2s ease-out}.ad-preview{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.preview-header{border-bottom:1px solid #e2e8f0;margin-bottom:20px;padding-bottom:16px}.preview-header h3{color:#1a202c;font-size:18px;font-weight:600;margin:0}.preview-target{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:8px;padding:8px 12px}.target-icon{font-size:16px}.target-name{color:#4a5568;font-size:14px;font-weight:500}.preview-container{display:flex;justify-content:center;margin-bottom:24px}.preview-device{height:600px;position:relative;width:300px}.device-frame{background:#1a202c;border-radius:24px;box-shadow:0 8px 32px #0000004d;height:100%;padding:8px;width:100%}.device-header{background:#2d3748;border-radius:16px 16px 0 0;padding:8px 16px}.device-status-bar{align-items:center;color:#fff;display:flex;font-size:12px;font-weight:500;justify-content:space-between}.device-content{background:#fff;border-radius:0 0 16px 16px;height:calc(100% - 40px);overflow:hidden}.screen-content{height:100%;overflow-y:auto;padding:16px}.screen-header{border-bottom:1px solid #e2e8f0;margin-bottom:16px;padding-bottom:12px}.screen-header h4{color:#1a202c;font-size:16px;font-weight:600;margin:0}.ad-preview-banner{border:2px solid;border-radius:8px;margin:16px 0;overflow:hidden;position:relative;transition:all .3s ease}.ad-preview-banner:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.ad-preview-content{padding:16px}.ad-preview-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.ad-preview-icon{flex-shrink:0;font-size:24px}.ad-preview-text{flex:1 1}.ad-preview-title{color:inherit;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 4px}.ad-preview-subtitle{color:inherit;font-size:14px;line-height:1.4;margin:0;opacity:.8}.ad-preview-close{align-items:center;background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:24px;justify-content:center;opacity:.7;padding:0;transition:all .2s ease;width:24px}.ad-preview-close:hover{background:#0000001a;opacity:1}.ad-preview-description{color:inherit;font-size:14px;line-height:1.4;margin:0 0 12px;opacity:.9}.ad-preview-image{border-radius:6px;margin:12px 0;overflow:hidden}.ad-preview-image img{display:block;height:120px;object-fit:cover;width:100%}.ad-preview-action{margin-top:16px}.ad-preview-button{background:inherit;border:2px solid;border-radius:6px;color:inherit;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease;width:100%}.ad-preview-button:hover{opacity:.9;transform:translateY(-1px)}.ad-preview-badge{background:#000000b3;border-radius:4px;color:#fff;font-size:10px;font-weight:500;letter-spacing:.5px;padding:4px 8px;position:absolute;right:8px;text-transform:uppercase;top:8px}.screen-footer{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:16px}.screen-footer p{color:#4a5568;font-size:14px;font-style:italic;margin:0}.preview-info{background:#f7fafc;border-radius:8px;padding:16px}.preview-stats{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:16px}.stat{display:flex;flex-direction:column;gap:4px}.stat-label{color:#4a5568;font-size:12px}.stat-value{color:#1a202c;font-size:14px}.stat-value.status-active{color:#38a169}.stat-value.status-inactive{color:#e53e3e}.stat-value.status-scheduled{color:#d69e2e}.stat-value.status-expired{color:#718096}.preview-targets{border-top:1px solid #e2e8f0;padding-top:16px}.targets-label{color:#4a5568;display:block;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.targets-list{display:flex;flex-wrap:wrap;gap:8px}.target-tag{align-items:center;background:#3182ce;border-radius:4px;color:#fff;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px}@media (max-width:768px){.ad-preview{padding:16px}.preview-header{align-items:flex-start;flex-direction:column;gap:12px}.preview-device{height:500px;width:250px}.preview-stats{gap:16px}}@media (max-width:480px){.preview-device{height:400px;width:200px}.ad-preview-content{padding:12px}.ad-preview-title{font-size:14px}.ad-preview-subtitle{font-size:12px}.preview-stats{flex-direction:column;gap:12px}}.ad-preview-banner{animation:slideIn .3s ease-out}.device-frame{animation:deviceAppear .5s ease-out}@keyframes deviceAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.sponsored-ad-form{margin:0 auto;max-width:1000px;padding:0}.form-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-bottom:2rem;padding:2rem;text-align:center}.form-header h2{font-size:2rem;font-weight:700;margin:0 0 .5rem}.form-header p{font-size:1.125rem;margin:0;opacity:.9}.ad-form{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.form-sections{padding:2rem}.form-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:2.5rem}.form-section h3{align-items:center;color:#1f2937;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0 0 1.5rem}.form-row{margin-bottom:1rem}.form-group label{color:#374151}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc2626}.form-group input.error:focus,.form-group select.error:focus,.form-group textarea.error:focus{box-shadow:0 0 0 3px #dc26261a}.error-message{color:#dc2626;margin-top:.25rem}.icon-selector{display:flex;flex-direction:column;gap:.75rem}.icon-input{font-size:1.5rem;text-align:center;width:60px}.icon-suggestions{display:flex;flex-wrap:wrap;gap:.5rem}.icon-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;transition:all .2s;width:40px}.icon-option:hover{background:#f0f9ff;border-color:#3b82f6}.icon-option.selected{background:#3b82f6;border-color:#3b82f6;color:#fff}.targets-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:.5rem}.target-option{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.75rem;transition:all .2s}.target-option:hover{background:#f0f9ff;border-color:#3b82f6}.target-option input[type=checkbox]{margin:0;width:auto}.target-option input[type=checkbox]:checked+.target-label{color:#3b82f6;font-weight:600}.target-label{color:#374151;font-size:.875rem;transition:color .2s}.color-input-group{align-items:center;display:flex;gap:.5rem}.color-input-group input[type=color]{border:1px solid #d1d5db;border-radius:6px;cursor:pointer;height:40px;padding:0;width:50px}.color-input-group input[type=text]{flex:1 1}.ad-preview{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;display:flex;justify-content:center;padding:2rem}.preview-ad{border:2px solid;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;overflow:hidden;width:100%}.preview-header{align-items:center;background:#0000001a;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:.75rem 1rem}.preview-icon{font-size:1.25rem}.preview-type{font-size:.75rem;font-weight:600;letter-spacing:.05em;opacity:.8;text-transform:uppercase}.preview-close{cursor:pointer;font-size:1.25rem;opacity:.7;transition:opacity .2s}.preview-close:hover{opacity:1}.preview-content{padding:1.5rem;text-align:center}.preview-title{font-size:1.25rem;font-weight:700;line-height:1.3;margin:0 0 .5rem}.preview-subtitle{font-size:1rem;font-weight:600;margin:0 0 .75rem;opacity:.9}.preview-description{font-size:.875rem;line-height:1.5;margin:0 0 1rem;opacity:.8}.preview-action{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:inherit;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.preview-action:hover{background:#ffffff4d;border-color:#ffffff80}.form-actions{background:#f8fafc;border-top:1px solid #e2e8f0;padding:2rem}.cancel-button,.save-button{border-radius:6px;padding:.75rem 2rem;transition:all .2s}.cancel-button{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.cancel-button:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.save-button{background:#3b82f6;color:#fff}.save-button:hover:not(:disabled){background:#2563eb}@media (max-width:768px){.form-row,.targets-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-button,.save-button{width:100%}.color-input-group{align-items:stretch;flex-direction:column}.color-input-group input[type=color]{height:50px;width:100%}.icon-suggestions{justify-content:center}.preview-ad{max-width:100%}}@media (max-width:480px){.form-sections{padding:1rem}.form-section{margin-bottom:1.5rem;padding:1rem}.form-header{padding:1.5rem}.form-header h2{font-size:1.5rem}.form-header p{font-size:1rem}.ad-preview,.form-actions{padding:1rem}}.sponsored-ad-analytics{padding:0}.analytics-error,.analytics-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.analytics-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:1rem 0}.error-icon,.loading-spinner{margin-bottom:1rem}.error-icon{font-size:3rem}.retry-button{background:#dc2626;border-radius:6px;color:#fff;margin-top:1rem;padding:.5rem 1rem;transition:background-color .2s}.retry-button:hover{background:#b91c1c}.analytics-header{background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:12px;color:#fff;padding:2rem}.header-content h2{font-size:2rem;font-weight:700;margin:0 0 .5rem}.header-controls{align-items:flex-end;display:flex;flex-direction:column;gap:1rem}.date-range-picker{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:6px;display:flex;gap:.5rem;padding:.75rem}.date-range-picker label{font-size:.875rem;font-weight:500;margin:0}.date-range-picker input{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;font-size:.875rem;padding:.5rem}.date-range-picker input::placeholder{color:#ffffffb3}.date-range-picker span{font-size:.875rem;opacity:.8}.view-mode-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:6px;padding:.25rem}.view-mode-toggle button{background:#0000;border:none;border-radius:4px;color:#fffc;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.view-mode-toggle button.active{background:#fff3;color:#fff}.view-mode-toggle button:hover:not(.active){background:#ffffff1a;color:#fff}.metrics-overview{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;gap:1rem;padding:1.5rem;transition:transform .2s,box-shadow .2s}.metric-card:hover{box-shadow:0 4px 12px #00000026}.metric-icon{opacity:.8}.metric-value{color:#1f2937;font-size:1.875rem;margin-bottom:.25rem}.metric-label{color:#6b7280}.performance-metrics{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.performance-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.performance-header{margin-bottom:1rem}.performance-header h3{color:#374151;font-size:1rem;font-weight:600;margin:0}.performance-bar{background:#f3f4f6;border-radius:4px;height:8px}.performance-fill{border-radius:4px;transition:width .3s ease}.detailed-analytics{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:2rem;padding:2rem}.detailed-analytics h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.no-data{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.no-data-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.analytics-table-container{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.analytics-table{border-collapse:collapse;font-size:.875rem;width:100%}.analytics-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#374151;font-weight:600;padding:1rem;text-align:left}.analytics-table td{border-bottom:1px solid #f3f4f6;color:#1f2937;padding:1rem}.analytics-table tr:hover{background:#f9fafb}.target-badge{background:#e0f2fe;border-radius:9999px;color:#0369a1;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.metric-badge{font-size:.875rem;font-weight:600}.insights-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:2rem}.insights-section h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.insights-grid{grid-gap:1.5rem;gap:1.5rem}.insight-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:1rem;padding:1.5rem;transition:transform .2s}.insight-card:hover{box-shadow:0 4px 12px #0000001a}.insight-icon{font-size:2rem;opacity:.8}.insight-content h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .5rem}.insight-content p{color:#6b7280;line-height:1.5;margin:0}@media (max-width:768px){.analytics-header{flex-direction:column;gap:1.5rem}.analytics-header,.header-controls{align-items:stretch}.date-range-picker{flex-wrap:wrap}.date-range-picker,.view-mode-toggle{justify-content:center}.insights-grid,.metrics-overview,.performance-metrics{grid-template-columns:1fr}.analytics-table-container{font-size:.75rem}.analytics-table td,.analytics-table th{padding:.75rem .5rem}}@media (max-width:480px){.analytics-header{padding:1.5rem}.header-content h2{font-size:1.5rem}.header-content p{font-size:1rem}.metric-card{padding:1rem}.metric-icon{font-size:2rem}.metric-value{font-size:1.5rem}.performance-card{padding:1rem}.detailed-analytics,.insights-section{padding:1.5rem}.insight-card{padding:1rem}.insight-icon{font-size:1.5rem}}.sponsored-ads-page{background:#f8fafc;min-height:100vh;padding:0}.page-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:2rem}.header-content h1{align-items:center;display:flex;font-size:2.5rem;font-weight:700;gap:.75rem;margin:0 0 .5rem}.header-content p{font-size:1.125rem;margin:0;opacity:.9}.header-actions{gap:1rem}.debug-button{background:#ffc10733;border:1px solid #ffc1074d;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.debug-button:hover{background:#ffc1074d;border-color:#ffc10780;transform:translateY(-1px)}.debug-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.create-ad-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.create-ad-button:hover:not(:disabled){background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.create-ad-button:disabled{cursor:not-allowed;opacity:.5}.notification{align-items:center;animation:slideIn .3s ease-out;border-radius:8px;display:flex;font-weight:500;gap:.75rem;margin:0 2rem 1rem;padding:1rem 1.5rem;position:relative}.notification.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.notification.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.notification-icon{font-size:1.25rem}.notification-message{flex:1 1}.notification-close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.5rem;opacity:.7;transition:opacity .2s}.notification-close:hover{opacity:1}.tabs-container{background:#fff;border-bottom:1px solid #e2e8f0;border-radius:8px 8px 0 0;margin:0 2rem;overflow:hidden}.tabs{background:#fff}.tab,.tabs{display:flex}.tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;flex:1 1;font-weight:500;gap:.5rem;justify-content:center;padding:1rem 1.5rem;position:relative;transition:all .2s}.tab:hover:not(:disabled){background:#f8fafc;color:#374151}.tab.active{background:#f0f9ff;border-bottom-color:#3b82f6;color:#3b82f6}.tab:disabled{cursor:not-allowed;opacity:.5}.tab-icon{font-size:1.25rem}.tab-label{font-size:.875rem}.page-content{background:#fff;border-radius:0 0 8px 8px;margin:0 2rem 2rem;min-height:600px;position:relative}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-content{align-items:center;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;gap:1rem;padding:2rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.loading-content p{color:#374151;font-weight:500;margin:0}@media (max-width:1024px){.page-header{flex-direction:column;gap:1.5rem;text-align:center}.header-actions{justify-content:center}}@media (max-width:768px){.page-header{margin-bottom:1rem;padding:1.5rem}.header-content h1{font-size:2rem}.header-content p{font-size:1rem}.notification{margin:0 1rem 1rem;padding:.75rem 1rem}.tabs-container{margin:0 1rem}.page-content{margin:0 1rem 1rem}.tab{padding:.75rem 1rem}.tab-label{display:none}.tab-icon{font-size:1.5rem}}@media (max-width:480px){.page-header{padding:1rem}.header-content h1{font-size:1.75rem}.create-ad-button{font-size:.875rem;padding:.5rem 1rem}.notification{margin:0 .5rem 1rem;padding:.75rem}.tabs-container{margin:0 .5rem}.page-content{margin:0 .5rem 1rem}.tab{padding:.75rem .5rem}.loading-content{margin:1rem;padding:1.5rem}}.page-content>*{animation:fadeIn .3s ease-in-out}.create-ad-button:focus,.notification-close:focus,.tab:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast:high){.page-header,.tab.active{background:#000;color:#fff}.tab.active{border-bottom-color:#fff}.notification.error,.notification.success{background:#fff;border-color:#000;color:#000}}@media (prefers-reduced-motion:reduce){.create-ad-button,.notification,.page-content>*,.tab{animation:none;transition:none}.loading-spinner{animation:none}}.user-card{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden;position:relative;transition:all var(--transition-fast)}.user-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.user-card:before{background:var(--color-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.user-card--grid{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xl)}.user-card--table{grid-gap:var(--spacing-lg);align-items:center;display:grid;gap:var(--spacing-lg);grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding:var(--spacing-lg)}.user-card-header{align-items:flex-start;display:flex;gap:var(--spacing-md);justify-content:space-between}.user-avatar{font-size:1.25rem;height:60px;width:60px}.user-card-menu{position:relative}.user-card-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md)}.user-card-title{align-items:flex-start;display:flex;gap:var(--spacing-md);justify-content:space-between}.user-card-title h3{color:var(--color-text-primary);flex:1 1;font-size:1.125rem;font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-badges{display:flex;flex-shrink:0;gap:var(--spacing-sm)}.user-card-email{color:var(--color-text-secondary);font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card-stats{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1rem}.user-card-footer{border-top:1px solid var(--color-gray-200);display:flex;flex-direction:column;gap:var(--spacing-md);padding-top:var(--spacing-md)}.date-item{align-items:center;display:flex;font-size:.75rem;justify-content:space-between}.date-label{color:var(--color-text-tertiary);font-weight:500}.date-value{color:var(--color-text-secondary);font-weight:600}.view-profile-button{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:.875rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.view-profile-button:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.user-card--table .user-info{align-items:center;display:flex;gap:var(--spacing-md)}.user-meta{flex-direction:column}.user-dates,.user-stats{flex-direction:column;gap:var(--spacing-xs)}.user-dates{display:flex}.user-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.form-group select,.form-group textarea{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.875rem;padding:var(--spacing-md);transition:all var(--transition-fast)}.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}@media (max-width:768px){.user-card--grid{padding:var(--spacing-lg)}.user-card--table{gap:var(--spacing-md);grid-template-columns:1fr;padding:var(--spacing-md)}.user-card--table .user-info{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.user-avatar{font-size:1rem;height:50px;width:50px}.user-card-title h3{font-size:1rem;white-space:normal}.user-card-stats{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.user-actions{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.action-modal{margin:var(--spacing-md);max-height:calc(100vh - 2rem)}.action-modal-actions,.action-modal-content,.action-modal-header{padding:var(--spacing-lg)}}@media (max-width:480px){.user-card--grid{padding:var(--spacing-md)}.user-card--table{padding:var(--spacing-sm)}.user-badges{flex-direction:column}.user-badges,.user-card-stats{gap:var(--spacing-xs)}.stat-item{gap:2px}.action-modal-actions{flex-direction:column;gap:var(--spacing-sm)}.cancel-button,.confirm-button{width:100%}}.user-filters{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.filter-group{flex:1 1;min-width:0}.search-icon{pointer-events:none}.filter-buttons{gap:var(--spacing-xs)}.filter-button{color:var(--color-text-primary);white-space:nowrap}.filter-button-label{font-weight:500}.filter-button-count{background:var(--color-gray-100);border-radius:var(--radius-sm);font-weight:600;min-width:20px;padding:2px var(--spacing-xs)}.sort-select{min-width:150px}.sort-order-button{color:var(--color-text-primary);font-size:1.2rem;font-weight:700}.sort-order-button:hover{background:var(--color-primary-light)}.quick-filter-button{color:var(--color-text-primary);font-size:.8rem}@media (max-width:768px){.user-filters{padding:var(--spacing-md)}.filters-row{flex-direction:column;gap:var(--spacing-md)}.filter-button,.filter-buttons{justify-content:center}.filter-button{flex:1 1;min-width:0}.sort-controls{align-items:stretch;flex-direction:column}.sort-select{min-width:0;min-width:auto}.quick-filters{justify-content:center}.quick-filter-button{flex:1 1;min-width:0;text-align:center}}@media (max-width:480px){.user-filters{padding:var(--spacing-sm)}.filters-row{gap:var(--spacing-sm)}.filter-group{gap:var(--spacing-xs)}.filter-label,.search-input{font-size:.8rem}.search-input{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 2rem}.search-icon{font-size:.8rem;left:var(--spacing-sm)}.filter-button{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}.filter-button-count{font-size:.7rem;padding:1px var(--spacing-xs)}.sort-select{font-size:.8rem;padding:var(--spacing-sm)}.sort-order-button{font-size:1rem;height:36px;width:36px}.quick-filter-button{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}}.user-list{padding:var(--spacing-xl)}.user-list-header{justify-content:space-between;margin-bottom:var(--spacing-xl)}.user-list-header,.user-list-title{align-items:center;display:flex;gap:var(--spacing-lg)}.user-list-title h2{color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin:0}.user-count{background:var(--color-gray-100);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md)}.user-list-actions{align-items:center;display:flex;gap:var(--spacing-md)}.users-container{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl)}.users-container.grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.users-container.table{gap:var(--spacing-sm);grid-template-columns:1fr}.users-empty{color:var(--color-text-secondary);padding:var(--spacing-4xl) var(--spacing-xl);text-align:center}.users-empty h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm)}.users-empty p{font-size:1rem;line-height:1.5;margin:0 auto;max-width:400px}@media (max-width:768px){.user-list{padding:var(--spacing-lg)}.user-list-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.user-list-title{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.user-list-title h2{font-size:1.25rem}.users-container.grid{gap:var(--spacing-lg);grid-template-columns:1fr}.users-empty{padding:var(--spacing-2xl) var(--spacing-lg)}.empty-icon{font-size:3rem}.users-empty h3{font-size:1.125rem}.users-empty p{font-size:.875rem}}@media (max-width:480px){.user-list{padding:var(--spacing-md)}.users-container{gap:var(--spacing-md)}.users-empty{padding:var(--spacing-xl) var(--spacing-md)}}.user-profile{padding:var(--spacing-xl)}.user-profile-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;min-height:400px}.user-profile-loading p{color:var(--color-text-secondary);font-size:1rem;margin:0}.profile-header{align-items:flex-start;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl)}.profile-avatar{align-items:center;background:var(--color-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);color:var(--color-white);display:flex;flex-shrink:0;font-size:2rem;font-weight:600;height:120px;justify-content:center;overflow:hidden;width:120px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-info{flex:1 1;min-width:0}.profile-name{align-items:flex-start;display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-md)}.profile-name h1{color:var(--color-text-primary);font-size:2rem;font-weight:700;line-height:1.2;margin:0}.profile-badges{display:flex;flex-shrink:0;gap:var(--spacing-sm)}.profile-email{color:var(--color-text-secondary);font-size:1.125rem;margin-bottom:var(--spacing-lg)}.profile-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.profile-actions{display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-md)}.action-button{font-weight:600;padding:var(--spacing-md) var(--spacing-lg);white-space:nowrap}.action-button.primary{background:var(--color-warning)}.action-button.primary:hover{background:#d97706;box-shadow:var(--shadow-md);transform:translateY(-1px)}.action-button.secondary{background:var(--color-error);color:var(--color-white)}.action-button.secondary:hover{background:#dc2626;box-shadow:var(--shadow-md);transform:translateY(-1px)}.action-button.tertiary{background:var(--color-primary);color:var(--color-white)}.action-button.tertiary:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.role-badge,.status-badge{font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.role-badge--info{background:#3b82f61a;color:var(--color-info)}.role-badge--warning{background:#f59e0b1a;color:var(--color-warning)}.role-badge--error{background:#ef44441a;color:var(--color-error)}.profile-tabs{border-bottom:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);overflow-x:auto}.profile-content{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-height:500px}.overview-tab{padding:var(--spacing-xl)}.overview-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.overview-card{background:var(--color-gray-50)}.overview-card h3{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.info-list{display:flex;flex-direction:column}.info-item,.info-list{gap:var(--spacing-md)}.info-label{flex-shrink:0;font-size:.875rem}.info-value{font-size:.875rem;text-align:right;word-break:break-all}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{background:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-md)}.stat-info{flex:1 1}.stat-text{color:var(--color-text-secondary);font-size:.75rem;font-weight:500}.activity-tab,.marketplace-tab,.posts-tab{padding:var(--spacing-xl)}.tab-header{align-items:center;border-bottom:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md)}.tab-header h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin:0}.count-badge{background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-white);font-size:.75rem;font-weight:600;min-width:20px;padding:4px 8px;text-align:center}.posts-list{gap:var(--spacing-lg)}.post-item{border-radius:var(--radius-lg);padding:var(--spacing-lg)}.post-content p{color:var(--color-text-primary);font-size:1rem;line-height:1.5;margin:0 0 var(--spacing-md) 0}.post-images{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.post-images img{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);object-fit:cover}.more-images,.post-images img{height:80px;width:80px}.post-meta{align-items:center;font-size:.875rem}.post-date{font-weight:500}.post-comments,.post-likes{align-items:center;display:flex;gap:var(--spacing-xs)}.marketplace-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.marketplace-item{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg)}.item-image{border-radius:var(--radius-md);height:100px;overflow:hidden;width:100px}.item-image img,.no-image{height:100%;width:100%}.no-image{align-items:center;background:var(--color-gray-200);display:flex;font-size:2rem;justify-content:center}.item-info{flex:1 1;min-width:0}.item-info h4{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;line-height:1.3;margin:0 0 var(--spacing-sm) 0}.item-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:.875rem;line-height:1.4;margin:0 0 var(--spacing-md) 0;overflow:hidden;text-overflow:ellipsis}.item-meta{align-items:center;display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.item-price{color:var(--color-success);font-size:1rem;font-weight:700}.item-status{border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.item-status.active{background:#10b9811a;color:var(--color-success)}.item-status.inactive{background:#ef44441a;color:var(--color-error)}.item-date{color:var(--color-text-tertiary);font-size:.75rem}.activity-timeline{display:flex;flex-direction:column;gap:var(--spacing-lg)}.timeline-item{align-items:flex-start;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);gap:var(--spacing-lg);padding:var(--spacing-lg)}.timeline-icon{background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-white);height:40px;width:40px}.timeline-title{font-size:1rem}.timeline-date{color:var(--color-text-secondary);font-size:.875rem}@media (max-width:768px){.user-profile{padding:var(--spacing-lg)}.profile-header{gap:var(--spacing-lg);text-align:center}.profile-header,.profile-name{align-items:center;flex-direction:column}.profile-name{gap:var(--spacing-md)}.profile-name h1{font-size:1.5rem}.profile-stats{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.profile-actions{flex-direction:row;flex-wrap:wrap;justify-content:center}.profile-tabs{gap:0}.tab-button{flex:1 1;font-size:.8rem;justify-content:center;padding:var(--spacing-sm) var(--spacing-md)}.tab-label{display:none}.tab-icon{font-size:1.25rem}.activity-tab,.marketplace-tab,.overview-tab,.posts-tab{padding:var(--spacing-lg)}.overview-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.stats-grid{gap:var(--spacing-md);grid-template-columns:1fr}.marketplace-item{flex-direction:column;gap:var(--spacing-md)}.item-image{height:200px;width:100%}.timeline-item{flex-direction:column;gap:var(--spacing-md);text-align:center}}@media (max-width:480px){.user-profile{padding:var(--spacing-md)}.profile-avatar{font-size:1.5rem;height:100px;width:100px}.profile-name h1{font-size:1.25rem}.profile-stats{grid-template-columns:1fr}.profile-actions{flex-direction:column}.activity-tab,.marketplace-tab,.overview-tab,.posts-tab{padding:var(--spacing-md)}.post-images{flex-wrap:wrap}.more-images,.post-images img{height:60px;width:60px}}.overview-change.positive{color:var(--color-success)}.overview-change.negative{color:var(--color-error)}.bar{background:var(--color-primary)}.bar:hover{background:var(--color-primary-dark)}.analytics-trends{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-2xl)}.trend-section{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.trend-section h3{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.trend-chart{align-items:end;display:flex;gap:var(--spacing-md);height:150px}.trend-item{flex:1 1;gap:var(--spacing-sm)}.trend-bar{align-items:end;display:flex;flex:1 1;justify-content:center}.trend-fill{background:var(--color-success);border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:4px;transition:all var(--transition-fast);width:100%}.trend-fill:hover{background:#059669}.trend-label,.trend-value{text-align:center}.trend-value{color:var(--color-text-secondary);font-size:.75rem}@media (max-width:768px){.user-analytics{padding:var(--spacing-lg)}.analytics-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.analytics-title h2{font-size:1.25rem}.period-selector{justify-content:center}.analytics-overview{gap:var(--spacing-md);grid-template-columns:1fr}.overview-card{padding:var(--spacing-lg)}.overview-icon{font-size:1.5rem;height:50px;width:50px}.overview-value{font-size:1.25rem}.analytics-charts,.analytics-trends{gap:var(--spacing-lg);grid-template-columns:1fr}.chart-container{height:150px}.trend-chart{height:120px}.details-grid{gap:var(--spacing-md);grid-template-columns:1fr}}@media (max-width:480px){.user-analytics{padding:var(--spacing-md)}.overview-card{flex-direction:column;gap:var(--spacing-md);text-align:center}.analytics-details,.chart-section,.trend-section{padding:var(--spacing-lg)}.simple-chart{gap:var(--spacing-xs)}.trend-chart{gap:var(--spacing-sm)}.bar-label,.trend-label{font-size:.7rem}}.user-actions{padding:var(--spacing-xl)}.actions-header{margin-bottom:var(--spacing-2xl)}.actions-header h2{color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.actions-header p{color:var(--color-text-secondary);margin:0}.action-selector{grid-gap:var(--spacing-xl);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.selector-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.selector-group label{font-weight:600}.action-select,.selector-group label{color:var(--color-text-primary);font-size:.875rem}.action-select{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;padding:var(--spacing-md);transition:all var(--transition-fast)}.action-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.users-count{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;padding:var(--spacing-md)}.action-config{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.config-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.config-group label{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.config-group select,.config-group textarea{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.875rem;padding:var(--spacing-md);transition:all var(--transition-fast)}.config-group select:focus,.config-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.config-group textarea{min-height:80px;resize:vertical}.warning-message{background:var(--color-warning)}.users-selection{margin-bottom:var(--spacing-xl)}.selection-header{align-items:center;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.selection-info h3{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.selection-count{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.select-all-button:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.users-list{grid-gap:var(--spacing-md);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-height:400px;overflow-y:auto;padding:var(--spacing-md)}.user-selection-item{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);transition:all var(--transition-fast)}.user-selection-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.user-checkbox{cursor:pointer;display:block;padding:var(--spacing-md);transition:all var(--transition-fast)}.user-checkbox:hover{background:var(--color-gray-50)}.user-checkbox input[type=checkbox]{height:16px;margin-right:var(--spacing-md);width:16px}.user-info{align-items:center;gap:var(--spacing-md)}.user-avatar{font-size:.875rem;font-weight:600;overflow:hidden}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-details{flex:1 1;min-width:0}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{font-size:.875rem;margin-bottom:var(--spacing-xs)}.user-meta{display:flex;gap:var(--spacing-sm)}.role-badge,.status-badge{border-radius:var(--radius-full);font-size:.75rem;font-weight:500;padding:2px 6px}.status-badge.active{background:#10b9811a;color:var(--color-success)}.status-badge.inactive{background:#f59e0b1a;color:var(--color-warning)}.status-badge.error{background:#ef44441a;color:var(--color-error)}.role-badge{background:#3b82f61a;color:var(--color-info)}.bulk-action{align-items:center;background:var(--color-primary);border-radius:var(--radius-lg);color:var(--color-white);display:flex;gap:var(--spacing-lg);justify-content:space-between;padding:var(--spacing-xl)}.bulk-action-info h3{font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.bulk-action-info p{margin:0;opacity:.9}.execute-button{background:var(--color-white);border:none;border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;font-size:.875rem;font-weight:600;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast)}.execute-button:hover:not(:disabled){background:var(--color-gray-100);box-shadow:var(--shadow-md);transform:translateY(-1px)}.execute-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.confirm-modal-overlay{align-items:center;background:var(--color-overlay);bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:var(--z-modal)}.confirm-modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.confirm-header{border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-xl)}.confirm-header h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin:0}.confirm-content{padding:var(--spacing-xl)}.confirm-content p{color:var(--color-text-secondary);margin:0 0 var(--spacing-lg) 0}.delete-warning{background:var(--color-error);border-radius:var(--radius-md);color:var(--color-white);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);text-align:center}.delete-warning p{margin:0 0 var(--spacing-sm) 0}.delete-warning p:last-child{margin:0}.selected-users-preview{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-lg)}.selected-users-preview h4{color:var(--color-text-primary);font-size:.875rem;font-weight:600;margin:0 0 var(--spacing-md) 0}.users-preview-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.preview-user{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);color:var(--color-text-secondary)}.preview-more,.preview-user{font-size:.875rem;padding:var(--spacing-sm)}.preview-more{color:var(--color-text-tertiary);font-style:italic;text-align:center}.confirm-actions{border-top:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-xl)}@media (max-width:768px){.user-actions{padding:var(--spacing-lg)}.action-selector{gap:var(--spacing-lg);grid-template-columns:1fr}.selection-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.users-list{gap:var(--spacing-sm);grid-template-columns:1fr}.bulk-action{align-items:stretch;flex-direction:column;gap:var(--spacing-md);text-align:center}.confirm-modal{margin:var(--spacing-md);max-height:calc(100vh - 2rem)}.confirm-actions{flex-direction:column;gap:var(--spacing-sm)}.cancel-button,.confirm-button{width:100%}}@media (max-width:480px){.user-actions{padding:var(--spacing-md)}.action-config,.action-selector,.bulk-action,.selection-header{padding:var(--spacing-lg)}.user-checkbox{padding:var(--spacing-sm)}.user-info{gap:var(--spacing-sm)}.user-avatar{font-size:.75rem;height:32px;width:32px}}.page-header{background:#fff;color:#1a202c;margin-bottom:2rem}.page-header-content{justify-content:space-between}.page-header-content,.page-header-left{align-items:flex-start;display:flex;gap:1.5rem}.page-header-left{flex:1 1;min-width:0}.back-button{align-items:center;background:#f3f4f6;border:none;border-radius:.5rem;color:#4b5563;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .15s ease-in-out;width:40px}.back-button:hover{background:var(--color-gray-200);color:var(--color-gray-800)}.back-icon{font-size:1.25rem;font-weight:600}.page-header-text{flex:1 1;min-width:0}.breadcrumbs{font-size:.875rem;margin-bottom:var(--spacing-sm)}.breadcrumb-item,.breadcrumbs{align-items:center;display:flex;gap:var(--spacing-xs)}.breadcrumb-separator{color:var(--color-text-tertiary);font-weight:500}.breadcrumb-label{color:var(--color-text-secondary);font-weight:500;transition:color var(--transition-fast)}.breadcrumb-label:hover{color:var(--color-primary)}.page-title{color:var(--color-text-primary);font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 var(--spacing-sm) 0}.page-description{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.4;margin:0}.page-header-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-md)}@media (max-width:768px){.page-header-content{align-items:stretch;flex-direction:column}.page-header-content,.page-header-left{gap:var(--spacing-md)}.page-title{font-size:1.5rem}.page-description{font-size:1rem}.page-header-actions{justify-content:flex-end}}@media (max-width:480px){.page-header-left{flex-direction:column;gap:var(--spacing-sm)}.page-title{font-size:1.25rem}.page-description{font-size:.875rem}.page-header-actions{flex-wrap:wrap;gap:var(--spacing-sm)}}.user-management{margin:0 auto;max-width:1200px;padding:var(--spacing-xl)}.user-management-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;min-height:400px}.user-management-loading p{color:var(--color-text-secondary);font-size:1rem;margin:0}.user-management-tabs{border-bottom:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);overflow-x:auto}.user-management-content{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-height:500px}@media (max-width:768px){.user-management{padding:var(--spacing-lg)}.user-management-tabs{gap:0;margin-bottom:var(--spacing-lg)}.tab-button{flex:1 1;font-size:.8rem;justify-content:center;padding:var(--spacing-sm) var(--spacing-md)}.tab-label{display:none}.tab-icon{font-size:1.25rem}}@media (max-width:480px){.user-management{padding:var(--spacing-md)}.user-management-content{border-radius:var(--radius-md)}}.content-card{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden;position:relative;transition:all var(--transition-fast)}.content-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.content-card:before{background:var(--color-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.content-card--grid{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xl)}.content-card--list{grid-gap:var(--spacing-lg);align-items:center;display:grid;gap:var(--spacing-lg);grid-template-columns:2fr 1fr 1fr 1fr;padding:var(--spacing-lg)}.content-card-header{align-items:flex-start;display:flex;gap:var(--spacing-md);justify-content:space-between}.content-type{align-items:center;display:flex;gap:var(--spacing-sm)}.type-icon{font-size:1.25rem}.type-label{color:var(--color-text-secondary);font-size:.875rem}.content-card-menu{position:relative}.menu-button{align-items:center;background:var(--color-gray-100);border:none;border-radius:var(--radius-md);color:var(--color-gray-600);cursor:pointer;display:flex;font-size:1.25rem;font-weight:600;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.menu-button:hover{background:var(--color-gray-200);color:var(--color-gray-800)}.menu-dropdown{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:var(--spacing-sm);min-width:160px;position:absolute;right:0;top:100%;z-index:var(--z-dropdown)}.menu-item{color:var(--color-text-secondary)}.menu-item:hover{background:var(--color-gray-100);color:var(--color-text-primary)}.menu-item.delete{color:var(--color-error)}.menu-item.delete:hover{background:var(--color-error);color:var(--color-white)}.menu-icon{font-size:1rem}.content-card-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md)}.content-text{-webkit-line-clamp:3;line-height:1.5}.content-images{display:flex;gap:var(--spacing-sm);margin:var(--spacing-sm) 0}.content-images img{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);height:60px;object-fit:cover;width:60px}.more-images{align-items:center;background:var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:.875rem;font-weight:600;height:60px;justify-content:center;width:60px}.content-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.status-badge{border-radius:var(--radius-full);padding:4px 8px}.status-badge--success{background:#10b9811a;color:var(--color-success)}.status-badge--warning{background:#f59e0b1a;color:var(--color-warning)}.status-badge--error{background:#ef44441a;color:var(--color-error)}.status-badge--info{background:#3b82f61a;color:var(--color-info)}.content-card-footer{align-items:center;border-top:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-lg);justify-content:space-between;padding-top:var(--spacing-md)}.content-author{align-items:center;display:flex;flex:1 1;gap:var(--spacing-md);min-width:0}.author-avatar{font-size:.75rem;font-weight:600;height:32px;width:32px}.author-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-date{color:var(--color-text-tertiary);font-size:.75rem}.content-stats{display:flex;gap:var(--spacing-lg)}.stat-item{font-size:.875rem}.stat-icon{font-size:1rem}.content-card--list .content-info{align-items:center;display:flex;gap:var(--spacing-md)}.content-type-icon{align-items:center;background:var(--color-primary-light);border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.content-details{flex:1 1;min-width:0}.content-meta{align-items:center;margin-top:var(--spacing-sm)}.content-author{font-weight:500}.content-actions{align-items:center}.action-button.primary{background:var(--color-primary);color:var(--color-white)}.action-button.primary:hover{background:var(--color-primary-dark)}.action-modal-overlay{align-items:center;background:var(--color-overlay);bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:var(--z-modal)}.action-modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.action-modal-header{align-items:center;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;padding:var(--spacing-xl)}.action-modal-header h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin:0}.close-button{align-items:center;background:var(--color-gray-100);border:none;border-radius:var(--radius-md);color:var(--color-gray-600);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.close-button:hover{background:var(--color-gray-200);color:var(--color-gray-800)}.action-modal-content{padding:var(--spacing-xl)}.form-group textarea{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.875rem;padding:var(--spacing-md);transition:all var(--transition-fast)}.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.warning-message{background:var(--color-error);border-radius:var(--radius-md);color:var(--color-white);padding:var(--spacing-lg);text-align:center}.warning-message p{margin:0 0 var(--spacing-sm) 0}.warning-message p:last-child{margin:0}.action-modal-actions{border-top:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-xl)}.cancel-button,.confirm-button{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:600;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast)}.cancel-button:hover{background:var(--color-gray-300);color:var(--color-text-primary)}.confirm-button{background:var(--color-primary);color:var(--color-white)}.confirm-button:hover{background:var(--color-primary-dark)}@media (max-width:768px){.content-card--grid{padding:var(--spacing-lg)}.content-card--list{gap:var(--spacing-md);grid-template-columns:1fr;padding:var(--spacing-md)}.content-card--list .content-info{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.content-type-icon{font-size:1.25rem;height:32px;width:32px}.content-text{-webkit-line-clamp:2;font-size:.8rem}.content-images img,.more-images{height:50px;width:50px}.content-actions{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.action-modal{margin:var(--spacing-md);max-height:calc(100vh - 2rem)}.action-modal-actions,.action-modal-content,.action-modal-header{padding:var(--spacing-lg)}}@media (max-width:480px){.content-card--grid{padding:var(--spacing-md)}.content-card--list{padding:var(--spacing-sm)}.content-badges{flex-direction:column;gap:var(--spacing-xs)}.content-stats{gap:var(--spacing-sm)}.stat-item{gap:2px}.action-modal-actions{flex-direction:column;gap:var(--spacing-sm)}.cancel-button,.confirm-button{width:100%}}.content-filters{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.filters-row{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:var(--spacing-lg)}.filters-row:last-child{margin-bottom:0}.filter-label{margin:0}.search-input{padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 40px}.search-icon{color:var(--color-gray-400)}.filter-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.filter-button{color:var(--color-text-secondary)}.filter-button:hover{color:var(--color-primary)}.filter-button-label{white-space:nowrap}.filter-button-count{background:var(--color-gray-200);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:.75rem;min-width:18px;padding:2px 6px;text-align:center}.filter-button.active .filter-button-count{background:#fff3;color:var(--color-white)}.sort-select{flex:1 1;padding:var(--spacing-md);transition:all var(--transition-fast)}.sort-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.sort-order-button{align-items:center;background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1.25rem;font-weight:600;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.sort-order-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.sort-order-button.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.quick-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.quick-filter-button{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);white-space:nowrap}.quick-filter-button:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}@media (max-width:1024px){.filters-row{gap:var(--spacing-lg);grid-template-columns:1fr}.filter-buttons,.quick-filters{justify-content:flex-start}}@media (max-width:768px){.content-filters{padding:var(--spacing-lg)}.filters-row{gap:var(--spacing-md)}.filter-buttons{flex-wrap:wrap;gap:var(--spacing-xs)}.filter-button{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}.quick-filters{flex-wrap:wrap;gap:var(--spacing-xs)}.quick-filter-button{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width:480px){.content-filters{padding:var(--spacing-md)}.filter-button,.filter-buttons{justify-content:center}.filter-button{flex:1 1;min-width:0}.filter-button-label{display:none}.filter-button-count{font-size:.7rem;padding:1px 4px}.quick-filters{justify-content:center}.quick-filter-button{flex:1 1;min-width:0;text-align:center}}.content-list{padding:var(--spacing-xl)}.content-list-header{justify-content:space-between;margin-bottom:var(--spacing-xl)}.content-list-header,.content-list-title{align-items:center;display:flex;gap:var(--spacing-lg)}.content-list-title h2{color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin:0}.content-count{background:var(--color-gray-100);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md)}.content-list-actions{align-items:center;display:flex;gap:var(--spacing-lg)}.content-type-toggle{background:var(--color-gray-100);border-radius:var(--radius-md);display:flex;padding:4px}.type-button{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.type-button:hover{color:var(--color-text-primary)}.type-button.active{background:var(--color-white);box-shadow:var(--shadow-sm);color:var(--color-primary)}.view-mode-toggle{background:var(--color-gray-100);border-radius:var(--radius-md);display:flex;padding:4px}.content-container{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl)}.content-container.grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.content-container.list{gap:var(--spacing-sm);grid-template-columns:1fr}.content-empty{color:var(--color-text-secondary);padding:var(--spacing-4xl) var(--spacing-xl);text-align:center}.content-empty h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm)}.content-empty p{font-size:1rem;line-height:1.5;margin:0 auto;max-width:400px}@media (max-width:768px){.content-list{padding:var(--spacing-lg)}.content-list-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.content-list-title{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.content-list-title h2{font-size:1.25rem}.content-list-actions{flex-direction:column;gap:var(--spacing-md)}.content-type-toggle,.view-mode-toggle{justify-content:center}.content-container.grid{gap:var(--spacing-lg);grid-template-columns:1fr}.content-empty{padding:var(--spacing-2xl) var(--spacing-lg)}.empty-icon{font-size:3rem}.content-empty h3{font-size:1.125rem}.content-empty p{font-size:.875rem}}@media (max-width:480px){.content-list{padding:var(--spacing-md)}.content-container{gap:var(--spacing-md)}.content-empty{padding:var(--spacing-xl) var(--spacing-md)}}.content-editor{padding:var(--spacing-xl)}.content-editor-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.editor-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:2fr 1fr}.editor-section{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.editor-section h3{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.form-group label{font-weight:600}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #667eea1a}.form-group input.error,.form-group textarea.error{border-color:var(--color-error)}.form-group textarea{font-family:inherit;line-height:1.5;min-height:120px}.character-count{color:var(--color-text-tertiary);font-size:.75rem;text-align:right}.error-message{font-size:.75rem}.checkbox-label input[type=checkbox]{height:16px;width:16px}.form-group input[type=file]{background:var(--color-white);border:2px dashed var(--color-gray-300);cursor:pointer;padding:var(--spacing-sm);transition:all var(--transition-fast)}.form-group input[type=file]:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.file-preview{margin-top:var(--spacing-md)}.file-preview h4{color:var(--color-text-primary);font-size:.875rem;font-weight:600;margin:0 0 var(--spacing-md) 0}.image-preview-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.image-preview-item{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);overflow:hidden;position:relative}.image-preview-item img{display:block;height:100px;object-fit:cover;width:100%}.remove-button{align-items:center;background:var(--color-error);border:none;border-radius:var(--radius-full);color:var(--color-white);cursor:pointer;display:flex;font-size:.75rem;font-weight:600;height:24px;justify-content:center;position:absolute;right:4px;top:4px;transition:all var(--transition-fast);width:24px}.remove-button:hover{background:#dc2626;transform:scale(1.1)}.document-preview,.video-preview{background:var(--color-white);border:1px solid var(--color-gray-200);gap:var(--spacing-md);padding:var(--spacing-md)}.document-icon,.document-preview,.video-icon,.video-preview{align-items:center;border-radius:var(--radius-md);display:flex}.document-icon,.video-icon{background:var(--color-primary-light);flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.document-name,.video-name{color:var(--color-text-primary);flex:1 1;font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-actions{padding-top:var(--spacing-xl)}.cancel-button,.save-button{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:600;min-width:120px;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast)}.cancel-button{background:var(--color-gray-200);color:var(--color-text-secondary)}.cancel-button:hover:not(:disabled){background:var(--color-gray-300);color:var(--color-text-primary)}.save-button{background:var(--color-primary);color:var(--color-white)}.save-button:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.cancel-button:disabled,.save-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.content-editor{padding:var(--spacing-lg)}.editor-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.editor-section{padding:var(--spacing-lg)}.image-preview-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.image-preview-item img{height:80px}.form-actions{flex-direction:column;gap:var(--spacing-sm)}.cancel-button,.save-button{width:100%}}@media (max-width:480px){.content-editor,.editor-section{padding:var(--spacing-md)}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.image-preview-item img{height:60px}.remove-button{font-size:.7rem;height:20px;width:20px}.document-preview,.video-preview{gap:var(--spacing-sm);padding:var(--spacing-sm)}.document-icon,.video-icon{font-size:1.25rem;height:32px;width:32px}}.media-library{padding:var(--spacing-xl)}.media-library-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;min-height:400px}.media-library-loading p{color:var(--color-text-secondary);font-size:1rem;margin:0}.media-library-header{align-items:flex-start;display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-xl)}.header-info h2{color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.header-actions{align-items:center;gap:var(--spacing-md)}.upload-area{position:relative}.upload-area input[type=file]{height:0;opacity:0;position:absolute;width:0}.upload-button{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast)}.upload-button:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.upload-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.delete-button{align-items:center;background:var(--color-error);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast)}.delete-button:hover{background:#dc2626;box-shadow:var(--shadow-md);transform:translateY(-1px)}.media-filters{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.filter-group,.media-filters{align-items:center}.search-input{min-width:200px;padding:var(--spacing-md)}.filter-select:focus{box-shadow:0 0 0 3px #667eea1a}.sort-button{color:var(--color-text-secondary);font-size:1.25rem;font-weight:600}.sort-button:hover{color:var(--color-primary)}.view-toggle{background:var(--color-gray-100);border-radius:var(--radius-md);display:flex;padding:4px}.view-button{align-items:center;display:flex;font-size:1rem;font-weight:600;height:32px;justify-content:center;width:32px}.view-button:hover{background:var(--color-gray-200)}.view-button.active{background:var(--color-white);box-shadow:var(--shadow-sm);color:var(--color-primary)}.media-files{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden}.files-container{display:flex;flex-direction:column}.files-container.grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:var(--spacing-lg)}.files-container.list{display:flex;flex-direction:column}.files-header{grid-gap:var(--spacing-lg);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);display:grid;font-size:.875rem;font-weight:600;gap:var(--spacing-lg);grid-template-columns:40px 2fr 1fr 1fr 1fr 1fr;padding:var(--spacing-lg)}.header-checkbox{justify-content:center}.header-actions,.header-checkbox,.header-date,.header-name,.header-size,.header-type{align-items:center;display:flex}.media-file{border-bottom:1px solid var(--color-gray-200);transition:all var(--transition-fast)}.media-file:hover{background:var(--color-gray-50)}.media-file:last-child{border-bottom:none}.media-file.list{grid-gap:var(--spacing-lg);align-items:center;display:grid;gap:var(--spacing-lg);grid-template-columns:40px 2fr 1fr 1fr 1fr 1fr}.file-card,.media-file.grid,.media-file.list{padding:var(--spacing-lg)}.file-card{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);position:relative;transition:all var(--transition-fast)}.file-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.file-checkbox{left:var(--spacing-md);position:absolute;top:var(--spacing-md);z-index:1}.file-checkbox input[type=checkbox]{height:16px;width:16px}.file-preview{align-items:center;background:var(--color-white);border-radius:var(--radius-md);display:flex;height:150px;justify-content:center;margin-bottom:var(--spacing-md);overflow:hidden;width:100%}.file-preview img{height:100%;object-fit:cover;width:100%}.file-icon-large{color:var(--color-text-tertiary);font-size:3rem}.file-info{margin-bottom:var(--spacing-md)}.file-name{font-weight:600}.file-meta,.file-name{margin-bottom:var(--spacing-sm)}.file-meta{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.75rem;justify-content:space-between}.file-type{margin-bottom:var(--spacing-md)}.type-badge{border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.type-badge--image{background:#10b9811a;color:var(--color-success)}.type-badge--video{background:#3b82f61a;color:var(--color-info)}.type-badge--document{background:#f59e0b1a;color:var(--color-warning)}.file-actions{display:flex;gap:var(--spacing-sm)}.action-button{color:var(--color-text-secondary);height:32px;width:32px}.action-button:hover{color:var(--color-primary)}.media-file.list .file-name{align-items:center;display:flex;gap:var(--spacing-sm)}.file-icon{font-size:1.25rem}.file-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-file.list .file-date,.media-file.list .file-size,.media-file.list .file-type{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.875rem}.media-file.list .file-actions{display:flex;gap:var(--spacing-sm)}.media-empty{color:var(--color-text-secondary);padding:var(--spacing-4xl) var(--spacing-xl);text-align:center}.media-empty h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm)}.media-empty p{font-size:1rem;line-height:1.5;margin:0 auto;max-width:400px}@media (max-width:768px){.media-library{padding:var(--spacing-lg)}.media-library-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.header-actions{flex-direction:column;gap:var(--spacing-sm)}.media-filters{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.filter-group{justify-content:flex-start}.search-input{flex:1 1;min-width:0}.files-container.grid{gap:var(--spacing-md);grid-template-columns:1fr}.files-header{display:none}.media-file.list{gap:var(--spacing-md);grid-template-columns:1fr;padding:var(--spacing-md)}.media-file.list .file-name{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.media-file.list .file-meta{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}}@media (max-width:480px){.file-card,.files-container.grid,.media-filters,.media-library{padding:var(--spacing-md)}.file-preview{height:120px}.file-icon-large{font-size:2rem}.media-empty{padding:var(--spacing-2xl) var(--spacing-lg)}.empty-icon{font-size:3rem}}.content-moderation{padding:var(--spacing-xl)}.moderation-header{margin-bottom:var(--spacing-2xl)}.moderation-header h2{color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.moderation-header p{color:var(--color-text-secondary);margin:0}.moderation-stats{margin-bottom:var(--spacing-2xl)}.stat-card{background:var(--color-surface);gap:var(--spacing-lg);padding:var(--spacing-xl)}.stat-card:hover{box-shadow:var(--shadow-lg)}.stat-icon{font-size:2rem;height:60px;width:60px}.stat-number{font-size:1.5rem}.moderation-actions{margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl)}.moderation-actions,.reported-content{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg)}.reported-content{background:var(--color-surface);overflow:hidden}.content-header{align-items:center;background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.content-header h3{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0}.select-all-button{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:.875rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.select-all-button:hover{background:var(--color-primary-dark)}.content-list{display:flex;flex-direction:column}.content-item{align-items:center;border-bottom:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);transition:all var(--transition-fast)}.content-item:hover{background:var(--color-gray-50)}.content-item:last-child{border-bottom:none}.content-item input[type=checkbox]{height:16px;width:16px}.content-preview{flex:1 1;min-width:0}.content-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-primary);display:-webkit-box;font-size:.875rem;margin-bottom:var(--spacing-sm);overflow:hidden;text-overflow:ellipsis}.content-meta{color:var(--color-text-secondary);display:flex;font-size:.75rem;gap:var(--spacing-lg)}.content-actions{display:flex;gap:var(--spacing-sm)}.action-button.approve{background:var(--color-success);color:var(--color-white)}.action-button.approve:hover{background:#059669}.action-button.reject{background:var(--color-error);color:var(--color-white)}.action-button.reject:hover{background:#dc2626}@media (max-width:768px){.content-moderation{padding:var(--spacing-lg)}.moderation-stats{gap:var(--spacing-md);grid-template-columns:1fr}.moderation-actions{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.action-selector{min-width:0}.content-item{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.content-actions{justify-content:center}}@media (max-width:480px){.content-moderation{padding:var(--spacing-md)}.stat-card{padding:var(--spacing-lg)}.stat-icon{font-size:1.5rem;height:50px;width:50px}.stat-number{font-size:1.25rem}.moderation-actions{padding:var(--spacing-lg)}.content-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.content-item{padding:var(--spacing-md)}}.analytics-title h2{color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.analytics-title p{color:var(--color-text-secondary);margin:0}.chart-section h3{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.chart-container{align-items:end}.simple-chart{align-items:end;display:flex;gap:var(--spacing-sm);height:100%;width:100%}.chart-bar{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs);height:100%;position:relative}.bar{border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:4px;width:100%}.bar.posts{background:var(--color-primary)}.bar.comments{background:var(--color-success);bottom:0;left:0;opacity:.7;position:absolute;right:0}.bar-label{color:var(--color-text-tertiary);font-size:.75rem;text-align:center}.top-posts{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl)}.top-posts h3{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.posts-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.post-item{gap:var(--spacing-lg);transition:all var(--transition-fast)}.post-item:hover{background:var(--color-gray-100);border-color:var(--color-primary)}.post-rank{height:40px;width:40px}.post-text{color:var(--color-text-primary);font-size:.875rem;line-height:1.4;margin-bottom:var(--spacing-sm)}.post-meta{color:var(--color-text-secondary);display:flex;font-size:.75rem;gap:var(--spacing-lg)}.analytics-details{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.details-section h3{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.details-grid{grid-gap:var(--spacing-lg);gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);gap:var(--spacing-xs);padding:var(--spacing-lg)}.detail-value{font-size:1.25rem;font-weight:700}@media (max-width:768px){.content-analytics{padding:var(--spacing-lg)}.analytics-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.analytics-title h2{font-size:1.25rem}.period-selector{justify-content:center}.analytics-overview{gap:var(--spacing-md);grid-template-columns:1fr}.overview-card{padding:var(--spacing-lg)}.overview-icon{font-size:1.5rem;height:50px;width:50px}.overview-value{font-size:1.25rem}.analytics-charts{gap:var(--spacing-lg);grid-template-columns:1fr}.chart-container{height:150px}.details-grid{gap:var(--spacing-md);grid-template-columns:1fr}}@media (max-width:480px){.content-analytics{padding:var(--spacing-md)}.overview-card{flex-direction:column;gap:var(--spacing-md);text-align:center}.analytics-details,.chart-section,.top-posts{padding:var(--spacing-lg)}.simple-chart{gap:var(--spacing-xs)}.bar-label{font-size:.7rem}.post-item{flex-direction:column;gap:var(--spacing-md);text-align:center}.post-meta{justify-content:center}}.content-management{margin:0 auto;max-width:1200px;padding:var(--spacing-xl)}.content-management-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;min-height:400px}.loading-spinner{margin-bottom:var(--spacing-lg)}.content-management-loading p{color:var(--color-text-secondary);font-size:1rem;margin:0}.content-management-tabs{border-bottom:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);overflow-x:auto}.tab-icon{font-size:1rem}.tab-label{font-weight:500}.content-management-content{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-height:500px}@media (max-width:768px){.content-management{padding:var(--spacing-lg)}.content-management-tabs{gap:0;margin-bottom:var(--spacing-lg)}.tab-button{flex:1 1;font-size:.8rem;justify-content:center;padding:var(--spacing-sm) var(--spacing-md)}.tab-label{display:none}.tab-icon{font-size:1.25rem}}@media (max-width:480px){.content-management{padding:var(--spacing-md)}.content-management-content{border-radius:var(--radius-md)}}.conversations-list{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:100%;overflow:hidden}.conversations-header{align-items:center;background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.conversations-header h3{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0}.conversations-stats{background:var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-text-secondary);color:var(--color-primary);font-size:.875rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.conversations-filters{background:var(--color-white);border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-lg)}.search-box{margin-bottom:var(--spacing-md)}.filter-select{flex:1 1;padding:var(--spacing-sm) var(--spacing-md)}.conversations-content{flex:1 1;overflow-y:auto;padding:var(--spacing-sm)}.conversations-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.conversation-item{align-items:center;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.conversation-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.conversation-item.selected{background:var(--color-primary-light);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.conversation-item.inactive{background:var(--color-gray-50);opacity:.6}.conversation-avatar{flex-shrink:0;position:relative}.conversation-avatar img{border:2px solid var(--color-gray-200);border-radius:var(--radius-full);height:48px;object-fit:cover;width:48px}.unread-badge{align-items:center;background:var(--color-error);border:2px solid var(--color-white);border-radius:var(--radius-full);color:var(--color-white);display:flex;font-size:.7rem;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 var(--spacing-xs);position:absolute;right:-4px;top:-4px}.conversation-content{flex:1 1;min-width:0}.conversation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.conversation-title{color:var(--color-text-primary);font-size:.875rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{color:var(--color-text-tertiary);flex-shrink:0;font-size:.75rem;font-weight:500;margin-left:var(--spacing-sm)}.conversation-message{color:var(--color-text-secondary);font-size:.8rem;margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-sender{color:var(--color-text-primary);font-weight:500}.message-text{margin-left:var(--spacing-xs)}.no-messages{font-style:italic}.conversation-meta,.no-messages{color:var(--color-text-tertiary)}.conversation-meta{align-items:center;display:flex;font-size:.75rem;gap:var(--spacing-sm)}.participants-count{font-weight:500}.inactive-indicator{background:var(--color-warning);border-radius:var(--radius-sm);color:var(--color-white);font-size:.7rem;font-weight:500;padding:2px var(--spacing-xs)}.conversations-list.loading{background:var(--color-gray-50)}.conversation-skeleton{align-items:center;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);padding:var(--spacing-md)}.skeleton-avatar{height:48px;width:48px}.skeleton-title{height:14px;margin-bottom:var(--spacing-xs);width:60%}.skeleton-message{animation:pulse 1.5s ease-in-out infinite;background:var(--color-gray-200);border-radius:var(--radius-sm);height:12px;width:80%}@media (max-width:768px){.conversations-filters,.conversations-header{padding:var(--spacing-md)}.filter-controls{flex-direction:column;gap:var(--spacing-sm)}.conversation-item{padding:var(--spacing-sm)}.conversation-avatar img{height:40px;width:40px}.conversation-title{font-size:.8rem}.conversation-message{font-size:.75rem}}@media (max-width:480px){.conversations-list{border-left:none;border-radius:0;border-right:none}.conversations-header{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.conversations-stats{align-self:flex-start}.conversation-item{align-items:stretch;flex-direction:column;gap:var(--spacing-sm);text-align:center}.conversation-header,.conversation-meta{justify-content:center}}.chat-interface{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-interface.empty{align-items:center;justify-content:center}.chat-header{background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);justify-content:space-between;padding:var(--spacing-lg)}.chat-header,.chat-info{align-items:center;display:flex}.chat-info{gap:var(--spacing-md)}.chat-avatar{position:relative}.chat-avatar img{border:2px solid var(--color-gray-200);border-radius:var(--radius-full);height:48px;object-fit:cover;width:48px}.group-indicator{align-items:center;background:var(--color-primary);border:2px solid var(--color-white);border-radius:var(--radius-full);bottom:-2px;display:flex;font-size:.7rem;height:16px;justify-content:center;position:absolute;right:-2px;width:16px}.chat-details{flex:1 1;min-width:0}.chat-title{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0 0 var(--spacing-xs) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-subtitle{color:var(--color-text-secondary);font-size:.875rem;margin:0}.chat-actions{display:flex;gap:var(--spacing-sm)}.action-button{border:none;font-size:1rem;height:36px;width:36px}.action-button:hover{background:var(--color-gray-50)}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md);overflow-y:auto;padding:var(--spacing-lg)}.date-separator{margin:var(--spacing-lg) 0;text-align:center}.date-separator:before{background:var(--color-gray-200);content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:1}.date-separator{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-text-secondary);display:inline-block;font-size:.75rem;font-weight:500;margin:0 auto;padding:var(--spacing-xs) var(--spacing-md);position:relative;z-index:2}.message-container{display:flex;flex-direction:column}.message{border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-sm);transition:all var(--transition-fast)}.message:hover{background:var(--color-gray-50)}.message.system{cursor:default;justify-content:center}.message.deleted{opacity:.6}.message-avatar img{height:32px;width:32px}.message-header{gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.message-body{position:relative}.message-text{align-items:flex-start;display:flex;gap:var(--spacing-xs)}.message-type-icon{flex-shrink:0;font-size:.875rem;margin-top:2px}.reply-to{background:var(--color-gray-50);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm)}.reply-line{background:var(--color-primary);border-radius:var(--radius-sm);width:2px}.reply-content{flex:1 1;min-width:0}.reply-sender{color:var(--color-primary);display:block;font-size:.75rem;font-weight:600;margin-bottom:var(--spacing-xs)}.reply-text{color:var(--color-text-secondary);font-size:.8rem;line-height:1.3}.message-media{margin-top:var(--spacing-sm)}.media-image{border-radius:var(--radius-md);cursor:pointer;max-height:200px;max-width:200px;transition:all var(--transition-fast)}.media-image:hover{box-shadow:var(--shadow-md);transform:scale(1.02)}.media-video{max-height:200px;max-width:300px}.media-file,.media-video{border-radius:var(--radius-md)}.media-file{align-items:center;background:var(--color-gray-50);border:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm)}.file-icon{font-size:1.2rem}.file-name{color:var(--color-text-primary);flex:1 1;font-size:.875rem;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:var(--color-text-tertiary);font-size:.75rem}.message-reactions{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.reaction{background:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;font-size:.75rem;padding:2px var(--spacing-xs);transition:all var(--transition-fast)}.reaction:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.message-status{align-items:center;display:flex;justify-content:flex-end;margin-top:var(--spacing-xs)}.message-menu-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.message-menu{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:150px;overflow:hidden;position:fixed;z-index:1001}.menu-item{align-items:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:all var(--transition-fast);width:100%}.menu-item:hover{background:var(--color-gray-50)}.menu-item.danger{color:var(--color-error)}.menu-item.danger:hover{background:var(--color-error);color:var(--color-white)}.loading-messages{display:flex;flex-direction:column;gap:var(--spacing-md)}.message-skeleton{padding:var(--spacing-sm)}.skeleton-avatar{height:32px;width:32px}.skeleton-header{margin-bottom:var(--spacing-xs);width:30%}.empty-chat,.empty-messages{color:var(--color-text-secondary);text-align:center}.empty-chat{padding:var(--spacing-4xl)}.empty-messages{padding:var(--spacing-2xl)}.empty-chat h3,.empty-messages h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm)}.empty-chat p,.empty-messages p{font-size:1rem;line-height:1.5;margin:0 auto;max-width:400px}@media (max-width:768px){.chat-header,.chat-messages{padding:var(--spacing-md)}.chat-avatar img{height:40px;width:40px}.message-avatar img{height:28px;width:28px}.message{padding:var(--spacing-xs)}.text-content{font-size:.8rem}.media-image{max-height:150px;max-width:150px}.media-video{max-height:150px;max-width:250px}}@media (max-width:480px){.chat-interface{border-left:none;border-radius:0;border-right:none}.chat-header{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.chat-actions,.chat-info{justify-content:center}.message{align-items:stretch;flex-direction:column;text-align:center}.message-avatar{align-self:center}.message-header{justify-content:center}}.message-filters{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg)}@media (max-width:768px){.message-filters{padding:var(--spacing-md)}.filters-grid{gap:var(--spacing-md);grid-template-columns:1fr}.filters-header{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.clear-filters-button{align-self:flex-start}.active-filters-list{flex-direction:column}.active-filter{justify-content:space-between}}@media (max-width:480px){.message-filters{padding:var(--spacing-sm)}.filters-header{margin-bottom:var(--spacing-md)}.filters-grid{gap:var(--spacing-sm)}.filter-group{gap:var(--spacing-xs)}.filter-label{font-size:.8rem}.filter-input,.filter-select,.search-input{font-size:.8rem;padding:var(--spacing-sm)}.active-filters{padding:var(--spacing-sm)}.active-filter{font-size:.75rem;padding:var(--spacing-xs)}}.message-management{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:100%;overflow:hidden}.management-header{align-items:center;background:var(--color-gray-50);display:flex;justify-content:space-between}.management-filters,.management-header{border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-lg)}.management-filters,.management-toolbar{background:var(--color-white)}.management-toolbar{align-items:center;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.management-content{flex:1 1;overflow-y:auto;padding:var(--spacing-sm)}.messages-container.grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.read-indicator{color:var(--color-primary);font-size:.75rem}.message-management.loading{background:var(--color-gray-50)}.message-skeleton{align-items:flex-start;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);padding:var(--spacing-md)}@media (max-width:768px){.management-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.management-filters{padding:var(--spacing-md)}.management-toolbar{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.toolbar-right{justify-content:space-between}.bulk-actions{flex-wrap:wrap}.messages-container.grid{grid-template-columns:1fr}.message-item{text-align:center}.message-header,.message-item{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.message-actions,.message-info,.message-meta{justify-content:center}}@media (max-width:480px){.message-management{border-left:none;border-radius:0;border-right:none}.management-filters,.management-header,.management-toolbar{padding:var(--spacing-md)}.view-controls{justify-content:center;width:100%}.view-button{flex:1 1;text-align:center}.bulk-actions,.sort-controls{flex-direction:column;gap:var(--spacing-xs)}.bulk-button{justify-content:center}}.chat-analytics{height:100%;overflow-y:auto;padding:var(--spacing-xl)}.chart-container{height:200px}.bar-value{min-width:30px}.active-users{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl)}.active-users h4{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.users-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.user-rank{background:var(--color-primary)}.user-stats{color:var(--color-text-secondary);font-size:.8rem}.peak-hours{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl)}.peak-hours h4{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.hours-chart{grid-gap:var(--spacing-sm);align-items:end;display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(12,1fr);height:200px}.hour-item{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs);height:100%}.hour-label{color:var(--color-text-tertiary);font-size:.75rem;font-weight:500;text-orientation:mixed;writing-mode:vertical-rl}.hour-bar-container{align-items:end;display:flex;flex:1 1;justify-content:center;width:100%}.hour-bar{border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:4px;transition:all var(--transition-fast);width:100%}.hour-bar:hover{opacity:.8}.hour-value{color:var(--color-text-tertiary);font-size:.7rem;font-weight:500}.detailed-stats{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.detailed-stats h4{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.chat-analytics.loading{background:var(--color-gray-50)}@media (max-width:768px){.chat-analytics{padding:var(--spacing-lg)}.analytics-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.analytics-overview{gap:var(--spacing-md);grid-template-columns:1fr}.analytics-charts{gap:var(--spacing-lg);grid-template-columns:1fr}.hours-chart{grid-template-columns:repeat(6,1fr)}.stats-grid{gap:var(--spacing-md);grid-template-columns:1fr}}@media (max-width:480px){.chat-analytics{padding:var(--spacing-md)}.overview-card{flex-direction:column;gap:var(--spacing-md);text-align:center}.overview-icon{font-size:1.5rem;height:50px;width:50px}.overview-value{font-size:1.25rem}.active-users,.chart-section,.detailed-stats,.peak-hours{padding:var(--spacing-lg)}.hours-chart{gap:var(--spacing-xs);grid-template-columns:repeat(4,1fr)}.hour-label{font-size:.7rem}.user-item{flex-direction:column;gap:var(--spacing-sm);text-align:center}.user-progress{width:100%}}.chat-moderation{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:100%;overflow:hidden}.moderation-header{align-items:center;background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.header-actions{display:flex;gap:var(--spacing-sm)}.filter-button{align-items:center;background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.filter-button:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.filter-button.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.moderation-stats{grid-gap:var(--spacing-lg);background:var(--color-white);border-bottom:1px solid var(--color-gray-200);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:var(--spacing-lg)}.stat-card{align-items:center;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.stat-icon{border-radius:var(--radius-lg);height:50px;width:50px}.stat-number{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;line-height:1;margin-bottom:var(--spacing-xs)}.moderation-actions{align-items:end;background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg)}.action-selector,.reason-input{display:flex;flex-direction:column;gap:var(--spacing-sm)}.action-selector{min-width:200px}.reason-input{flex:1 1}.action-selector label,.reason-input label{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.action-selector select,.reason-input textarea{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.875rem;padding:var(--spacing-md);transition:all var(--transition-fast)}.action-selector select:focus,.reason-input textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.reason-input textarea{min-height:80px;resize:vertical}.moderate-button{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:.875rem;font-weight:600;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast);white-space:nowrap}.moderate-button:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.moderate-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.moderation-toolbar{align-items:center;background:var(--color-white);border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.moderation-info{color:var(--color-text-secondary);font-size:.875rem}.info-text{background:var(--color-gray-100);border-radius:var(--radius-md);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.moderation-content{flex:1 1;overflow-y:auto;padding:var(--spacing-sm)}.messages-container{display:flex;flex-direction:column;gap:var(--spacing-sm)}.message-item{align-items:flex-start;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.message-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.message-item.deleted{background:var(--color-gray-50);opacity:.6}.message-checkbox{flex-shrink:0;margin-top:4px}.message-checkbox input[type=checkbox]{height:16px;width:16px}.message-avatar{flex-shrink:0}.message-avatar img{border:1px solid var(--color-gray-200);border-radius:var(--radius-full);height:40px;object-fit:cover;width:40px}.message-content{flex:1 1;min-width:0}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.message-info{align-items:center;flex:1 1;gap:var(--spacing-sm);min-width:0}.sender-name{color:var(--color-text-primary);font-weight:600}.message-type,.sender-name{font-size:.875rem}.conversation-name{background:var(--color-gray-100);color:var(--color-text-secondary);font-size:.8rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-name,.deleted-badge{border-radius:var(--radius-sm);padding:2px var(--spacing-xs)}.deleted-badge{background:var(--color-error);color:var(--color-error);color:var(--color-white);font-size:.75rem;font-weight:500}.message-meta{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-sm)}.message-time{color:var(--color-text-tertiary);font-size:.75rem}.message-body{margin-bottom:var(--spacing-sm)}.message-text{margin-bottom:var(--spacing-xs)}.text-content{word-wrap:break-word;color:var(--color-text-primary);font-size:.875rem;line-height:1.4}.media-preview{align-items:center;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm)}.media-icon{flex-shrink:0;font-size:1rem}.media-text{color:var(--color-text-primary);flex:1 1;font-size:.875rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deleted-message{align-items:center;background:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm)}.deleted-icon{font-size:1rem}.deleted-text{color:var(--color-text-secondary);font-size:.875rem;font-style:italic}.edited-indicator{align-items:center;display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.edited-icon,.edited-text{font-size:.75rem}.edited-text{color:var(--color-text-tertiary);font-style:italic}.message-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.chat-moderation.loading{background:var(--color-gray-50)}.moderation-skeleton{align-items:flex-start;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);padding:var(--spacing-md)}.skeleton-avatar{animation:pulse 1.5s ease-in-out infinite;background:var(--color-gray-200);border-radius:var(--radius-full);height:40px;width:40px}.skeleton-header{height:14px}.skeleton-text{animation:pulse 1.5s ease-in-out infinite;background:var(--color-gray-200);border-radius:var(--radius-sm);height:12px;width:80%}@media (max-width:768px){.moderation-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.moderation-stats{gap:var(--spacing-md);grid-template-columns:1fr}.moderation-actions{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.action-selector{min-width:0}.moderation-toolbar{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.message-item{text-align:center}.message-header,.message-item{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.message-actions,.message-info,.message-meta{justify-content:center}}@media (max-width:480px){.chat-moderation{border-left:none;border-radius:0;border-right:none}.moderation-actions,.moderation-header,.moderation-stats,.moderation-toolbar,.stat-card{padding:var(--spacing-md)}.stat-icon{font-size:1.2rem;height:40px;width:40px}.stat-number{font-size:1.125rem}.header-actions{flex-direction:column;gap:var(--spacing-xs)}.filter-button{justify-content:center}}.messages-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:var(--spacing-xl)}.messages-tabs{border-bottom:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.messages-tab-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.messages-tab-content .conversations-panel{display:flex;flex-direction:column;flex-shrink:0;height:100%;max-width:400px;min-width:300px}.messages-tab-content .chat-panel{display:flex;flex:1 1;flex-direction:column;height:100%;min-width:0}.messages-tab-content:has(.conversations-panel){display:flex;flex-direction:row;gap:var(--spacing-lg)}.messages-tab-content .message-management{height:100%;overflow:hidden}.messages-tab-content .chat-analytics,.messages-tab-content .chat-moderation{height:100%;overflow-y:auto}.error-state{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:var(--spacing-4xl);text-align:center}.error-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.7}.error-state h3{color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-md)}.error-state p{color:var(--color-text-secondary);font-size:1rem;margin-bottom:var(--spacing-lg);max-width:500px}.retry-button{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:1rem;font-weight:500;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast)}.retry-button:hover{background:var(--color-primary-dark);transform:translateY(-1px)}@media (max-width:768px){.messages-page{padding:var(--spacing-lg)}.messages-tabs{flex-wrap:wrap;gap:var(--spacing-xs)}.tab-button{font-size:.8rem;padding:var(--spacing-sm) var(--spacing-md)}.messages-tab-content{height:calc(100vh - 200px)}.messages-tab-content:has(.conversations-panel){flex-direction:column}.messages-tab-content .conversations-panel{height:40%;max-height:300px;max-width:none;min-width:0;min-width:auto}.messages-tab-content .chat-panel{height:60%;min-height:200px}}@media (max-width:480px){.messages-page{padding:var(--spacing-md)}.messages-tabs{flex-direction:column;gap:var(--spacing-xs)}.tab-button{border-radius:var(--radius-md);text-align:center}.tab-button.active{background:var(--color-primary);border-bottom:none;color:var(--color-white)}.tab-button.active:after{display:none}}.product-filters{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.filters-header{align-items:center;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.filters-header h4{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0}.clear-filters-button{background:var(--color-error);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:.875rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.clear-filters-button:hover{background:#dc2626;transform:translateY(-1px)}.filters-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-lg)}.filter-label{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.search-input-container{position:relative}.search-input{padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 2.5rem}.search-input:focus{box-shadow:0 0 0 3px #667eea1a}.search-icon{font-size:.875rem}.filter-input,.filter-select{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:.875rem;padding:var(--spacing-md);transition:all var(--transition-fast)}.filter-input:focus,.filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-input{cursor:text}.active-filters{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-md)}.active-filters h5{color:var(--color-text-primary);font-size:.875rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.active-filters-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.active-filter{background:var(--color-primary);border-radius:var(--radius-md);font-size:.8rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.active-filter,.active-filter button{align-items:center;color:var(--color-white);display:flex}.active-filter button{background:none;border:none;border-radius:var(--radius-full);cursor:pointer;font-size:1rem;font-weight:700;height:16px;justify-content:center;padding:0;transition:all var(--transition-fast);width:16px}.active-filter button:hover{background:#fff3}@media (max-width:768px){.product-filters{padding:var(--spacing-md)}.filters-grid{gap:var(--spacing-md);grid-template-columns:1fr}.filters-header{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.clear-filters-button{align-self:flex-start}.active-filters-list{flex-direction:column}.active-filter{justify-content:space-between}}@media (max-width:480px){.product-filters{padding:var(--spacing-sm)}.filters-header{margin-bottom:var(--spacing-md)}.filters-grid{gap:var(--spacing-sm)}.filter-group{gap:var(--spacing-xs)}.filter-label{font-size:.8rem}.filter-input,.filter-select,.search-input{font-size:.8rem;padding:var(--spacing-sm)}.active-filters{padding:var(--spacing-sm)}.active-filter{font-size:.75rem;padding:var(--spacing-xs)}}.products-list{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);height:100%;overflow:hidden}.products-header{align-items:center;background:var(--color-gray-50);display:flex;justify-content:space-between}.products-filters,.products-header{border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-lg)}.products-filters{background:var(--color-white)}.products-toolbar{align-items:center;background:var(--color-white);border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.sort-controls{align-items:center;display:flex;gap:var(--spacing-sm)}.sort-select{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md)}.sort-button{font-size:1rem;height:32px;width:32px}.products-content{flex:1 1;overflow-y:auto;padding:var(--spacing-sm)}.products-container{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg)}.products-container.grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.products-container.list{grid-template-columns:1fr}.product-item{background:var(--color-white);border-radius:var(--radius-lg);flex-direction:column;overflow:hidden;position:relative;transition:all var(--transition-fast)}.product-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.product-checkbox{left:var(--spacing-md);position:absolute;top:var(--spacing-md);z-index:2}.product-checkbox input[type=checkbox]{height:18px;width:18px}.product-image{height:200px;overflow:hidden;position:relative;width:100%}.product-image img{height:100%;transition:all var(--transition-fast);width:100%}.product-item:hover .product-image img{transform:scale(1.05)}.featured-badge,.sold-badge,.urgent-badge{border-radius:var(--radius-md);color:var(--color-white);font-size:.75rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);z-index:1}.featured-badge{background:var(--color-warning)}.urgent-badge{background:var(--color-error)}.sold-badge{background:var(--color-success)}.product-content{display:flex;flex:1 1;flex-direction:column;padding:var(--spacing-lg)}.product-header{align-items:flex-start;display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-md)}.product-title{flex:1 1;line-height:1.4;margin:0}.product-price{color:var(--color-primary);flex-shrink:0;font-size:1.125rem;font-weight:700;text-align:right}.original-price{color:var(--color-text-tertiary);display:block;font-size:.875rem;font-weight:400;text-decoration:line-through}.product-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.4}.product-description,.product-meta{margin-bottom:var(--spacing-md)}.meta-item{align-items:center;font-size:.8rem;gap:var(--spacing-sm)}.meta-label{min-width:80px}.product-stats{background:var(--color-gray-50);border-radius:var(--radius-md);display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.stat-item{color:var(--color-text-secondary);font-size:.8rem}.stat-icon{font-size:.875rem}.stat-value{font-weight:500}.product-status{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.status-badge.info{background:var(--color-info);color:var(--color-white)}.negotiable-badge{background:var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-primary);font-size:.75rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.product-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:auto}.action-button{flex:1 1}.products-list.loading{background:var(--color-gray-50)}.loading-skeleton{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.product-skeleton{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden}.skeleton-image{animation:pulse 1.5s ease-in-out infinite;background:var(--color-gray-200);height:200px;width:100%}.skeleton-content{padding:var(--spacing-lg)}.skeleton-title{height:20px;width:80%}.skeleton-price,.skeleton-title{animation:pulse 1.5s ease-in-out infinite;background:var(--color-gray-200);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md)}.skeleton-price{height:16px;width:40%}.skeleton-meta{height:12px;width:60%}@media (max-width:768px){.products-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.products-filters{padding:var(--spacing-md)}.products-toolbar{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.toolbar-right{justify-content:space-between}.bulk-actions{flex-wrap:wrap}.products-container.grid{grid-template-columns:1fr}.product-header{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.product-price{text-align:left}.product-stats{flex-wrap:wrap;gap:var(--spacing-sm)}.product-actions{flex-direction:column}}@media (max-width:480px){.products-list{border-left:none;border-radius:0;border-right:none}.products-filters,.products-header,.products-toolbar{padding:var(--spacing-md)}.view-controls{justify-content:center;width:100%}.view-button{flex:1 1;text-align:center}.bulk-actions,.sort-controls{flex-direction:column;gap:var(--spacing-xs)}.bulk-button{justify-content:center}.product-content{padding:var(--spacing-md)}.meta-item,.product-meta{gap:var(--spacing-xs)}.meta-item{align-items:flex-start;flex-direction:column}.meta-label{min-width:0}}.orders-management{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:100%;overflow:hidden}.orders-header{align-items:center;background:var(--color-gray-50);display:flex;justify-content:space-between}.orders-filters,.orders-header{border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-lg)}.orders-filters,.orders-toolbar{background:var(--color-white)}.orders-toolbar{align-items:center;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.orders-content{flex:1 1;overflow-y:auto;padding:var(--spacing-sm)}.orders-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.order-item{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-fast)}.order-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg)}.order-checkbox{flex-shrink:0;margin-top:4px}.order-checkbox input[type=checkbox]{height:16px;width:16px}.order-content{flex:1 1;min-width:0}.order-header{align-items:flex-start;border-bottom:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.order-info{flex:1 1}.order-number{color:var(--color-primary);font-size:1.25rem;font-weight:700;margin:0 0 var(--spacing-sm) 0}.order-dates{display:flex;flex-direction:column;gap:var(--spacing-xs)}.confirmed-date,.delivered-date,.order-date,.shipped-date{color:var(--color-text-secondary);font-size:.875rem}.confirmed-date{color:var(--color-info)}.shipped-date{color:var(--color-primary)}.delivered-date{color:var(--color-success)}.order-total{flex-shrink:0;text-align:right}.total-amount{color:var(--color-primary);font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-sm)}.order-status{align-items:flex-end;display:flex;flex-direction:column;gap:var(--spacing-xs)}.payment-badge,.status-badge{border-radius:var(--radius-md);font-size:.75rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.payment-badge.success,.status-badge.success{background:var(--color-success);color:var(--color-white)}.payment-badge.warning,.status-badge.warning{background:var(--color-warning);color:var(--color-white)}.payment-badge.info,.status-badge.info{background:var(--color-info);color:var(--color-white)}.payment-badge.primary,.status-badge.primary{background:var(--color-primary);color:var(--color-white)}.payment-badge.error,.status-badge.error{background:var(--color-error);color:var(--color-white)}.payment-badge.secondary,.status-badge.secondary{background:var(--color-gray-400);color:var(--color-white)}.order-details{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-lg)}.buyer-info,.payment-info,.seller-info{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-md)}.buyer-info h5,.payment-info h5,.seller-info h5{color:var(--color-text-primary);font-size:.875rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.buyer-info p,.payment-info p,.seller-info p{color:var(--color-text-secondary);font-size:.8rem;margin:0 0 var(--spacing-xs) 0}.order-items{margin-bottom:var(--spacing-lg)}.order-items h5{color:var(--color-text-primary);font-size:.875rem;font-weight:600;margin:0 0 var(--spacing-md) 0}.items-list{flex-direction:column}.item-row,.items-list{display:flex;gap:var(--spacing-md)}.item-row{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-md)}.item-image{flex-shrink:0}.item-image img{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);height:60px;object-fit:cover;width:60px}.item-details{flex:1 1}.item-details h6{color:var(--color-text-primary);font-size:.875rem;font-weight:600;margin:0 0 var(--spacing-xs) 0}.item-details p{color:var(--color-text-secondary);font-size:.8rem;margin:0 0 var(--spacing-xs) 0}.order-summary{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.summary-row{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.875rem;justify-content:space-between;padding:var(--spacing-xs) 0}.summary-row.discount{color:var(--color-success)}.summary-row.total{border-top:1px solid var(--color-gray-300);color:var(--color-text-primary);font-weight:600;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.order-notes{background:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.order-notes h5{color:var(--color-text-primary);font-size:.875rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.order-notes p{color:var(--color-text-secondary);font-size:.875rem;line-height:1.4;margin:0}.order-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.action-button{border-radius:var(--radius-md);font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md)}.orders-management.loading{background:var(--color-gray-50)}.order-skeleton{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.skeleton-items{height:60px;margin-bottom:var(--spacing-md)}.skeleton-footer,.skeleton-items{animation:pulse 1.5s ease-in-out infinite;background:var(--color-gray-200);border-radius:var(--radius-sm)}.skeleton-footer{height:16px;width:40%}@media (max-width:768px){.orders-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.orders-filters{padding:var(--spacing-md)}.filters-row{flex-direction:column;gap:var(--spacing-md)}.filter-group{min-width:0}.orders-toolbar{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.toolbar-right{justify-content:space-between}.bulk-actions{flex-wrap:wrap}.order-item{flex-direction:column;gap:var(--spacing-sm)}.order-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.order-total{text-align:left}.order-status{align-items:flex-start}.order-details{gap:var(--spacing-md);grid-template-columns:1fr}.order-actions{flex-direction:column}}@media (max-width:480px){.orders-management{border-left:none;border-radius:0;border-right:none}.order-item,.orders-filters,.orders-header,.orders-toolbar{padding:var(--spacing-md)}.item-row{flex-direction:column;gap:var(--spacing-sm);text-align:center}.item-image{align-self:center}.bulk-actions{flex-direction:column;gap:var(--spacing-xs)}.bulk-button{justify-content:center}}.sales-analytics{height:100%;overflow-y:auto;padding:var(--spacing-xl)}.analytics-overview{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-2xl)}.overview-card{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);gap:var(--spacing-lg);padding:var(--spacing-xl);transition:all var(--transition-fast)}.overview-card:hover{box-shadow:var(--shadow-lg)}.overview-icon{align-items:center;background:var(--color-primary-light);border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:2rem;height:60px;justify-content:center;width:60px}.overview-content{flex:1 1;min-width:0}.overview-value{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;line-height:1;margin-bottom:var(--spacing-xs)}.overview-label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-xs)}.overview-change{color:var(--color-text-tertiary);font-size:.75rem;font-weight:500}.analytics-charts{grid-gap:var(--spacing-xl);gap:var(--spacing-xl)}.chart-section{background:var(--color-surface)}.chart-container{align-items:center;display:flex;justify-content:center}.bar-label{width:120px}.top-products{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl)}.top-products h4{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.products-list{flex-direction:column}.product-item,.products-list{display:flex;gap:var(--spacing-md)}.product-item{align-items:center;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-md)}.product-rank{align-items:center;background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-white);display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:30px;justify-content:center;width:30px}.product-info{min-width:0}.product-title{font-size:.875rem;margin-bottom:var(--spacing-xs)}.product-stats{color:var(--color-text-secondary);font-size:.8rem}.product-progress{background:var(--color-gray-200);border-radius:var(--radius-full);flex-shrink:0;height:8px;overflow:hidden;width:100px}.top-sellers{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl)}.top-sellers h4{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.sellers-list{gap:var(--spacing-md)}.seller-item{align-items:center;background:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--spacing-md)}.seller-rank{align-items:center;background:var(--color-success);border-radius:var(--radius-full);color:var(--color-white);display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:30px;justify-content:center;width:30px}.seller-name{font-size:.875rem;margin-bottom:var(--spacing-xs)}.seller-stats{color:var(--color-text-secondary);font-size:.8rem}.seller-progress{background:var(--color-gray-200);border-radius:var(--radius-full);flex-shrink:0;height:8px;overflow:hidden;width:100px}.order-status{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl)}.order-status h4{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.status-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.status-item{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);gap:var(--spacing-md);padding:var(--spacing-md)}.status-icon,.status-item{align-items:center;display:flex}.status-icon{border-radius:var(--radius-full);color:var(--color-white);flex-shrink:0;font-size:.875rem;font-weight:700;height:40px;justify-content:center;width:40px}.status-info{flex:1 1}.status-label{color:var(--color-text-primary);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-xs)}.status-percentage{color:var(--color-text-secondary);font-size:.8rem}.geographic-distribution{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl)}.geographic-distribution h4{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.geographic-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.location-rank{background:var(--color-info)}.location-stats{color:var(--color-text-secondary);font-size:.8rem}.monthly-trends{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.monthly-trends h4{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.trends-chart{grid-gap:var(--spacing-sm);align-items:end;display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(12,1fr);height:200px}.trend-item{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs);height:100%}.trend-label{color:var(--color-text-tertiary);font-size:.75rem;font-weight:500;text-orientation:mixed;writing-mode:vertical-rl}.trend-bar-container{align-items:end;display:flex;flex:1 1;justify-content:center;width:100%}.trend-bar{border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:4px;transition:all var(--transition-fast);width:100%}.trend-bar:hover{opacity:.8}.trend-value{font-size:.7rem;font-weight:500}.trend-orders,.trend-value{color:var(--color-text-tertiary)}.trend-orders{font-size:.65rem}.sales-analytics.loading{background:var(--color-gray-50)}@media (max-width:768px){.sales-analytics{padding:var(--spacing-lg)}.analytics-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.analytics-overview{gap:var(--spacing-md);grid-template-columns:1fr}.analytics-charts{gap:var(--spacing-lg);grid-template-columns:1fr}.trends-chart{grid-template-columns:repeat(6,1fr)}.status-grid{gap:var(--spacing-md);grid-template-columns:1fr}}@media (max-width:480px){.sales-analytics{padding:var(--spacing-md)}.overview-card{flex-direction:column;gap:var(--spacing-md);text-align:center}.overview-icon{font-size:1.5rem;height:50px;width:50px}.overview-value{font-size:1.25rem}.chart-section,.geographic-distribution,.monthly-trends,.order-status,.top-products,.top-sellers{padding:var(--spacing-lg)}.trends-chart{gap:var(--spacing-xs);grid-template-columns:repeat(4,1fr)}.trend-label{font-size:.7rem}.location-item,.product-item,.seller-item{flex-direction:column;gap:var(--spacing-sm);text-align:center}.location-progress,.product-progress,.seller-progress{width:100%}}.categories-management{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:100%;overflow:hidden}.categories-header{align-items:center;background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.view-controls{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);display:flex;gap:var(--spacing-xs);padding:2px}.view-button{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.view-button:hover{color:var(--color-text-primary)}.view-button.active{background:var(--color-primary);color:var(--color-white)}.categories-filters{padding:var(--spacing-lg)}.categories-filters,.categories-toolbar{background:var(--color-white);border-bottom:1px solid var(--color-gray-200)}.categories-toolbar{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.bulk-button.danger{border-color:var(--color-error);color:var(--color-error)}.bulk-button.danger:hover{background:var(--color-error);color:var(--color-white)}.categories-content{flex:1 1;overflow-y:auto;padding:var(--spacing-sm)}.categories-container,.category-tree{display:flex;flex-direction:column;gap:var(--spacing-sm)}.category-tree-item{display:flex;flex-direction:column}.category-children{border-left:2px solid var(--color-gray-200);margin-left:10px;margin-top:var(--spacing-sm);padding-left:var(--spacing-md)}.category-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.category-item{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-fast)}.category-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.category-checkbox{flex-shrink:0;margin-top:4px}.category-checkbox input[type=checkbox]{height:16px;width:16px}.category-content{flex:1 1;min-width:0}.category-header{align-items:flex-start;display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-md)}.category-info{flex:1 1;min-width:0}.category-name{align-items:center;color:var(--color-text-primary);display:flex;font-size:1rem;font-weight:600;gap:var(--spacing-sm);margin:0 0 var(--spacing-sm) 0}.category-icon{font-size:1.2rem}.category-meta{color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:.8rem;gap:var(--spacing-md)}.category-slug{background:var(--color-gray-100);border-radius:var(--radius-sm);font-family:monospace;padding:2px var(--spacing-xs)}.category-level{background:var(--color-primary-light);color:var(--color-primary)}.category-level,.category-products{border-radius:var(--radius-sm);font-weight:500;padding:2px var(--spacing-xs)}.category-products{background:var(--color-success-light);color:var(--color-success)}.category-parent{background:var(--color-info-light);border-radius:var(--radius-sm);color:var(--color-info);font-weight:500;padding:2px var(--spacing-xs)}.category-status{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-xs)}.sort-order{color:var(--color-text-tertiary);font-size:.75rem;font-weight:500}.category-description{background:var(--color-gray-50);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem;line-height:1.4;margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.category-dates{color:var(--color-text-tertiary);display:flex;font-size:.8rem;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.created-date,.updated-date{align-items:center;display:flex;gap:var(--spacing-xs)}.category-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.categories-management.loading{background:var(--color-gray-50)}.category-skeleton{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.category-skeleton,.skeleton-header,.skeleton-meta{margin-bottom:var(--spacing-sm)}.skeleton-description{animation:pulse 1.5s ease-in-out infinite;background:var(--color-gray-200);border-radius:var(--radius-sm);height:14px;width:90%}@media (max-width:768px){.categories-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.categories-filters{padding:var(--spacing-md)}.filters-row{flex-direction:column;gap:var(--spacing-md)}.filter-group{min-width:0}.categories-toolbar{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.toolbar-right{justify-content:space-between}.bulk-actions{flex-wrap:wrap}.category-item{flex-direction:column;gap:var(--spacing-sm)}.category-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.category-status{align-items:flex-start}.category-dates,.category-meta{flex-direction:column;gap:var(--spacing-xs)}.category-actions{flex-direction:column}}@media (max-width:480px){.categories-management{border-left:none;border-radius:0;border-right:none}.categories-filters,.categories-header,.categories-toolbar,.category-item{padding:var(--spacing-md)}.view-controls{justify-content:center;width:100%}.view-button{flex:1 1;text-align:center}.bulk-actions{flex-direction:column;gap:var(--spacing-xs)}.bulk-button{justify-content:center}}.inventory-management{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:100%;overflow:hidden}.inventory-header{align-items:center;background:var(--color-gray-50);padding:var(--spacing-lg)}.inventory-filters{padding:var(--spacing-lg)}.inventory-filters,.inventory-toolbar{background:var(--color-white);border-bottom:1px solid var(--color-gray-200)}.inventory-toolbar{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.inventory-content{overflow-y:auto;padding:var(--spacing-sm)}.inventory-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.inventory-item{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-fast)}.inventory-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg)}.inventory-checkbox{flex-shrink:0;margin-top:4px}.inventory-checkbox input[type=checkbox]{height:16px;width:16px}.inventory-content{flex:1 1;min-width:0}.inventory-header{align-items:flex-start;border-bottom:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.product-info{display:flex;flex:1 1;gap:var(--spacing-md)}.product-image{flex-shrink:0}.product-image img{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);height:60px;object-fit:cover;width:60px}.product-details{flex:1 1;min-width:0}.product-title{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.product-meta{color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:.8rem;gap:var(--spacing-xs)}.sku{background:var(--color-gray-100);border-radius:var(--radius-sm);display:inline-block;font-family:monospace;padding:2px var(--spacing-xs);width:-webkit-fit-content;width:fit-content}.seller{font-weight:500}.location{color:var(--color-text-tertiary)}.inventory-status{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-xs)}.status-badge.success{background:var(--color-success);color:var(--color-white)}.status-badge.warning{background:var(--color-warning);color:var(--color-white)}.status-badge.error{background:var(--color-error);color:var(--color-white)}.status-badge.secondary{background:var(--color-gray-400);color:var(--color-white)}.last-updated{color:var(--color-text-tertiary);font-size:.75rem}.inventory-details{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr 1fr}.inventory-actions,.pricing-info,.stock-info{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-md)}.inventory-actions h5,.pricing-info h5,.stock-info h5{color:var(--color-text-primary);font-size:.875rem;font-weight:600;margin:0 0 var(--spacing-md) 0}.stock-levels{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.stock-item{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.stock-label{color:var(--color-text-secondary)}.stock-value{color:var(--color-text-primary);font-weight:600}.stock-value.reserved{color:var(--color-warning)}.stock-value.available{color:var(--color-success)}.stock-bar{background:var(--color-gray-200);height:8px;margin-bottom:var(--spacing-sm);overflow:hidden;width:100%}.stock-bar,.stock-progress{border-radius:var(--radius-full)}.stock-progress{height:100%;transition:all var(--transition-fast)}.stock-progress.high{background:var(--color-success)}.stock-progress.medium{background:var(--color-warning)}.stock-progress.low{background:var(--color-error)}.stock-limits{color:var(--color-text-tertiary);font-size:.75rem}.price-item,.stock-limits{display:flex;justify-content:space-between}.price-item{align-items:center;font-size:.875rem;margin-bottom:var(--spacing-sm)}.price-label{color:var(--color-text-secondary)}.price-value{font-weight:600}.price-value.cost{color:var(--color-text-primary)}.price-value.sale{color:var(--color-primary)}.price-value.margin{color:var(--color-success)}.action-buttons{flex-direction:column;gap:var(--spacing-xs)}.action-button{justify-content:center}.inventory-management.loading{background:var(--color-gray-50)}.inventory-skeleton{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.skeleton-stock{animation:pulse 1.5s ease-in-out infinite;background:var(--color-gray-200);border-radius:var(--radius-sm);height:14px;width:40%}@media (max-width:768px){.inventory-filters{padding:var(--spacing-md)}.filters-row{flex-direction:column;gap:var(--spacing-md)}.filter-group{min-width:0}.inventory-toolbar{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.toolbar-right{justify-content:space-between}.bulk-actions{flex-wrap:wrap}.inventory-item{flex-direction:column;gap:var(--spacing-sm)}.inventory-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.product-info{flex-direction:column;gap:var(--spacing-sm)}.inventory-status{align-items:flex-start}.inventory-details{gap:var(--spacing-md);grid-template-columns:1fr}}@media (max-width:480px){.inventory-management{border-left:none;border-radius:0;border-right:none}.inventory-filters,.inventory-header,.inventory-item,.inventory-toolbar{padding:var(--spacing-md)}.bulk-actions{flex-direction:column;gap:var(--spacing-xs)}.bulk-button{justify-content:center}.action-buttons{flex-direction:row;flex-wrap:wrap}.action-button{flex:1 1;min-width:0}}.sellers-management{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:100%;overflow:hidden}.sellers-header{align-items:center;background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.header-info h3{font-size:1.125rem;margin:0 0 var(--spacing-xs) 0}.header-info p{font-size:.875rem}.sellers-filters{background:var(--color-white);border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-lg)}.filters-row{align-items:end;display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:200px}.filter-group label{font-weight:600}.filter-group label,.filter-select,.search-input{color:var(--color-text-primary);font-size:.875rem}.filter-select,.search-input{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.filter-select:focus,.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.sort-button{align-items:center;background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.sort-button.active,.sort-button:hover{border-color:var(--color-primary)}.sort-button.active{background:var(--color-primary);color:var(--color-white)}.sellers-toolbar{background:var(--color-white);border-bottom:1px solid var(--color-gray-200);justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.sellers-toolbar,.toolbar-left{align-items:center;display:flex}.toolbar-left{gap:var(--spacing-md)}.select-all-checkbox{align-items:center;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:var(--spacing-sm)}.select-all-checkbox input[type=checkbox]{height:16px;width:16px}.toolbar-right{align-items:center;display:flex;gap:var(--spacing-lg)}.bulk-actions{display:flex;gap:var(--spacing-sm)}.bulk-button{align-items:center;background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.bulk-button:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.sellers-content{flex:1 1;overflow-y:auto;padding:var(--spacing-sm)}.sellers-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.seller-item{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-fast)}.seller-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg)}.seller-checkbox{flex-shrink:0;margin-top:4px}.seller-checkbox input[type=checkbox]{height:16px;width:16px}.seller-content{flex:1 1;min-width:0}.seller-header{align-items:flex-start;border-bottom:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.seller-info{flex:1 1;min-width:0}.seller-name{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.125rem;font-weight:600;gap:var(--spacing-sm);margin:0 0 var(--spacing-sm) 0}.seller-meta{color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:.8rem;gap:var(--spacing-xs)}.seller-type{background:var(--color-primary-light);color:var(--color-primary);font-weight:500}.seller-document,.seller-type{border-radius:var(--radius-sm);display:inline-block;padding:2px var(--spacing-xs);width:-webkit-fit-content;width:fit-content}.seller-document{background:var(--color-gray-100);font-family:monospace}.seller-email{font-weight:500}.seller-phone{color:var(--color-text-tertiary)}.seller-status{flex-shrink:0;gap:var(--spacing-sm)}.seller-status,.status-badges{align-items:flex-end;display:flex;flex-direction:column}.status-badges{gap:var(--spacing-xs)}.status-badge{border-radius:var(--radius-md)}.status-badge.active{background:var(--color-success);color:var(--color-white)}.status-badge.inactive{background:var(--color-gray-400);color:var(--color-white)}.verified-badge{background:var(--color-info);border-radius:var(--radius-md);color:var(--color-white);font-size:.75rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.seller-rating{align-items:center;display:flex;gap:var(--spacing-xs)}.rating-stars{font-size:.875rem}.rating-value{color:var(--color-text-tertiary);font-size:.75rem;font-weight:500}.seller-details{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-lg)}.seller-address,.seller-bank,.seller-commission{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-md)}.seller-address h5,.seller-bank h5,.seller-commission h5{color:var(--color-text-primary);font-size:.875rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.seller-address p,.seller-bank p,.seller-commission p{color:var(--color-text-secondary);font-size:.8rem;line-height:1.4;margin:0}.seller-stats{margin-bottom:var(--spacing-lg)}.stats-grid{grid-gap:var(--spacing-md);gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-item{gap:var(--spacing-md);padding:var(--spacing-md)}.stat-icon{align-items:center;background:var(--color-primary-light);border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.stat-content{flex:1 1;min-width:0}.stat-value{font-size:1.125rem;line-height:1;margin-bottom:var(--spacing-xs)}.stat-sublabel{font-size:.75rem}.seller-dates,.stat-sublabel{color:var(--color-text-tertiary)}.seller-dates{display:flex;flex-wrap:wrap;font-size:.8rem;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.created-date,.updated-date,.verified-date{align-items:center;display:flex;gap:var(--spacing-xs)}.seller-actions{flex-wrap:wrap}.action-button,.seller-actions{display:flex;gap:var(--spacing-xs)}.action-button{align-items:center;background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.action-button:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.action-button.danger{border-color:var(--color-error);color:var(--color-error)}.action-button.danger:hover{background:var(--color-error);color:var(--color-white)}.sellers-management.loading{background:var(--color-gray-50)}.loading-skeleton{padding:var(--spacing-sm)}.seller-skeleton{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.skeleton-checkbox{animation:pulse 1.5s ease-in-out infinite;background:var(--color-gray-200);border-radius:var(--radius-sm);height:16px;margin-top:4px;width:16px}.skeleton-header{margin-bottom:var(--spacing-md);width:60%}.skeleton-meta{height:16px;margin-bottom:var(--spacing-md);width:80%}.skeleton-meta,.skeleton-stats{animation:pulse 1.5s ease-in-out infinite;background:var(--color-gray-200);border-radius:var(--radius-sm)}.skeleton-stats{height:14px;width:40%}.empty-state{padding:var(--spacing-4xl) var(--spacing-xl)}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state h3{margin-bottom:var(--spacing-sm)}.empty-state p{font-size:1rem;margin:0 auto;max-width:400px}@media (max-width:768px){.sellers-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.sellers-filters{padding:var(--spacing-md)}.filters-row{flex-direction:column;gap:var(--spacing-md)}.filter-group{min-width:0}.sellers-toolbar{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.toolbar-right{justify-content:space-between}.bulk-actions{flex-wrap:wrap}.seller-item{flex-direction:column;gap:var(--spacing-sm)}.seller-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.seller-status,.status-badges{align-items:flex-start}.seller-details{gap:var(--spacing-md);grid-template-columns:1fr}.stats-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.seller-dates{gap:var(--spacing-xs)}.seller-actions,.seller-dates{flex-direction:column}}@media (max-width:480px){.sellers-management{border-left:none;border-radius:0;border-right:none}.seller-item,.sellers-filters,.sellers-header,.sellers-toolbar{padding:var(--spacing-md)}.bulk-actions{flex-direction:column;gap:var(--spacing-xs)}.bulk-button{justify-content:center}.seller-actions{flex-direction:row;flex-wrap:wrap}.action-button{flex:1 1;justify-content:center;min-width:0}}.marketplace-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:var(--spacing-xl)}.marketplace-tabs{border-bottom:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);overflow-x:auto;padding-bottom:var(--spacing-md)}.marketplace-tab-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}@media (max-width:768px){.marketplace-page{padding:var(--spacing-lg)}.marketplace-tabs{flex-wrap:wrap;gap:var(--spacing-xs)}.tab-button{font-size:.8rem;padding:var(--spacing-sm) var(--spacing-md)}.marketplace-tab-content{height:calc(100vh - 200px)}}@media (max-width:480px){.marketplace-page{padding:var(--spacing-md)}.marketplace-tabs{flex-direction:column;gap:var(--spacing-xs)}.tab-button{border-radius:var(--radius-md);text-align:center}.tab-button.active{background:var(--color-primary);border-bottom:none;color:var(--color-white)}.tab-button.active:after{display:none}}.dashboard-overview{height:100%;overflow-y:auto;padding:var(--spacing-xl)}.overview-header{align-items:flex-start;display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-2xl)}.period-selector{background:var(--color-gray-100);padding:4px}.period-button{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.period-button:hover{color:var(--color-text-primary)}.period-button.active{background:var(--color-white);box-shadow:var(--shadow-sm);color:var(--color-primary)}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--spacing-2xl)}.metric-icon{font-size:2.5rem;height:60px;width:60px}.metric-value{font-size:1.75rem}.metric-subvalue{color:var(--color-text-tertiary);font-size:.75rem}.metric-trend{align-items:center;display:flex;font-size:.75rem;font-weight:600;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.metric-trend.success{color:var(--color-success)}.metric-trend.error{color:var(--color-error)}.metric-trend.neutral{color:var(--color-text-tertiary)}.trend-icon{font-size:.875rem}.trend-value{font-weight:600}.chart-placeholder{align-items:center;display:flex;flex-direction:column;height:250px;justify-content:center;position:relative}.chart-mock{background:var(--color-gray-50);border-radius:var(--radius-md);height:200px;overflow:hidden;position:relative;width:100%}.chart-line{background:linear-gradient(90deg,#667eea,#10b981);height:2px;top:50%;transform:translateY(-50%)}.chart-line,.chart-points{left:0;position:absolute;right:0}.chart-points{bottom:0;top:0}.chart-point{background:var(--color-primary);height:8px;position:absolute;transform:translate(-50%,50%);width:8px}.chart-point,.pie-chart-mock{border-radius:var(--radius-full)}.pie-chart-mock{height:150px;margin:0 auto;width:150px}.pie-segment{border-radius:var(--radius-full);height:100%;width:100%}.chart-legend{flex-direction:column;margin-top:var(--spacing-lg);width:100%}.chart-legend,.legend-item{display:flex;gap:var(--spacing-sm)}.legend-item{align-items:center;color:var(--color-text-secondary);font-size:.875rem}.legend-color{border-radius:var(--radius-sm);height:12px;width:12px}.insights-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.insight-card{background:var(--color-surface);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md)}.insight-card:hover{box-shadow:var(--shadow-lg)}.insight-card.warning{border-left:4px solid var(--color-warning)}.insight-card.trend{border-left:4px solid var(--color-info)}.insight-card.performance{border-left:4px solid var(--color-primary)}.insight-icon{flex-shrink:0;font-size:1.5rem}.insight-content{flex:1 1}.insight-content h5{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.insight-content p{color:var(--color-text-secondary);font-size:.875rem;line-height:1.4;margin:0 0 var(--spacing-sm) 0}.insight-impact{border-radius:var(--radius-sm);display:inline-block;padding:var(--spacing-xs) var(--spacing-sm)}.insight-card.opportunity .insight-impact{background:var(--color-success-light);color:var(--color-success)}.insight-card.warning .insight-impact{background:var(--color-warning-light);color:var(--color-warning)}.insight-card.trend .insight-impact{background:var(--color-info-light);color:var(--color-info)}.insight-card.performance .insight-impact{background:var(--color-primary-light);color:var(--color-primary)}.kpis-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.kpi-item{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;transition:all var(--transition-fast)}.kpi-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.kpi-label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.kpi-label,.kpi-value{margin-bottom:var(--spacing-sm)}.kpi-value{font-size:1.5rem}.kpi-change{border-radius:var(--radius-sm);display:inline-block;font-size:.75rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.kpi-change.positive{background:var(--color-success-light);color:var(--color-success)}.kpi-change.negative{background:var(--color-error-light);color:var(--color-error)}.dashboard-overview.loading{background:var(--color-gray-50)}.loading-skeleton{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.metric-skeleton{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl)}.skeleton-icon{animation:pulse 1.5s ease-in-out infinite;background:var(--color-gray-200);border-radius:var(--radius-lg);height:60px;width:60px}.skeleton-content{flex:1 1}.skeleton-value{height:28px;width:60%}.skeleton-label,.skeleton-value{animation:pulse 1.5s ease-in-out infinite;background:var(--color-gray-200);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm)}.skeleton-label{height:16px;width:80%}.skeleton-trend{animation:pulse 1.5s ease-in-out infinite;background:var(--color-gray-200);border-radius:var(--radius-sm);height:14px;width:40%}@media (max-width:768px){.dashboard-overview{padding:var(--spacing-lg)}.overview-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.metrics-grid{gap:var(--spacing-md);grid-template-columns:1fr}.charts-section{gap:var(--spacing-lg);grid-template-columns:1fr}.insights-grid{gap:var(--spacing-md);grid-template-columns:1fr}.kpis-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.dashboard-overview{padding:var(--spacing-md)}.metric-card{flex-direction:column;gap:var(--spacing-md);text-align:center}.metric-icon{font-size:2rem;height:50px;width:50px}.metric-value{font-size:1.5rem}.chart-container{padding:var(--spacing-lg)}.chart-placeholder{height:200px}.insight-card{flex-direction:column;text-align:center}.kpis-grid{grid-template-columns:1fr}}.user-analytics{height:100%;overflow-y:auto;padding:var(--spacing-xl)}.location-chart{flex-direction:column}.location-chart,.location-item{display:flex;gap:var(--spacing-md)}.location-item{align-items:center;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-md)}.location-rank{align-items:center;background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-white);display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:30px;justify-content:center;width:30px}.location-info{flex:1 1;min-width:0}.location-name{color:var(--color-text-primary);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-xs)}.location-count{color:var(--color-text-secondary);font-size:.8rem}.location-progress{background:var(--color-gray-200);border-radius:var(--radius-full);flex-shrink:0;height:8px;overflow:hidden;width:100px}.device-chart{display:flex;flex-direction:column;gap:var(--spacing-md)}.device-item{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);gap:var(--spacing-md);padding:var(--spacing-md)}.device-icon,.device-item{align-items:center;display:flex}.device-icon{background:var(--color-primary-light);border-radius:var(--radius-md);flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.device-info{flex:1 1;min-width:0}.device-name{color:var(--color-text-primary);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-xs)}.device-count{color:var(--color-text-secondary);font-size:.8rem}.device-progress{background:var(--color-gray-200);border-radius:var(--radius-full);flex-shrink:0;height:8px;overflow:hidden;width:100px}.top-users-section{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl)}.top-users-section h4{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.top-users-list{flex-direction:column}.top-users-list,.user-item{display:flex;gap:var(--spacing-md)}.user-item{align-items:center;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-md)}.user-rank{align-items:center;background:var(--color-success);border-radius:var(--radius-full);color:var(--color-white);display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:30px;justify-content:center;width:30px}.user-info{flex:1 1;min-width:0}.user-name{font-size:.875rem;margin-bottom:var(--spacing-xs)}.user-activity{color:var(--color-text-secondary);font-size:.8rem}.user-progress{background:var(--color-gray-200);border-radius:var(--radius-full);flex-shrink:0;height:8px;overflow:hidden;width:100px}.sources-section{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl)}.sources-section h4{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.sources-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.source-item{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);gap:var(--spacing-md);padding:var(--spacing-md)}.source-icon,.source-item{align-items:center;display:flex}.source-icon{background:var(--color-primary-light);border-radius:var(--radius-md);flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.source-info{flex:1 1;min-width:0}.source-name{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.source-count,.source-name{margin-bottom:var(--spacing-xs)}.source-count{color:var(--color-text-secondary);font-size:.8rem}.source-percentage{color:var(--color-text-tertiary);font-size:.75rem;font-weight:500}.source-progress{background:var(--color-gray-200);border-radius:var(--radius-full);flex-shrink:0;height:8px;overflow:hidden;width:60px}.growth-section{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.growth-section h4{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.growth-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.growth-item{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center}.growth-label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.growth-label,.growth-value{margin-bottom:var(--spacing-sm)}.growth-value{font-size:1.5rem;font-weight:700}.growth-value.positive{color:var(--color-success)}.growth-value.negative{color:var(--color-error)}.growth-value.neutral{color:var(--color-text-primary)}.growth-description{color:var(--color-text-tertiary);font-size:.75rem}.user-analytics.loading{background:var(--color-gray-50)}@media (max-width:768px){.user-analytics{padding:var(--spacing-lg)}.analytics-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.metrics-overview{gap:var(--spacing-md);grid-template-columns:1fr}.charts-section{gap:var(--spacing-lg);grid-template-columns:1fr}.sources-grid{gap:var(--spacing-md);grid-template-columns:1fr}.growth-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.user-analytics{padding:var(--spacing-md)}.metric-card{flex-direction:column;gap:var(--spacing-md);text-align:center}.metric-icon{font-size:1.5rem;height:40px;width:40px}.metric-value{font-size:1.25rem}.chart-container{padding:var(--spacing-lg)}.chart-content{height:250px}.device-item,.location-item,.source-item,.user-item{flex-direction:column;gap:var(--spacing-sm);text-align:center}.device-progress,.location-progress,.source-progress,.user-progress{width:100%}.growth-grid{grid-template-columns:1fr}}.content-analytics{height:100%;overflow-y:auto;padding:var(--spacing-xl)}.bar-label{width:80px}.bar-value{min-width:60px}.top-posts-section{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl)}.top-posts-section h4{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.top-posts-list{flex-direction:column}.post-item,.top-posts-list{display:flex;gap:var(--spacing-md)}.post-item{align-items:center;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-md)}.post-rank{align-items:center;background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-white);display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:30px;justify-content:center;width:30px}.post-content{flex:1 1;min-width:0}.post-title{color:var(--color-text-primary);font-size:.875rem;font-weight:600;line-height:1.4;margin-bottom:var(--spacing-xs)}.post-stats{color:var(--color-text-secondary);display:flex;font-size:.8rem;gap:var(--spacing-md)}.post-progress{background:var(--color-gray-200);border-radius:var(--radius-full);flex-shrink:0;height:8px;overflow:hidden;width:100px}.top-authors-section{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl)}.top-authors-section h4{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.top-authors-list{flex-direction:column}.author-item,.top-authors-list{display:flex;gap:var(--spacing-md)}.author-item{align-items:center;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-md)}.author-rank{background:var(--color-success);font-size:.875rem;height:30px;width:30px}.author-avatar,.author-rank{align-items:center;border-radius:var(--radius-full);color:var(--color-white);display:flex;flex-shrink:0;font-weight:700;justify-content:center}.author-avatar{background:var(--color-primary);font-size:1rem;height:40px;width:40px}.author-info{flex:1 1;min-width:0}.author-name{color:var(--color-text-primary);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-xs)}.author-stats{color:var(--color-text-secondary);display:flex;font-size:.8rem;gap:var(--spacing-md)}.author-progress{background:var(--color-gray-200);border-radius:var(--radius-full);flex-shrink:0;height:8px;overflow:hidden;width:100px}.trending-topics-section{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl)}.trending-topics-section h4{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.trending-topics-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.topic-item{align-items:center;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.topic-icon{flex-shrink:0;font-size:1.5rem}.topic-info{flex:1 1;min-width:0}.topic-name{color:var(--color-text-primary);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-xs)}.topic-stats{color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:.8rem;gap:var(--spacing-xs)}.topic-trend{flex-shrink:0}.trend-indicator{border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.trend-indicator.positive{background:var(--color-success-light);color:var(--color-success)}.trend-indicator.negative{background:var(--color-error-light);color:var(--color-error)}.content-quality-section{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl)}.content-quality-section h4{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.quality-chart{flex-direction:column}.quality-chart,.quality-item{display:flex;gap:var(--spacing-md)}.quality-item{align-items:center;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-md)}.quality-score{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-xs);min-width:80px}.score-value{color:var(--color-text-primary);font-size:1.25rem;font-weight:700}.score-label{color:var(--color-text-secondary);font-size:.75rem}.quality-bar{background:var(--color-gray-200);border-radius:var(--radius-sm);flex:1 1;height:20px;overflow:hidden}.quality-progress{border-radius:var(--radius-sm);height:100%;transition:all var(--transition-fast)}.quality-count{color:var(--color-text-secondary);flex-shrink:0;font-size:.875rem;font-weight:500;min-width:120px;text-align:right}.performance-section{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.performance-section h4{border-bottom:1px solid var(--color-gray-200);font-size:1.125rem;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.content-analytics.loading{background:var(--color-gray-50)}@media (max-width:768px){.content-analytics{padding:var(--spacing-lg)}.analytics-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.metrics-overview{gap:var(--spacing-md);grid-template-columns:1fr}.charts-section{gap:var(--spacing-lg);grid-template-columns:1fr}.trending-topics-grid{gap:var(--spacing-md);grid-template-columns:1fr}.performance-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.content-analytics{padding:var(--spacing-md)}.metric-card{flex-direction:column;gap:var(--spacing-md);text-align:center}.metric-icon{font-size:1.5rem;height:40px;width:40px}.metric-value{font-size:1.25rem}.chart-container{padding:var(--spacing-lg)}.chart-content{height:250px}.author-item,.post-item,.quality-item,.topic-item{flex-direction:column;gap:var(--spacing-sm);text-align:center}.author-progress,.post-progress{width:100%}.performance-grid{grid-template-columns:1fr}}.revenue-analytics{height:100%;overflow-y:auto;padding:var(--spacing-xl)}.metric-selector{background:var(--color-gray-100);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:4px}.metric-button{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.metric-button:hover{color:var(--color-text-primary)}.metric-button.active{background:var(--color-white);box-shadow:var(--shadow-sm);color:var(--color-primary)}.charts-section{grid-gap:var(--spacing-xl);gap:var(--spacing-xl);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-2xl)}.chart-container{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.chart-container h4{border-bottom:1px solid var(--color-gray-200);font-size:1.125rem;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.chart-content{height:300px;justify-content:center}.bar-chart{flex-direction:column;width:100%}.bar-chart,.bar-item{display:flex;gap:var(--spacing-md)}.bar-item{align-items:center}.bar-label{color:var(--color-text-secondary);flex-shrink:0;font-size:.875rem;font-weight:500;width:100px}.bar-container{align-items:center;display:flex;flex:1 1;gap:var(--spacing-sm)}.bar{border-radius:var(--radius-sm);height:20px;min-width:4px;transition:all var(--transition-fast)}.bar:hover{opacity:.8}.bar-value{color:var(--color-text-primary);font-size:.875rem;font-weight:600;min-width:80px;text-align:right}.pie-chart{flex-direction:column;width:100%}.pie-chart,.pie-segment{display:flex;gap:var(--spacing-md)}.pie-segment{align-items:center}.segment{border-radius:var(--radius-sm);height:20px;transition:all var(--transition-fast)}.segment:hover{opacity:.8}.segment-label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.875rem;gap:var(--spacing-sm)}.segment-color{border-radius:var(--radius-sm);height:12px;width:12px}.segment-text{font-weight:500}.commission-section,.geographic-section,.performance-section,.subscription-section,.top-products-section,.top-users-section{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl)}.commission-section h4,.geographic-section h4,.performance-section h4,.subscription-section h4,.top-products-section h4,.top-users-section h4{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.commission-list,.geographic-list,.top-products-list,.top-users-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.commission-item,.location-item,.product-item,.user-item{align-items:center;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.commission-rank,.location-rank,.product-rank,.user-rank{align-items:center;background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-white);display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:30px;justify-content:center;width:30px}.commission-info,.location-info,.product-info,.user-info{flex:1 1;min-width:0}.commission-seller,.location-name,.product-name,.user-name{color:var(--color-text-primary);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-xs)}.commission-stats,.location-stats,.product-stats{display:flex;gap:var(--spacing-md)}.commission-stats,.location-stats,.product-stats,.user-revenue{color:var(--color-text-secondary);font-size:.8rem}.stat-item{gap:var(--spacing-xs)}.user-avatar{align-items:center;background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-white);display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:40px;justify-content:center;width:40px}.commission-progress,.location-progress,.product-progress,.user-progress{background:var(--color-gray-200);border-radius:var(--radius-full);flex-shrink:0;height:8px;overflow:hidden;width:100px}.subscription-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.subscription-item{align-items:center;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.subscription-icon{flex-shrink:0;font-size:1.5rem}.subscription-info{flex:1 1;min-width:0}.subscription-name{color:var(--color-text-primary)}.subscription-name,.subscription-revenue{font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-xs)}.subscription-revenue{color:var(--color-success)}.subscription-subscribers{color:var(--color-text-secondary);font-size:.8rem}.subscription-progress{background:var(--color-gray-200);border-radius:var(--radius-full);flex-shrink:0;height:8px;overflow:hidden;width:60px}.performance-grid{grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.performance-item{padding:var(--spacing-lg)}.performance-label{font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-sm)}.performance-value{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-sm)}.performance-value.positive{color:var(--color-success)}.performance-value.negative{color:var(--color-error)}.performance-description{color:var(--color-text-tertiary);font-size:.75rem}.progress-bar{background:var(--color-primary);border-radius:var(--radius-full);height:100%;transition:all var(--transition-fast)}.revenue-analytics.loading{background:var(--color-gray-50)}@media (max-width:768px){.revenue-analytics{padding:var(--spacing-lg)}.analytics-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.metrics-overview{gap:var(--spacing-md);grid-template-columns:1fr}.charts-section{gap:var(--spacing-lg);grid-template-columns:1fr}.subscription-grid{gap:var(--spacing-md);grid-template-columns:1fr}.performance-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.revenue-analytics{padding:var(--spacing-md)}.metric-card{flex-direction:column;gap:var(--spacing-md);text-align:center}.metric-icon{font-size:1.5rem;height:40px;width:40px}.metric-value{font-size:1.25rem}.chart-container{padding:var(--spacing-lg)}.chart-content{height:250px}.commission-item,.location-item,.product-item,.subscription-item,.user-item{flex-direction:column;gap:var(--spacing-sm);text-align:center}.commission-progress,.location-progress,.product-progress,.subscription-progress,.user-progress{width:100%}.performance-grid{grid-template-columns:1fr}}.engagement-analytics{height:100%;overflow-y:auto;padding:var(--spacing-xl)}.engagement-stats{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.engagement-stats h4{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.stats-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-lg)}.stat-label{font-size:.875rem;margin-bottom:var(--spacing-sm)}.stat-value.positive{color:var(--color-success)}.stat-value.negative{color:var(--color-error)}.engagement-analytics.loading{background:var(--color-gray-50)}@media (max-width:768px){.engagement-analytics{padding:var(--spacing-lg)}.metrics-overview{gap:var(--spacing-md);grid-template-columns:1fr}.stats-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.engagement-analytics{padding:var(--spacing-md)}.metric-card{flex-direction:column;gap:var(--spacing-md);text-align:center}.metric-icon{font-size:1.5rem;height:40px;width:40px}.metric-value{font-size:1.25rem}.stats-grid{grid-template-columns:1fr}}.performance-metrics{height:100%;overflow-y:auto;padding:var(--spacing-xl)}.metric-card,.system-metrics{background:var(--color-surface)}.system-metrics{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl)}.system-metrics h4{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.metrics-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.metric-item{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-lg)}.metric-item .metric-label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-sm)}.metric-item .metric-value{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-sm)}.metric-bar{background:var(--color-gray-200);height:8px;overflow:hidden;width:100%}.metric-bar,.metric-bar-fill{border-radius:var(--radius-sm)}.metric-bar-fill{height:100%;transition:width var(--transition-fast)}.slow-queries{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl)}.slow-queries h4{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.queries-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.query-item{align-items:center;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.query-info{flex:1 1;min-width:0}.query-text{color:var(--color-text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;margin-bottom:var(--spacing-sm);word-break:break-all}.query-stats{display:flex;gap:var(--spacing-md)}.query-time{color:var(--color-error);font-size:.75rem;font-weight:600}.query-count{color:var(--color-text-secondary);font-size:.75rem}.query-actions{flex-shrink:0}.error-logs{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.error-logs h4{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.logs-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.log-item{align-items:center;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.log-info{flex:1 1;min-width:0}.log-error{color:var(--color-text-primary);font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-sm)}.log-stats{display:flex;gap:var(--spacing-md)}.log-count{color:var(--color-error);font-size:.75rem;font-weight:600}.log-time{color:var(--color-text-secondary);font-size:.75rem}.log-actions{flex-shrink:0}.performance-metrics.loading{background:var(--color-gray-50)}@media (max-width:768px){.performance-metrics{padding:var(--spacing-lg)}.metrics-grid,.metrics-overview{gap:var(--spacing-md);grid-template-columns:1fr}.log-item,.query-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.log-actions,.query-actions{align-self:flex-end}}@media (max-width:480px){.performance-metrics{padding:var(--spacing-md)}.metric-card{flex-direction:column;gap:var(--spacing-md);text-align:center}.metric-icon{font-size:1.5rem;height:40px;width:40px}.metric-value{font-size:1.25rem}}.business-intelligence{height:100%;overflow-y:auto;padding:var(--spacing-xl)}.kpis-section{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl)}.kpis-section h4{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.kpis-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.kpi-card{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all var(--transition-fast)}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.kpi-name{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.kpi-trend{font-size:1.25rem}.kpi-value{color:var(--color-text-primary);font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-md)}.kpi-progress{display:flex;flex-direction:column;gap:var(--spacing-xs)}.progress-bar{background:var(--color-gray-200);height:6px;overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:var(--radius-sm)}.progress-fill{height:100%;transition:width var(--transition-fast)}.progress-text{color:var(--color-text-secondary);font-size:.75rem;text-align:right}.forecasts-section{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl)}.forecasts-section h4{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.forecasts-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.forecast-card{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all var(--transition-fast)}.forecast-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.forecast-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.forecast-metric{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.forecast-confidence{color:var(--color-success);font-size:.75rem;font-weight:600}.forecast-values{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.forecast-current,.forecast-predicted{align-items:center;display:flex;justify-content:space-between}.forecast-label{color:var(--color-text-secondary);font-size:.875rem}.forecast-value{color:var(--color-text-primary);font-size:1rem;font-weight:600}.forecast-value.predicted{color:var(--color-primary)}.forecast-timeframe{border-top:1px solid var(--color-gray-200);color:var(--color-text-tertiary);font-size:.75rem;padding-top:var(--spacing-sm);text-align:center}.insights-section{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl)}.insights-section h4{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.insights-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.insight-card{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all var(--transition-fast)}.insight-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.insight-card.opportunity{border-left:4px solid var(--color-success)}.insight-card.risk{border-left:4px solid var(--color-error)}.insight-card.trend{border-left:4px solid var(--color-primary)}.insight-card.anomaly{border-left:4px solid var(--color-warning)}.insight-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.insight-icon{font-size:1.25rem}.insight-title{color:var(--color-text-primary);flex:1 1;font-size:.875rem;font-weight:600}.insight-confidence{color:var(--color-success);font-size:.75rem;font-weight:600}.insight-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:var(--spacing-md)}.insight-footer{align-items:center;display:flex;justify-content:space-between}.insight-impact{font-size:.75rem;font-weight:600}.recommendations-section{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl)}.recommendations-section h4{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.recommendations-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.recommendation-item{align-items:flex-start;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);transition:all var(--transition-fast)}.recommendation-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.recommendation-priority{align-items:center;background:var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-primary);display:flex;flex-shrink:0;font-size:1.25rem;font-weight:700;height:40px;justify-content:center;width:40px}.recommendation-content{flex:1 1;min-width:0}.recommendation-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.recommendation-category{background:var(--color-gray-200);border-radius:var(--radius-sm);color:var(--color-text-tertiary);font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}.recommendation-title{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.recommendation-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:var(--spacing-sm)}.recommendation-meta{display:flex;gap:var(--spacing-md)}.recommendation-effort,.recommendation-impact{font-size:.75rem;font-weight:500}.recommendation-actions{flex-shrink:0}.competitive-section{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.competitive-section h4{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.competitive-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.competitive-card{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all var(--transition-fast)}.competitive-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.competitive-metric{color:var(--color-text-secondary);font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-md)}.competitive-values{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.competitive-competitor,.competitive-market,.competitive-our{align-items:center;display:flex;justify-content:space-between}.competitive-label{color:var(--color-text-secondary);font-size:.875rem}.competitive-value{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.competitive-position{border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;padding:var(--spacing-sm);text-align:center}.competitive-position.leader{background:var(--color-success-light);color:var(--color-success)}.competitive-position.average{background:var(--color-warning-light);color:var(--color-warning)}.competitive-position.behind{background:var(--color-error-light);color:var(--color-error)}.business-intelligence.loading{background:var(--color-gray-50)}@media (max-width:768px){.business-intelligence{padding:var(--spacing-lg)}.competitive-grid,.forecasts-grid,.insights-grid,.kpis-grid{gap:var(--spacing-md);grid-template-columns:1fr}.recommendation-item{flex-direction:column;gap:var(--spacing-md)}.recommendation-priority{align-self:flex-start}}@media (max-width:480px){.business-intelligence{padding:var(--spacing-md)}.kpi-value{font-size:1.5rem}.competitive-values,.forecast-values{gap:var(--spacing-xs)}.insight-header,.recommendation-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}}.report-management{height:100%;overflow-y:auto;padding:var(--spacing-xl)}.reports-list{flex:1 1}.reports-grid{grid-gap:var(--spacing-lg);gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.report-card{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-fast)}.report-card:hover{box-shadow:var(--shadow-lg)}.report-card.inactive{background:var(--color-gray-50);opacity:.6}.report-header{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.report-title{flex:1 1;min-width:0}.report-title h4{font-size:1.125rem;margin:0 0 var(--spacing-sm) 0}.report-badges{gap:var(--spacing-sm)}.report-type{background:var(--color-gray-200);color:var(--color-text-secondary);font-weight:500}.report-status,.report-type{border-radius:var(--radius-sm);font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}.report-status{font-weight:600}.report-status.active{background:var(--color-success-light);color:var(--color-success)}.report-status.inactive{background:var(--color-error-light);color:var(--color-error)}.report-actions{flex-shrink:0;gap:var(--spacing-sm)}.report-content,.report-description{margin-bottom:var(--spacing-lg)}.report-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5}.report-details{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:var(--spacing-lg)}.report-detail{display:flex}.report-detail,.report-meta{flex-direction:column;gap:var(--spacing-xs)}.report-meta{border-top:1px solid var(--color-gray-200);padding-top:var(--spacing-md)}.report-meta-item{align-items:center;display:flex;justify-content:space-between}.report-management.loading{background:var(--color-gray-50)}@media (max-width:768px){.report-management{padding:var(--spacing-lg)}.reports-grid{gap:var(--spacing-md);grid-template-columns:1fr}.report-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.report-actions{justify-content:flex-start;width:100%}.report-details{gap:var(--spacing-sm);grid-template-columns:1fr}.form-row{gap:var(--spacing-md);grid-template-columns:1fr}.form-actions{flex-direction:column}.modal-overlay{padding:var(--spacing-md)}.modal-content{max-height:95vh}}@media (max-width:480px){.report-management{padding:var(--spacing-md)}.report-card{padding:var(--spacing-lg)}.report-actions{flex-wrap:wrap}.modal-body,.modal-header{padding:var(--spacing-lg)}}.analytics-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:var(--spacing-xl)}.analytics-tabs{border-bottom:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);overflow-x:auto;padding-bottom:var(--spacing-md)}.tab-button{border-radius:var(--radius-md) var(--radius-md) 0 0;flex-shrink:0;position:relative}.tab-button.active{background:var(--color-white);border-bottom:2px solid var(--color-primary)}.tab-button.active:after{background:var(--color-white);bottom:-1px;content:"";height:1px;left:0;position:absolute;right:0}@media (max-width:768px){.analytics-page{padding:var(--spacing-lg)}.analytics-tabs{flex-wrap:wrap;gap:var(--spacing-xs)}.tab-button{font-size:.8rem;padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width:480px){.analytics-page{padding:var(--spacing-md)}.analytics-tabs{flex-direction:column;gap:var(--spacing-xs)}.tab-button{border-radius:var(--radius-md);text-align:center}.tab-button.active{background:var(--color-primary);border-bottom:none;color:var(--color-white)}.tab-button.active:after{display:none}}.notification-templates{height:100%;overflow-y:auto;padding:var(--spacing-xl)}.templates-header{align-items:flex-start;justify-content:space-between}.templates-filters,.templates-header{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.templates-filters{align-items:center;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.templates-list{flex:1 1}.templates-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.template-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-fast)}.template-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.template-card.inactive{background:var(--color-gray-50);opacity:.6}.template-header{align-items:flex-start;display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-lg)}.template-title{flex:1 1;min-width:0}.template-title h4{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.template-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.template-type{background:var(--color-gray-200);color:var(--color-text-secondary)}.template-category,.template-type{border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.template-category{background:var(--color-primary-light);color:var(--color-primary)}.template-priority{background:var(--color-gray-100);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.template-actions{display:flex;flex-shrink:0;gap:var(--spacing-sm)}.template-content,.template-description{margin-bottom:var(--spacing-lg)}.template-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5}.template-preview{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.template-details{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.template-channels,.template-variables{display:flex;flex-direction:column;gap:var(--spacing-sm)}.channels-list,.variables-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.channel-badge{background:var(--color-gray-100);color:var(--color-text-secondary)}.channel-badge,.variable-badge{border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.variable-badge{background:var(--color-primary-light);color:var(--color-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace}.template-meta{border-top:1px solid var(--color-gray-200);display:flex;flex-direction:column;gap:var(--spacing-xs);padding-top:var(--spacing-md)}.template-meta-item{align-items:center;display:flex;justify-content:space-between}.notification-templates.loading{background:var(--color-gray-50)}.template-skeleton{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl)}@media (max-width:768px){.notification-templates{padding:var(--spacing-lg)}.templates-filters{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.search-box{max-width:none}.filter-controls{flex-direction:column;gap:var(--spacing-sm)}.templates-grid{gap:var(--spacing-md);grid-template-columns:1fr}.template-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.template-actions{justify-content:flex-start;width:100%}.form-row{gap:var(--spacing-md);grid-template-columns:1fr}.form-actions{flex-direction:column}.modal-overlay{padding:var(--spacing-md)}.modal-content{max-height:95vh}}@media (max-width:480px){.notification-templates{padding:var(--spacing-md)}.template-card{padding:var(--spacing-lg)}.template-actions{flex-wrap:wrap}.modal-body,.modal-header{padding:var(--spacing-lg)}}.notification-campaigns{height:100%;overflow-y:auto;padding:var(--spacing-xl)}.campaigns-header{align-items:flex-start;justify-content:space-between}.campaigns-filters,.campaigns-header{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.campaigns-filters{align-items:center;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.campaigns-list{flex:1 1}.campaigns-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.campaign-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-fast)}.campaign-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.campaign-header{align-items:flex-start;display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-lg)}.campaign-title{flex:1 1;min-width:0}.campaign-title h4{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.campaign-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.campaign-status{background:var(--color-gray-100);font-weight:600}.campaign-status,.campaign-template{border-radius:var(--radius-sm);font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}.campaign-template{background:var(--color-gray-200);color:var(--color-text-secondary);font-weight:500}.campaign-actions{display:flex;flex-shrink:0;gap:var(--spacing-sm)}.campaign-content,.campaign-description{margin-bottom:var(--spacing-lg)}.campaign-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5}.campaign-preview{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.preview-title{color:var(--color-text-primary);font-weight:600}.preview-message,.preview-title{font-size:.875rem;margin-bottom:var(--spacing-sm)}.preview-message{color:var(--color-text-secondary);line-height:1.5}.preview-action{color:var(--color-primary);font-size:.75rem;font-weight:500}.campaign-details{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-lg)}.campaign-detail,.campaign-meta{display:flex;flex-direction:column;gap:var(--spacing-xs)}.campaign-meta{border-top:1px solid var(--color-gray-200);padding-top:var(--spacing-md)}.campaign-meta-item{align-items:center;display:flex;justify-content:space-between}.modal-content{max-width:900px}.checkbox-group{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.notification-campaigns.loading{background:var(--color-gray-50)}.campaign-skeleton{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl)}@media (max-width:768px){.notification-campaigns{padding:var(--spacing-lg)}.campaigns-filters{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.search-box{max-width:none}.filter-controls{flex-direction:column;gap:var(--spacing-sm)}.campaigns-grid{gap:var(--spacing-md);grid-template-columns:1fr}.campaign-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.campaign-actions{justify-content:flex-start;width:100%}.campaign-details{gap:var(--spacing-sm);grid-template-columns:1fr}.form-row{gap:var(--spacing-md);grid-template-columns:1fr}.form-actions{flex-direction:column}.modal-overlay{padding:var(--spacing-md)}.modal-content{max-height:95vh}}@media (max-width:480px){.notification-campaigns{padding:var(--spacing-md)}.campaign-card{padding:var(--spacing-lg)}.campaign-actions{flex-wrap:wrap}.modal-body,.modal-header{padding:var(--spacing-lg)}}.notification-scheduler{height:100%;overflow-y:auto;padding:var(--spacing-xl)}.scheduler-filters,.scheduler-header{margin-bottom:var(--spacing-2xl)}.scheduler-filters{align-items:center;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg)}.scheduler-list{flex:1 1}.scheduler-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.scheduler-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-fast)}.scheduler-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.scheduler-header{align-items:flex-start;display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-lg)}.scheduler-title{flex:1 1;min-width:0}.scheduler-title h4{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.scheduler-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.scheduler-status{background:var(--color-gray-100);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.scheduler-type{background:var(--color-primary-light);color:var(--color-primary)}.scheduler-campaign,.scheduler-type{border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.scheduler-campaign{background:var(--color-gray-200);color:var(--color-text-secondary)}.scheduler-actions{display:flex;flex-shrink:0;gap:var(--spacing-sm)}.scheduler-content,.scheduler-description{margin-bottom:var(--spacing-lg)}.scheduler-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5}.scheduler-details{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-lg)}.scheduler-detail{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-label{color:var(--color-text-tertiary);font-size:.75rem}.scheduler-meta{border-top:1px solid var(--color-gray-200);display:flex;flex-direction:column;gap:var(--spacing-xs);padding-top:var(--spacing-md)}.scheduler-meta-item{align-items:center;display:flex;justify-content:space-between}.form-group input,.form-group select,.form-group textarea{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.875rem;padding:var(--spacing-md);transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px var(--color-primary-light)}.checkbox-group{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.notification-scheduler.loading{background:var(--color-gray-50)}.scheduler-skeleton{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl)}@media (max-width:768px){.notification-scheduler{padding:var(--spacing-lg)}.scheduler-filters{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.search-box{max-width:none}.filter-controls{flex-direction:column;gap:var(--spacing-sm)}.scheduler-grid{gap:var(--spacing-md);grid-template-columns:1fr}.scheduler-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.scheduler-actions{justify-content:flex-start;width:100%}.scheduler-details{gap:var(--spacing-sm);grid-template-columns:1fr}.form-row{gap:var(--spacing-md);grid-template-columns:1fr}.form-actions{flex-direction:column}.modal-overlay{padding:var(--spacing-md)}.modal-content{max-height:95vh}}@media (max-width:480px){.notification-scheduler{padding:var(--spacing-md)}.scheduler-card{padding:var(--spacing-lg)}.scheduler-actions{flex-wrap:wrap}.modal-body,.modal-header{padding:var(--spacing-lg)}}.notification-analytics{height:100%;overflow-y:auto;padding:var(--spacing-xl)}.analytics-header{align-items:flex-start;display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-2xl)}.period-selector{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs)}.period-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.period-btn:hover{background:var(--color-gray-100);color:var(--color-text-primary)}.period-btn.active{background:var(--color-primary-light);color:var(--color-primary)}.metrics-overview{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-2xl)}.metric-card{align-items:center;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl);transition:all var(--transition-fast)}.metric-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.metric-icon{align-items:center;background:var(--color-primary-light);border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:2rem;height:50px;justify-content:center;width:50px}.metric-content{flex:1 1;min-width:0}.metric-value{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;line-height:1}.metric-label,.metric-value{margin-bottom:var(--spacing-xs)}.metric-label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.metric-change{font-size:.75rem;font-weight:600}.metric-change.positive{color:var(--color-success)}.metric-change.negative{color:var(--color-error)}.metric-change.neutral{color:var(--color-text-tertiary)}.analytics-charts{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-2xl)}.chart-section{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.chart-section h4{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.chart-container{height:300px;overflow-y:auto}.performance-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.performance-item{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-md)}.performance-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.performance-type{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.performance-rate{color:var(--color-primary);font-size:.875rem;font-weight:700}.performance-stats{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-sm)}.stat-item{justify-content:space-between}.stat-value{font-size:.75rem}.performance-bar{background:var(--color-gray-200);border-radius:var(--radius-sm);height:4px;overflow:hidden;width:100%}.performance-fill{border-radius:var(--radius-sm);height:100%;transition:width var(--transition-fast)}.channel-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.channel-card{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-md)}.channel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.channel-name{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.channel-rate{color:var(--color-primary);font-size:.875rem;font-weight:700}.channel-stats{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.channel-stat{align-items:center;display:flex;font-size:.75rem;justify-content:space-between}.channel-bar{background:var(--color-gray-200);height:4px;overflow:hidden;width:100%}.channel-bar,.channel-fill{border-radius:var(--radius-sm)}.channel-fill{height:100%;transition:width var(--transition-fast)}.top-campaigns{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl)}.top-campaigns h4{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.campaigns-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.campaign-item{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);gap:var(--spacing-lg);padding:var(--spacing-lg)}.campaign-item,.campaign-rank{align-items:center;display:flex}.campaign-rank{background:var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-primary);flex-shrink:0;font-size:1.25rem;font-weight:700;height:40px;justify-content:center;width:40px}.campaign-info{flex:1 1;min-width:0}.campaign-name{color:var(--color-text-primary);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-sm)}.campaign-stats{display:flex;gap:var(--spacing-md)}.campaign-stat{display:flex;font-size:.75rem;gap:var(--spacing-xs)}.campaign-rate{flex-shrink:0;text-align:center}.rate-value{color:var(--color-primary);display:block;font-size:1.25rem;font-weight:700}.rate-label{color:var(--color-text-tertiary);display:block;font-size:.75rem}.device-location-analysis{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-2xl)}.analysis-section{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.analysis-section h4{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.device-list,.location-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.device-item,.location-item{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-md)}.device-info,.location-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.device-name,.location-name{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.device-rate,.location-rate{color:var(--color-primary);font-size:.875rem;font-weight:700}.device-stats,.location-stats{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.device-stat,.location-stat{color:var(--color-text-secondary);font-size:.75rem}.device-bar,.location-bar{background:var(--color-gray-200);border-radius:var(--radius-sm);height:4px;overflow:hidden;width:100%}.device-fill,.location-fill{border-radius:var(--radius-sm);height:100%;transition:width var(--transition-fast)}.temporal-analysis{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.temporal-analysis h4{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.time-chart{height:200px;overflow-x:auto}.time-grid{align-items:flex-end;height:100%;padding:var(--spacing-md) 0}.time-grid,.time-item{display:flex;gap:var(--spacing-sm)}.time-item{align-items:center;flex-direction:column;min-width:40px}.time-hour{color:var(--color-text-tertiary);font-size:.75rem;font-weight:500}.time-bars{align-items:flex-end;display:flex;gap:2px;height:120px}.time-bar{background:var(--color-gray-200);height:100%;overflow:hidden;position:relative;width:8px}.time-bar,.time-bar-fill{border-radius:var(--radius-sm)}.time-bar-fill{bottom:0;position:absolute;transition:height var(--transition-fast);width:100%}.time-bar-fill.sent{background:var(--color-primary)}.time-bar-fill.opened{background:var(--color-success)}.time-bar-fill.clicked{background:var(--color-warning)}.notification-analytics.loading{background:var(--color-gray-50)}.analytics-skeleton{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl)}@media (max-width:768px){.notification-analytics{padding:var(--spacing-lg)}.analytics-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.period-selector{justify-content:center}.metrics-overview{gap:var(--spacing-md);grid-template-columns:1fr}.analytics-charts,.device-location-analysis{gap:var(--spacing-lg);grid-template-columns:1fr}.campaign-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.campaign-stats{flex-direction:column;gap:var(--spacing-sm)}.time-grid{gap:var(--spacing-xs)}.time-item{min-width:30px}.time-bars{gap:1px}.time-bar{width:6px}}@media (max-width:480px){.notification-analytics{padding:var(--spacing-md)}.metric-card{flex-direction:column;gap:var(--spacing-md);text-align:center}.metric-icon{font-size:1.5rem;height:40px;width:40px}.metric-value{font-size:1.25rem}.channel-grid,.performance-stats{grid-template-columns:1fr}}.notification-settings{height:100%;overflow-y:auto;padding:var(--spacing-xl)}.settings-filters,.settings-header{margin-bottom:var(--spacing-2xl)}.settings-filters{align-items:center;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg)}.settings-list{flex:1 1}.settings-grid{grid-gap:var(--spacing-lg);gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.settings-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-fast)}.settings-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.settings-header{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.settings-title{flex:1 1;min-width:0}.settings-title h4{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.settings-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.settings-channels{background:var(--color-primary-light);color:var(--color-primary)}.settings-channels,.settings-types{border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.settings-types{background:var(--color-gray-200);color:var(--color-text-secondary)}.settings-actions{display:flex;flex-shrink:0;gap:var(--spacing-sm)}.settings-content,.settings-sections{margin-bottom:var(--spacing-lg)}.settings-sections{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.settings-section{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-lg)}.settings-section h5{border-bottom:1px solid var(--color-gray-200);color:var(--color-text-primary);font-size:.875rem;font-weight:600;margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm)}.settings-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.option-item{align-items:center;display:flex;justify-content:space-between}.option-label{color:var(--color-text-tertiary);font-size:.75rem;font-weight:500}.option-value{border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.option-value.enabled{background:var(--color-success-light);color:var(--color-success)}.option-value.disabled{background:var(--color-error-light);color:var(--color-error)}.settings-meta{border-top:1px solid var(--color-gray-200);display:flex;flex-direction:column;gap:var(--spacing-xs);padding-top:var(--spacing-md)}.settings-meta-item{align-items:center;display:flex;justify-content:space-between}.meta-label{color:var(--color-text-tertiary)}.meta-value{color:var(--color-text-secondary);font-size:.75rem}.form-group{margin-bottom:var(--spacing-lg)}.form-section{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);margin-bottom:var(--spacing-2xl);padding:var(--spacing-lg)}.form-section h4{border-bottom:1px solid var(--color-gray-200);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-sm)}.form-row{grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.form-group label{margin-bottom:var(--spacing-sm)}.form-group input,.form-group select{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.875rem;padding:var(--spacing-md);transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus{box-shadow:0 0 0 3px var(--color-primary-light)}.checkbox-group{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.checkbox-label{font-size:.875rem;gap:var(--spacing-sm)}.form-actions{border-top:1px solid var(--color-gray-200);gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.notification-settings.loading{background:var(--color-gray-50)}.settings-skeleton{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl)}@media (max-width:768px){.notification-settings{padding:var(--spacing-lg)}.settings-filters{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.search-box{max-width:none}.settings-grid{gap:var(--spacing-md);grid-template-columns:1fr}.settings-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.settings-actions{justify-content:flex-start;width:100%}.form-row,.settings-sections{gap:var(--spacing-md);grid-template-columns:1fr}.form-actions{flex-direction:column}.modal-overlay{padding:var(--spacing-md)}.modal-content{max-height:95vh}}@media (max-width:480px){.notification-settings{padding:var(--spacing-md)}.settings-card{padding:var(--spacing-lg)}.settings-actions{flex-wrap:wrap}.modal-body,.modal-header{padding:var(--spacing-lg)}}.notification-history{height:100%;overflow-y:auto;padding:var(--spacing-xl)}.history-header{align-items:flex-start;display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-2xl)}.header-info h3{margin:0 0 var(--spacing-sm) 0}.history-stats{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg)}.stat-label{color:var(--color-text-tertiary);display:block;font-size:.75rem;margin-bottom:var(--spacing-xs)}.stat-value{display:block;font-size:1.25rem;font-weight:700}.history-filters{align-items:center;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-lg)}.search-box{max-width:500px}.search-input{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.875rem;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-md) var(--spacing-3xl);transition:all var(--transition-fast)}.search-input:focus{box-shadow:0 0 0 3px var(--color-primary-light)}.search-icon{color:var(--color-text-tertiary);left:var(--spacing-md)}.filter-controls{gap:var(--spacing-md)}.filter-select{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.875rem;padding:var(--spacing-md);transition:all var(--transition-fast)}.filter-select:focus{box-shadow:0 0 0 3px var(--color-primary-light)}.history-list{flex:1 1}.history-table{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden}.table-header{background:var(--color-gray-50);font-size:.875rem}.table-header,.table-row{grid-gap:var(--spacing-md);border-bottom:1px solid var(--color-gray-200);gap:var(--spacing-md);grid-template-columns:2fr 1fr 2fr 1fr 1fr 1fr;padding:var(--spacing-lg)}.table-row{transition:all var(--transition-fast)}.table-row:hover{background:var(--color-gray-50)}.table-cell{font-size:.875rem}.user-info{gap:var(--spacing-xs)}.user-name{font-weight:600}.user-email{font-size:.75rem}.type-info{gap:var(--spacing-sm)}.type-icon{font-size:1rem}.type-label{font-weight:500}.message-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.message-title{color:var(--color-text-primary);font-weight:600}.message-preview{color:var(--color-text-secondary);font-size:.75rem}.status-badge{align-items:center;background:var(--color-gray-100);border-radius:var(--radius-sm);display:flex;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.status-badge,.time-info{gap:var(--spacing-xs)}.time-sent{color:var(--color-text-primary);font-weight:500}.time-sent-time{color:var(--color-text-secondary);font-size:.75rem}.action-buttons{display:flex;gap:var(--spacing-sm)}.modal-overlay{padding:var(--spacing-lg)}.modal-content{background:var(--color-white);border-radius:var(--radius-lg);max-width:1000px}.modal-header{border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-xl)}.modal-close{border-radius:var(--radius-sm);padding:var(--spacing-sm);transition:all var(--transition-fast)}.modal-close:hover{background:var(--color-gray-100)}.modal-body{padding:var(--spacing-xl)}.details-grid{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.detail-section{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-lg)}.detail-section h4{border-bottom:1px solid var(--color-gray-200);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-sm)}.detail-item{margin-bottom:var(--spacing-md)}.detail-item:last-child{margin-bottom:0}.detail-label,.detail-value{font-size:.875rem}.detail-value{max-width:200px;text-align:right;word-break:break-word}.timeline{flex-direction:column}.timeline,.timeline-item{display:flex;gap:var(--spacing-md)}.timeline-icon,.timeline-item{align-items:center}.timeline-icon{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:1.25rem;height:30px;justify-content:center;width:30px}.timeline-content{flex:1 1}.timeline-title{color:var(--color-text-primary);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-xs)}.timeline-time{color:var(--color-text-secondary);font-size:.75rem}.error-message{background:var(--color-error-light);border:1px solid var(--color-error);color:var(--color-error)}.notification-history.loading{background:var(--color-gray-50)}.loading-skeleton{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.history-skeleton{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.skeleton-header{height:20px;margin-bottom:var(--spacing-lg)}.skeleton-content,.skeleton-header{animation:pulse 1.5s ease-in-out infinite;background:var(--color-gray-200);border-radius:var(--radius-sm)}.skeleton-content{height:100px}@media (max-width:768px){.notification-history{padding:var(--spacing-lg)}.history-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.history-stats{justify-content:space-around}.history-filters{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.search-box{max-width:none}.filter-controls{flex-direction:column;gap:var(--spacing-sm)}.table-header,.table-row{gap:var(--spacing-sm);grid-template-columns:1fr}.table-cell{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.details-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.modal-overlay{padding:var(--spacing-md)}.modal-content{max-height:95vh}}@media (max-width:480px){.notification-history{padding:var(--spacing-md)}.history-stats{flex-direction:column;gap:var(--spacing-md)}.modal-body,.modal-header{padding:var(--spacing-lg)}}.notification-segments{background:var(--color-background);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.5rem}.notification-segments.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.segment-skeleton{background:var(--color-surface);border-radius:var(--border-radius);margin-bottom:1rem;padding:1.5rem}.segments-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.segments-filters{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.segments-list{min-height:400px}.segments-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.segment-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1.5rem;position:relative;transition:all .2s ease}.segment-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.segment-card.inactive{background:var(--color-background);opacity:.7}.segment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.segment-title h4{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.segment-badges{display:flex;flex-wrap:wrap;gap:.5rem}.segment-status{border-radius:12px;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.segment-status.active{background:#22c55e1a;color:#16a34a}.segment-status.inactive{background:#ef44441a;color:#dc2626}.segment-count{background:#3b82f61a;border-radius:12px;color:#2563eb;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.segment-actions{display:flex;flex-wrap:wrap;gap:.5rem}.segment-content{margin-bottom:1rem}.segment-description{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 1rem}.segment-criteria{margin-bottom:1rem}.segment-criteria h5{color:var(--color-text-primary);font-size:.9rem;font-weight:600;margin:0 0 .5rem}.criteria-summary{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-secondary);font-size:.85rem;line-height:1.4;margin:0;padding:.75rem}.segment-details{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.segment-detail{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:.5rem 0}.detail-value.active{color:#16a34a}.detail-value.inactive{color:#dc2626}.segment-meta{align-items:center;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;padding-top:.75rem}.segment-meta-item{display:flex;flex-direction:column;gap:.25rem}@media (max-width:768px){.notification-segments{padding:1rem}.segments-header{align-items:stretch}.segments-filters,.segments-header{flex-direction:column;gap:1rem}.search-box{max-width:none}.segments-grid{grid-template-columns:1fr}.segment-header{align-items:stretch;flex-direction:column;gap:1rem}.segment-actions{justify-content:flex-start}.segment-details{grid-template-columns:1fr}.segment-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.modal-body,.modal-header{padding:1rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}}@media (max-width:480px){.segment-actions{flex-direction:column}.segment-actions .btn{justify-content:center;width:100%}}.notifications-page{background:var(--color-gray-50);display:flex;flex-direction:column;height:100vh}.notifications-tabs{background:var(--color-white);border-bottom:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-xs);overflow-x:auto;padding:0 var(--spacing-lg)}.tab-button{background:none;border-bottom:2px solid #0000;font-size:.875rem;gap:var(--spacing-sm);min-width:-webkit-fit-content;min-width:fit-content;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast)}.tab-button:hover{background:var(--color-gray-50)}.tab-button.active{background:var(--color-primary-light);border-bottom-color:var(--color-primary);color:var(--color-primary)}.tab-button .tab-icon{font-size:1rem}@media (max-width:768px){.notifications-tabs{gap:0;padding:0 var(--spacing-md)}.tab-button{font-size:.8rem;padding:var(--spacing-sm) var(--spacing-md)}.tab-button .tab-icon{font-size:.9rem}}@media (max-width:480px){.notifications-tabs{padding:0 var(--spacing-sm)}.tab-button{font-size:.75rem;padding:var(--spacing-sm)}.tab-button span:not(.tab-icon){display:none}}.moderation-rules{background:var(--color-background);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.5rem}.moderation-rules.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.rule-skeleton{background:var(--color-surface);border-radius:var(--border-radius);margin-bottom:1rem;padding:1.5rem}.rules-header{align-items:flex-start;border-bottom:1px solid var(--color-border);justify-content:space-between;padding-bottom:1rem}.rules-filters,.rules-header{display:flex;margin-bottom:2rem}.rules-filters{align-items:center;gap:1rem}.rules-list{min-height:400px}.rules-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}.rule-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1.5rem;position:relative;transition:all .2s ease}.rule-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.rule-card.inactive{background:var(--color-background);opacity:.7}.rule-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.rule-title{flex:1 1}.rule-icon-type{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.rule-icon{font-size:1.2rem}.rule-title h4{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:0}.rule-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.rule-severity{color:#fff}.rule-severity,.rule-status{border-radius:12px;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.rule-status.active{background:#22c55e1a;color:#16a34a}.rule-status.inactive{background:#ef44441a;color:#dc2626}.rule-category{background:#3b82f61a;border-radius:12px;color:#2563eb;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:capitalize}.rule-actions{display:flex;flex-wrap:wrap;gap:.5rem}.rule-content{margin-bottom:1rem}.rule-description{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 1rem}.rule-actions-list,.rule-conditions{margin-bottom:1rem}.rule-actions-list h5,.rule-conditions h5{color:var(--color-text-primary);font-size:.9rem;font-weight:600;margin:0 0 .5rem}.conditions-list{display:flex;flex-direction:column;gap:.5rem}.condition-item{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:.5rem}.condition-label{color:var(--color-text-secondary);font-size:.85rem;font-weight:500}.condition-value{color:var(--color-text-primary);font-size:.85rem;font-weight:600}.actions-list{display:flex;flex-wrap:wrap;gap:.5rem}.action-badge{background:#22c55e1a;border-radius:12px;color:#16a34a;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.rule-meta{align-items:center;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;padding-top:.75rem}.rule-meta-item{display:flex;flex-direction:column;gap:.25rem}.form-section{padding:1.5rem}.form-section h4{align-items:center;display:flex;gap:.5rem}.checkbox-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:768px){.moderation-rules{padding:1rem}.rules-header{align-items:stretch}.rules-filters,.rules-header{flex-direction:column;gap:1rem}.search-box{max-width:none}.rules-grid{grid-template-columns:1fr}.rule-header{align-items:stretch;flex-direction:column;gap:1rem}.rule-actions{justify-content:flex-start}.rule-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.modal-body,.modal-header{padding:1rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.checkbox-grid{grid-template-columns:1fr}}@media (max-width:480px){.rule-actions{flex-direction:column}.rule-actions .btn{justify-content:center;width:100%}}.moderation-actions{background:var(--color-background);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.5rem}.moderation-actions.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.action-skeleton{background:var(--color-surface);border-radius:var(--border-radius);margin-bottom:1rem;padding:1.5rem}.actions-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.actions-filters{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.actions-list{min-height:400px}.actions-table{background:var(--color-surface);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);overflow:hidden}.table-header,.table-row{grid-template-columns:1fr 1fr 1fr 2fr 1fr 1fr 1fr 1fr}.action-type{align-items:center;display:flex;gap:.5rem}.action-name{font-weight:500;text-transform:capitalize}.automated-badge{font-size:.8rem;opacity:.7}.target-info{display:flex;flex-direction:column;gap:.25rem}.target-type{color:var(--color-text-primary);font-weight:500;text-transform:capitalize}.target-id{color:var(--color-text-secondary);font-family:monospace;font-size:.8rem}.reason-info{display:flex;flex-direction:column;gap:.25rem}.reason-text{color:var(--color-text-primary);font-weight:500}.reason-details{color:var(--color-text-secondary);font-size:.8rem;line-height:1.3}.checkbox-group{display:flex;gap:1rem;margin:1rem 0}@media (max-width:768px){.moderation-actions{padding:1rem}.actions-header{align-items:stretch}.actions-filters,.actions-header{flex-direction:column;gap:1rem}.search-box{max-width:none}.filter-controls{flex-wrap:wrap}.table-header,.table-row{gap:.5rem;grid-template-columns:1fr 1fr}.table-cell:nth-child(n+3){display:none}.table-cell:nth-child(2){grid-column:1/-1;margin-top:.5rem}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.modal-body,.modal-header{padding:1rem}.form-row{grid-template-columns:1fr}.checkbox-group,.form-actions{flex-direction:column}.checkbox-group{gap:.5rem}}.security-alerts{background:var(--color-background);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.5rem}.security-alerts.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.alert-skeleton{background:var(--color-surface);border-radius:var(--border-radius);margin-bottom:1rem;padding:1.5rem}.alerts-header{align-items:flex-start;border-bottom:1px solid var(--color-border);justify-content:space-between;padding-bottom:1rem}.alerts-filters,.alerts-header{display:flex;margin-bottom:2rem}.alerts-filters{align-items:center;gap:1rem}.alerts-list{min-height:400px}.alerts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}.alert-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1.5rem;transition:all .2s ease}.alert-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.alert-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.alert-title{align-items:center;display:flex;gap:.5rem}.alert-icon{font-size:1.2rem}.alert-title h4{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:0}.alert-badges{display:flex;flex-wrap:wrap;gap:.5rem}.alert-content{margin-bottom:1rem}.alert-description{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 1rem}.alert-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.detail-label,.detail-value{font-size:.85rem}.alert-indicators{margin-bottom:1rem}.alert-indicators h5{color:var(--color-text-primary);font-size:.9rem;font-weight:600;margin:0 0 .5rem}.indicators-list{display:flex;flex-direction:column;gap:.5rem}.indicator-item{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:.5rem}.indicator-label{color:var(--color-text-secondary);font-size:.8rem;font-weight:500}.indicator-value{color:var(--color-text-primary);font-family:monospace;font-size:.8rem;font-weight:600}.alert-meta{align-items:center;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;padding-top:.75rem}.alert-actions{display:flex;flex-wrap:wrap;gap:.5rem}@media (max-width:768px){.security-alerts{padding:1rem}.alerts-header{align-items:stretch;flex-direction:column;gap:1rem}.header-stats{justify-content:space-around}.alerts-filters{flex-direction:column;gap:1rem}.search-box{max-width:none}.filter-controls{flex-wrap:wrap}.alerts-grid{grid-template-columns:1fr}.alert-header{align-items:stretch;flex-direction:column;gap:1rem}.alert-badges{justify-content:flex-start}.alert-meta{align-items:flex-start;gap:.5rem}.alert-actions,.alert-meta{flex-direction:column}.alert-actions .btn{justify-content:center;width:100%}}@media (max-width:480px){.alert-details,.indicators-list{gap:.25rem}.detail-item,.indicator-item{align-items:flex-start;flex-direction:column;gap:.25rem}}.user-reports{background:var(--color-background);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.5rem}.user-reports.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.report-skeleton{background:var(--color-surface);border-radius:var(--border-radius);margin-bottom:1rem;padding:1.5rem}.reports-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.reports-filters{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.reports-list{min-height:400px}.reports-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}.report-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1.5rem;transition:all .2s ease}.report-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.report-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.report-title{align-items:center;display:flex;gap:.5rem}.report-icon{font-size:1.2rem}.report-title h4{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:0;text-transform:capitalize}.report-badges{display:flex;flex-wrap:wrap;gap:.5rem}.report-content,.report-info{margin-bottom:1rem}.report-info{display:flex;flex-direction:column;gap:.5rem}.info-item{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:.5rem}.info-label{color:var(--color-text-secondary);font-size:.85rem;font-weight:500}.info-value{color:var(--color-text-primary);font-size:.85rem;font-weight:600}.report-description,.report-reason{margin-bottom:1rem}.report-description h5,.report-reason h5{color:var(--color-text-primary);font-size:.9rem;font-weight:600;margin:0 0 .5rem}.report-description p,.report-reason p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin:0}.report-evidence{margin-bottom:1rem}.report-evidence h5{color:var(--color-text-primary);font-size:.9rem;font-weight:600;margin:0 0 .5rem}.evidence-list{display:flex;flex-direction:column;gap:.5rem}.evidence-item{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:.5rem}.evidence-label{color:var(--color-text-secondary);font-size:.8rem;font-weight:500}.evidence-value{color:var(--color-text-primary);font-size:.8rem;font-weight:600}.report-meta{align-items:center;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;padding-top:.75rem}.report-actions{display:flex;flex-wrap:wrap;gap:.5rem}@media (max-width:768px){.user-reports{padding:1rem}.reports-header{align-items:stretch;flex-direction:column;gap:1rem}.header-stats{justify-content:space-around}.reports-filters{flex-direction:column;gap:1rem}.search-box{max-width:none}.filter-controls{flex-wrap:wrap}.reports-grid{grid-template-columns:1fr}.report-header{align-items:stretch;flex-direction:column;gap:1rem}.report-badges{justify-content:flex-start}.report-meta{align-items:flex-start;gap:.5rem}.report-actions,.report-meta{flex-direction:column}.report-actions .btn{justify-content:center;width:100%}}@media (max-width:480px){.evidence-list,.report-info{gap:.25rem}.evidence-item,.info-item{align-items:flex-start;flex-direction:column;gap:.25rem}}.moderation-queue{background:var(--color-background);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.5rem}.moderation-queue.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.queue-skeleton{background:var(--color-surface);border-radius:var(--border-radius);margin-bottom:1rem;padding:1.5rem}.queue-header{align-items:flex-start;border-bottom:1px solid var(--color-border);justify-content:space-between;padding-bottom:1rem}.queue-filters,.queue-header{display:flex;margin-bottom:2rem}.queue-filters{align-items:center;gap:1rem}.queue-list{min-height:400px}.queue-table{background:var(--color-surface);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);overflow:hidden}.table-header,.table-row{grid-template-columns:1fr 1.5fr 1fr 1fr 1fr 1fr 1fr 1fr}.type-info{align-items:center;display:flex;gap:.5rem}.type-icon{font-size:1.1rem}.type-text{font-weight:500;text-transform:capitalize}.item-info{align-items:center;display:flex;gap:.5rem}.item-icon{font-size:1rem}.item-type{font-weight:500;text-transform:capitalize}.item-id{color:var(--color-text-secondary);font-family:monospace;font-size:.8rem}.priority-badge,.status-badge{border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.assigned-to{color:var(--color-text-primary);font-weight:500}.time-info{display:flex;flex-direction:column;gap:.25rem}.actual-time,.estimated-time{color:var(--color-text-secondary);font-size:.8rem}.actual-time{color:var(--color-text-primary);font-weight:500}@media (max-width:1200px){.table-header,.table-row{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}@media (max-width:768px){.moderation-queue{padding:1rem}.queue-header{align-items:stretch;flex-direction:column;gap:1rem}.header-stats{justify-content:space-around}.queue-filters{flex-direction:column;gap:1rem}.search-box{max-width:none}.filter-controls{flex-wrap:wrap}.table-header,.table-row{gap:.5rem;grid-template-columns:1fr 1fr}.table-cell:nth-child(n+3){display:none}.table-cell:nth-child(2){grid-column:1/-1;margin-top:.5rem}}.moderation-analytics{background:var(--color-background);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.5rem}.moderation-analytics.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.moderators-section,.response-time-section,.violations-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:2rem;padding:1.5rem}.moderators-section h4,.response-time-section h4,.violations-section h4{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 1.5rem}.moderators-list,.violations-list{display:flex;flex-direction:column;gap:.75rem}.moderator-item,.violation-item{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.moderator-item:hover,.violation-item:hover{box-shadow:var(--shadow-sm)}.moderator-info{display:flex;flex-direction:column;gap:.25rem}.moderator-name{color:var(--color-text-primary);font-weight:500}.moderator-id{color:var(--color-text-secondary);font-family:monospace;font-size:.8rem}.moderator-stats{align-items:center;display:flex;gap:1rem}.stat-item{text-align:center}.stat-label{font-weight:500}.stat-value{font-size:.9rem}.violation-info{display:flex;flex-direction:column;gap:.25rem}.violation-type{color:var(--color-text-primary);font-weight:500;text-transform:capitalize}.violation-count{color:var(--color-text-secondary);font-size:.8rem}.violation-trend{align-items:center;display:flex;gap:.5rem}.trend-icon{font-size:1rem}.trend-text{font-size:.8rem;font-weight:500}.trend-text.up{color:#dc2626}.trend-text.down{color:#16a34a}.trend-text.stable{color:var(--color-text-secondary)}.response-time-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.response-time-item{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1rem;text-align:center}.response-time-label{color:var(--color-text-secondary);font-size:.8rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.response-time-value{color:var(--color-text-primary);font-size:1.25rem;font-weight:600}@media (max-width:768px){.moderation-analytics{padding:1rem}.overview-cards{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.overview-card{padding:1rem}.card-icon{font-size:1.5rem}.card-value{font-size:1.25rem}.charts-section{gap:1rem;grid-template-columns:1fr}.chart-container{padding:1rem}.moderator-item,.violation-item{align-items:flex-start;flex-direction:column;gap:.5rem}.moderator-stats{align-self:flex-end}.response-time-grid{grid-template-columns:1fr}}.security-settings{background:var(--color-background);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.5rem}.security-settings.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.settings-skeleton{background:var(--color-surface);border-radius:var(--border-radius);margin-bottom:1rem;padding:1.5rem}.settings-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.settings-list{min-height:400px}.settings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}.setting-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1.5rem;transition:all .2s ease}.setting-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.setting-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.setting-title{align-items:center;display:flex;gap:.5rem}.setting-icon{font-size:1.2rem}.setting-title h4{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:0}.setting-status{border-radius:12px;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.setting-status.active{background:#22c55e1a;color:#16a34a}.setting-status.inactive{background:#ef44441a;color:#dc2626}.setting-category,.setting-content{margin-bottom:1rem}.setting-category{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:.5rem}.category-label{color:var(--color-text-secondary);font-size:.85rem;font-weight:500}.category-value{font-size:.85rem}.category-value,.setting-details h5{color:var(--color-text-primary);font-weight:600}.setting-details h5{font-size:.9rem;margin:0 0 .5rem}.details-list{display:flex;flex-direction:column;gap:.5rem}.detail-item{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);justify-content:space-between;padding:.5rem}.detail-value{font-size:.8rem;font-weight:600}.detail-value.enabled{color:#16a34a}.detail-value.disabled{color:#dc2626}.setting-meta{align-items:center;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;padding-top:.75rem}.meta-item{display:flex;flex-direction:column;gap:.25rem}.meta-label{color:var(--color-text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.meta-value{color:var(--color-text-primary);font-size:.8rem;font-weight:500}.setting-actions{display:flex;flex-wrap:wrap;gap:.5rem}.form-section{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:2rem;padding:1rem}.form-section h4{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem}@media (max-width:768px){.security-settings{padding:1rem}.settings-header{align-items:stretch;flex-direction:column;gap:1rem}.settings-grid{grid-template-columns:1fr}.setting-actions{flex-direction:column}.setting-actions .btn{justify-content:center;width:100%}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.modal-body,.modal-header{padding:1rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}}@media (max-width:480px){.detail-item,.setting-category{align-items:flex-start;flex-direction:column;gap:.25rem}.setting-meta{align-items:flex-start;flex-direction:column;gap:.5rem}}.moderation-page{background:var(--color-background);min-height:100vh;padding:1.5rem}.moderation-tabs{background:var(--color-surface);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto;padding:.5rem}@media (max-width:768px){.moderation-page{padding:1rem}.moderation-tabs{flex-direction:column;gap:.25rem}.tab-button{justify-content:center;padding:1rem}}@media (max-width:480px){.moderation-tabs{padding:.25rem}.tab-button{font-size:.85rem;padding:.75rem}}.audit-logs{background:var(--color-background);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.5rem}.audit-logs.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.action-info{display:flex;flex-direction:column;gap:.25rem}.action-icon{font-size:1.1rem;margin-right:.5rem}.action-text{font-weight:500;text-transform:capitalize}.target-type{font-size:.8rem}.target-type,.user-role{background:var(--color-background);border-radius:4px;color:var(--color-text-secondary);display:inline-block;padding:.25rem .5rem;width:-webkit-fit-content;width:fit-content}.user-role{font-size:.75rem}.category-info{align-items:center;display:flex;gap:.5rem}.category-icon{font-size:1.1rem}.category-text{font-weight:500;text-transform:capitalize}.description-info{display:flex;flex-direction:column;gap:.25rem}.target-name{color:var(--color-text-secondary);font-size:.8rem;font-style:italic}.modal-content{max-width:800px}.log-details{display:flex;flex-direction:column;gap:2rem}.detail-section{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1rem}.detail-section h4{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem}.detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{color:var(--color-text-secondary);font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:var(--color-text-primary);font-size:.9rem;font-weight:500;word-break:break-all}.description-text{font-size:.9rem;line-height:1.5;margin:0}.changes-list{display:flex;flex-direction:column;gap:1rem}.change-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1rem}.change-field{color:var(--color-text-primary);font-weight:600;margin-bottom:.5rem;text-transform:capitalize}.change-values{display:flex;flex-direction:column;gap:.5rem}.change-new,.change-old{display:flex;flex-direction:column;gap:.25rem}.change-label{color:var(--color-text-secondary);font-size:.8rem;font-weight:500}.change-value{background:var(--color-background);border-radius:4px;color:var(--color-text-primary);font-family:monospace;font-size:.85rem;padding:.5rem;word-break:break-all}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:var(--color-primary);border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem}@media (max-width:768px){.audit-logs{padding:1rem}.logs-header{align-items:stretch;flex-direction:column;gap:1rem}.header-stats{justify-content:space-around}.logs-filters{flex-direction:column;gap:1rem}.search-box{max-width:none}.filter-controls{flex-wrap:wrap}.table-header,.table-row{gap:.5rem;grid-template-columns:1fr 1fr}.table-cell:nth-child(n+3){display:none}.table-cell:nth-child(2){grid-column:1/-1;margin-top:.5rem}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.modal-body,.modal-header{padding:1rem}.detail-grid{grid-template-columns:1fr}}.system-logs{background:var(--color-background);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.5rem}.system-logs.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.table-header,.table-row{grid-template-columns:1fr 1.5fr 2fr 1.5fr 1fr}.level-info{align-items:center;display:flex;gap:.5rem}.level-icon{font-size:1.1rem}.level-badge{border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.component-text,.message-text{color:var(--color-text-primary);font-weight:500}.message-text{line-height:1.3}.details-text{background:var(--color-background);border-radius:4px;font-family:monospace;font-size:.8rem;padding:.25rem .5rem;word-break:break-all}.details-text,.no-details{color:var(--color-text-secondary)}.no-details{font-style:italic}@media (max-width:768px){.system-logs{padding:1rem}.logs-header{align-items:stretch;flex-direction:column;gap:1rem}.header-stats{justify-content:space-around}.logs-filters{flex-direction:column;gap:1rem}.search-box{max-width:none}.filter-controls{flex-wrap:wrap}.table-header,.table-row{gap:.5rem;grid-template-columns:1fr 1fr}.table-cell:nth-child(n+3){display:none}.table-cell:nth-child(2){grid-column:1/-1;margin-top:.5rem}}.security-logs{background:var(--color-background);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.5rem}.security-logs.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.table-header,.table-row{grid-template-columns:1.5fr 1.5fr 1fr 2fr 1fr 1fr 1fr 1fr}.event-info{align-items:center;display:flex;gap:.5rem}.event-icon{font-size:1.1rem}.event-text{font-weight:500;text-transform:capitalize}.user-email{font-size:.8rem}.no-user,.user-email{color:var(--color-text-secondary)}.no-user{font-style:italic}.description-text{color:var(--color-text-primary);font-weight:500;line-height:1.3}.severity-badge,.status-badge{border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.25rem .5rem;text-align:center;text-transform:uppercase}.risk-info{align-items:center;display:flex;flex-direction:column;gap:.25rem}.risk-score{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.risk-bar{background:var(--color-background);border-radius:2px;height:4px;overflow:hidden;width:100%}.risk-fill{border-radius:2px;height:100%;transition:width .3s ease}@media (max-width:1200px){.table-header,.table-row{grid-template-columns:1fr 1fr 1fr 1.5fr 1fr 1fr 1fr 1fr}}@media (max-width:968px){.table-header,.table-row{gap:.5rem;grid-template-columns:1fr 1fr 1fr 1fr}.table-cell:nth-child(n+5){display:none}.table-cell:nth-child(4){grid-column:1/-1;margin-top:.5rem}}@media (max-width:768px){.security-logs{padding:1rem}.logs-header{align-items:stretch;flex-direction:column;gap:1rem}.header-stats{justify-content:space-around}.logs-filters{flex-direction:column;gap:1rem}.search-box{max-width:none}.filter-controls{flex-wrap:wrap}.table-header,.table-row{gap:.5rem;grid-template-columns:1fr 1fr}.table-cell:nth-child(n+3){display:none}.table-cell:nth-child(2){grid-column:1/-1;margin-top:.5rem}}.performance-logs{background:var(--color-background);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.5rem}.performance-logs.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.endpoint-text{font-family:monospace;word-break:break-all}.endpoint-text,.method-badge{color:var(--color-text-primary);font-weight:500}.method-badge{background:var(--color-background);border:1px solid var(--color-border);border-radius:4px;font-size:.75rem;padding:.25rem .5rem;text-transform:uppercase}.status-badge{text-align:center}.response-time{font-family:monospace;font-weight:600}.size-info{display:flex;flex-direction:column;gap:.25rem}.request-size,.response-size{color:var(--color-text-secondary);font-family:monospace;font-size:.8rem}.ip-text{color:var(--color-text-primary);font-family:monospace;font-weight:500}@media (max-width:768px){.performance-logs{padding:1rem}.logs-header{align-items:stretch;flex-direction:column;gap:1rem}.header-stats{justify-content:space-around}.logs-filters{flex-direction:column;gap:1rem}.search-box{max-width:none}.filter-controls{flex-wrap:wrap}.table-header,.table-row{gap:.5rem;grid-template-columns:1fr 1fr}.table-cell:nth-child(n+3){display:none}.table-cell:nth-child(2){grid-column:1/-1;margin-top:.5rem}}.data-change-logs{background:var(--color-background);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.5rem}.data-change-logs.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.log-skeleton{background:var(--color-surface);border-radius:var(--border-radius);margin-bottom:1rem;padding:1.5rem}.logs-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.header-stats{display:flex;gap:2rem}.stat-item{align-items:center;display:flex;flex-direction:column;gap:.25rem}.stat-value{color:var(--color-text-primary);font-size:1.5rem;font-weight:600}.stat-label{color:var(--color-text-secondary);font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.logs-filters{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.search-box{flex:1 1;max-width:400px;position:relative}.search-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary);font-size:.95rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .2s ease;width:100%}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.search-icon{color:var(--color-text-secondary);font-size:1rem;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.filter-controls{align-items:center;display:flex;gap:.75rem}.filter-select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary);cursor:pointer;font-size:.95rem;padding:.75rem 1rem;transition:all .2s ease}.filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.logs-list{min-height:400px}.empty-state p{margin:0}.logs-table{background:var(--color-surface);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);overflow:hidden}.table-header,.table-row{grid-template-columns:1.5fr 1.5fr 1fr 1.5fr 1fr 1fr}.operation-info{align-items:center;display:flex;gap:.5rem}.operation-icon{font-size:1.1rem}.operation-badge{border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.record-id,.table-text{color:var(--color-text-primary);font-family:monospace;font-weight:500}.record-id{word-break:break-all}.changes-count{background:var(--color-background);border-radius:4px;color:var(--color-text-secondary);display:inline-block;font-size:.8rem;padding:.25rem .5rem}@media (max-width:768px){.data-change-logs{padding:1rem}.logs-header{align-items:stretch;flex-direction:column;gap:1rem}.header-stats{justify-content:space-around}.logs-filters{flex-direction:column;gap:1rem}.search-box{max-width:none}.filter-controls{flex-wrap:wrap}.table-header,.table-row{gap:.5rem;grid-template-columns:1fr 1fr}.table-cell:nth-child(n+3){display:none}.table-cell:nth-child(2){grid-column:1/-1;margin-top:.5rem}}.log-analytics{background:var(--color-background);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.5rem}.log-analytics.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.analytics-skeleton{background:var(--color-surface);border-radius:var(--border-radius);margin-bottom:1rem;padding:1.5rem}.analytics-header{border-bottom:1px solid var(--color-border);margin-bottom:2rem;padding-bottom:1rem}.overview-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.overview-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;gap:1rem;padding:1.5rem;transition:all .2s ease}.overview-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-icon{font-size:2rem;opacity:.8}.card-content{flex:1 1}.card-value{color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.card-label{color:var(--color-text-secondary);font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.charts-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.chart-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1.5rem}.chart-container h4{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.chart-content{display:flex;flex-direction:column;gap:1rem}.chart-item{align-items:center;display:flex;gap:1rem}.chart-label{color:var(--color-text-primary);font-size:.9rem;font-weight:500;min-width:80px}.chart-bar{background:var(--color-background);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.chart-fill{background:var(--color-primary);border-radius:4px;height:100%;transition:width .3s ease}.chart-value{color:var(--color-text-secondary);font-size:.9rem;font-weight:500;min-width:40px;text-align:right}.performance-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:2rem;padding:1.5rem}.performance-section h4{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 1.5rem}.performance-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.performance-item{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1rem;text-align:center}.performance-label{color:var(--color-text-secondary);font-size:.8rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.performance-value{color:var(--color-text-primary);font-size:1.25rem;font-weight:600}.slowest-endpoints{margin-top:1.5rem}.slowest-endpoints h5{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem}.endpoints-list{display:flex;flex-direction:column;gap:.5rem}.endpoint-item{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:.75rem}.endpoint-name{color:var(--color-text-primary);font-family:monospace;font-size:.9rem;font-weight:500}.endpoint-stats{align-items:center;display:flex;gap:1rem}.endpoint-time{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.endpoint-count{color:var(--color-text-secondary);font-size:.8rem}.top-errors-section,.top-users-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:2rem;padding:1.5rem}.top-errors-section h4,.top-users-section h4{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 1.5rem}.errors-list,.users-list{display:flex;flex-direction:column;gap:.75rem}.error-item,.user-item{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.error-item:hover,.user-item:hover{box-shadow:var(--shadow-sm)}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-name{color:var(--color-text-primary);font-weight:500}.user-id{color:var(--color-text-secondary);font-family:monospace;font-size:.8rem}.user-stats{align-items:center;display:flex;gap:1rem}.user-actions,.user-errors{color:var(--color-text-secondary);font-size:.8rem}.error-message{color:var(--color-text-primary);font-family:monospace;font-size:.9rem;font-weight:500;word-break:break-all}.error-stats{align-items:center;display:flex;gap:1rem}.error-count{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.error-frequency{color:var(--color-text-secondary);font-size:.8rem}@media (max-width:768px){.log-analytics{padding:1rem}.overview-cards{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.overview-card{padding:1rem}.card-icon{font-size:1.5rem}.card-value{font-size:1.25rem}.charts-section{gap:1rem;grid-template-columns:1fr}.chart-container{padding:1rem}.performance-grid{grid-template-columns:1fr}.endpoint-item,.error-item,.user-item{align-items:flex-start;flex-direction:column;gap:.5rem}.endpoint-stats,.error-stats,.user-stats{align-self:flex-end}}@media (max-width:480px){.overview-cards{grid-template-columns:1fr}.overview-card{flex-direction:column;text-align:center}.chart-item{align-items:flex-start;flex-direction:column;gap:.5rem}.chart-bar{width:100%}.chart-value{align-self:flex-end}}.log-export{background:var(--color-background);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.5rem}.log-export.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.export-skeleton{background:var(--color-surface);border-radius:var(--border-radius);margin-bottom:1rem;padding:1.5rem}.export-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.exports-list{min-height:400px}.exports-table{background:var(--color-surface);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);overflow:hidden}.table-header{background:var(--color-background);color:var(--color-text-primary);font-size:.9rem;font-weight:600}.table-header,.table-row{grid-gap:1rem;border-bottom:1px solid var(--color-border);display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr;padding:1rem}.table-row{transition:background-color .2s ease}.table-row:hover{background:var(--color-background)}.table-row:last-child{border-bottom:none}.table-cell{align-items:center;color:var(--color-text-primary);display:flex;font-size:.9rem}.export-info{display:flex;flex-direction:column;gap:.25rem}.export-name{color:var(--color-text-primary);font-weight:500}.export-description{color:var(--color-text-secondary);font-size:.8rem;line-height:1.3}.format-badge{background:var(--color-background);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.status-info{align-items:center;display:flex;gap:.5rem}.status-icon{font-size:1rem}.status-badge{border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.record-count{color:var(--color-text-primary);font-family:monospace;font-weight:500}.file-size{color:var(--color-text-secondary);font-family:monospace;font-size:.8rem}.date-info{display:flex;flex-direction:column;gap:.25rem}.date-text{color:var(--color-text-primary);font-weight:500}.time-text{color:var(--color-text-secondary);font-size:.8rem}.row-actions{align-items:center;display:flex;gap:.5rem}.modal-content{max-width:600px}.form-group input,.form-group select,.form-group textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary);font-size:.9rem;padding:.75rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{min-height:80px;resize:vertical}@media (max-width:968px){.table-header,.table-row{gap:.5rem;grid-template-columns:1fr 1fr 1fr}.table-cell:nth-child(n+4){display:none}.table-cell:nth-child(3){grid-column:1/-1;margin-top:.5rem}}@media (max-width:768px){.log-export{padding:1rem}.export-header{align-items:stretch;flex-direction:column;gap:1rem}.table-header,.table-row{gap:.5rem;grid-template-columns:1fr 1fr}.table-cell:nth-child(n+3){display:none}.table-cell:nth-child(2){grid-column:1/-1;margin-top:.5rem}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.modal-body,.modal-header{padding:1rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}}@media (max-width:480px){.table-header,.table-row{grid-template-columns:1fr}.table-cell:nth-child(n+2){display:none}.table-cell:first-child{grid-column:1/-1}}.log-retention{background:var(--color-background);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.5rem}.log-retention.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.loading-skeleton{max-width:600px;width:100%}.retention-skeleton{background:var(--color-surface);border-radius:var(--border-radius);margin-bottom:1rem;padding:1.5rem}.skeleton-header{height:24px;margin-bottom:1rem}.skeleton-content,.skeleton-header{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px}.skeleton-content{height:16px;width:80%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.retention-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.header-info h3{color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.header-info p{color:var(--color-text-secondary);font-size:.95rem;margin:0}.retention-list{min-height:400px}.empty-state{color:var(--color-text-secondary);padding:3rem 2rem;text-align:center}.empty-icon{display:block;font-size:3rem;margin-bottom:1rem}.empty-state h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.empty-state p{font-size:.95rem;line-height:1.5;margin:0 0 2rem}.retention-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.retention-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1.5rem;transition:all .2s ease}.retention-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{justify-content:space-between;margin-bottom:1rem}.card-header,.card-title{align-items:center;display:flex}.card-title{gap:.5rem}.card-icon{font-size:1.2rem}.card-title h4{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:0}.card-status{border-radius:12px;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.card-status.active{background:#22c55e1a;color:#16a34a}.card-status.inactive{background:#ef44441a;color:#dc2626}.card-content{margin-bottom:1.5rem}.policy-settings{margin-bottom:1rem}.setting-item{align-items:center;border-bottom:1px solid var(--color-background);display:flex;justify-content:space-between;padding:.5rem 0}.setting-item:last-child{border-bottom:none}.setting-label{color:var(--color-text-secondary);font-size:.9rem;font-weight:500}.setting-value{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.policy-schedule{background:var(--color-background);border-radius:var(--border-radius);padding:1rem}.schedule-item{align-items:center;display:flex;justify-content:space-between;padding:.25rem 0}.schedule-label{color:var(--color-text-secondary);font-size:.8rem;font-weight:500}.schedule-value{color:var(--color-text-primary);font-size:.8rem;font-weight:600}.card-actions{display:flex;flex-wrap:wrap;gap:.5rem}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--color-surface);border-radius:var(--border-radius);box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;padding:.25rem;transition:all .2s ease}.modal-close:hover{background:var(--color-background);color:var(--color-text-primary)}.modal-body{padding:1.5rem}.form-group{margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.9rem;margin-bottom:.5rem}.form-group input,.form-group select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary);font-size:.9rem;padding:.75rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.checkbox-label{align-items:center;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}.checkbox-label input[type=checkbox]{margin:0;width:auto}.form-actions{border-top:1px solid var(--color-border);display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}@media (max-width:768px){.log-retention{padding:1rem}.retention-header{align-items:stretch;flex-direction:column;gap:1rem}.retention-grid{grid-template-columns:1fr}.card-actions{flex-direction:column}.card-actions .btn{justify-content:center;width:100%}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.modal-body,.modal-header{padding:1rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}}@media (max-width:480px){.card-header{gap:.5rem}.card-header,.schedule-item,.setting-item{align-items:flex-start;flex-direction:column}.schedule-item,.setting-item{gap:.25rem}}.logs-page{background:var(--color-background);min-height:100vh;padding:1.5rem}.logs-tabs{background:var(--color-surface);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto;padding:.5rem}.tab-button{align-items:center;background:#0000;border:none;border-radius:var(--border-radius);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.tab-button:hover{background:var(--color-background);color:var(--color-text-primary)}.tab-button.active{background:var(--color-primary);box-shadow:var(--shadow-sm);color:#fff}.tab-button.active:hover{background:var(--color-primary-dark)}@media (max-width:768px){.logs-page{padding:1rem}.logs-tabs{flex-direction:column;gap:.25rem}.tab-button{justify-content:center;padding:1rem}}@media (max-width:480px){.logs-tabs{padding:.25rem}.tab-button{font-size:.85rem;padding:.75rem}}.layout{background-color:var(--color-background);position:relative}.layout,.layout-main{display:flex;min-height:100vh}.layout-main{flex:1 1;flex-direction:column;margin-left:280px;transition:margin-left var(--transition-normal)}.layout-main.sidebar-collapsed{margin-left:80px}.layout-content{flex:1 1;min-height:calc(100vh - 70px);overflow-y:auto;padding:var(--spacing-xl);position:relative}@media (max-width:1024px){.layout-main{margin-left:0}.layout-content{padding:var(--spacing-lg)}}@media (max-width:768px){.layout-content{min-height:calc(100vh - 60px);padding:var(--spacing-md)}}@media (max-width:480px){.layout-content{padding:var(--spacing-sm)}}.mobile-overlay{background-color:var(--color-overlay);bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity var(--transition-normal);z-index:var(--z-modal-backdrop)}.mobile-overlay.active{opacity:1}@media (max-width:1023px){.mobile-overlay{display:block}}@media (max-width:1200px){.layout-content{padding:var(--spacing-lg)}}@media (max-width:992px){.layout-content{padding:var(--spacing-md)}}@media (min-width:1920px){.layout-content{margin:0 auto;max-width:1600px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.layout{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.login-page{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-lg)}.login-container{max-width:400px;width:100%}.login-card{animation:slideIn var(--transition-normal);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--spacing-3xl)}.login-header{margin-bottom:var(--spacing-2xl);text-align:center}.login-logo{align-items:center;color:var(--color-primary);display:flex;font-size:1.5rem;font-weight:700;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-lg)}.login-header h1{color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-sm)}.login-header p{color:var(--color-text-secondary);margin:0}.login-form{gap:var(--spacing-lg)}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:var(--spacing-sm)}.form-group label{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.form-group input{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:1rem;padding:var(--spacing-md);transition:all var(--transition-fast)}.form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed}.password-input{position:relative}.password-input input{padding-right:50px}.password-toggle{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-gray-400);cursor:pointer;padding:var(--spacing-sm);position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);transition:all var(--transition-fast)}.password-toggle:hover{background:var(--color-gray-100);color:var(--color-gray-600)}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.error-message{animation:slideIn var(--transition-fast);background:var(--color-error);border-radius:var(--radius-md);font-size:.875rem;text-align:center}.error-message,.login-button{color:var(--color-white);padding:var(--spacing-md)}.login-button{background:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;position:relative;transition:all var(--transition-fast)}.login-button:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.login-button:disabled{background:var(--color-gray-400);box-shadow:none;cursor:not-allowed;transform:none}.login-button.loading{color:#0000}.login-button.loading:after{animation:spin 1s linear infinite;border:2px solid var(--color-white);border-radius:var(--radius-full);border-top:2px solid #0000;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.login-footer{border-top:1px solid var(--color-gray-200);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);text-align:center}.login-footer p{color:var(--color-text-tertiary);font-size:.875rem;margin:0}@media (max-width:480px){.login-page{padding:var(--spacing-md)}.login-card{padding:var(--spacing-xl)}.login-logo{font-size:1.25rem}.logo-icon{font-size:1.5rem}.login-header h1{font-size:1.25rem}}.loading-screen{align-items:center;background:var(--color-background);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-modal)}.loading-container{animation:fadeIn var(--transition-normal);text-align:center}.loading-logo{align-items:center;color:var(--color-primary);display:flex;font-size:1.5rem;font-weight:700;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-2xl)}.logo-icon{animation:pulse 2s infinite;font-size:2rem}.logo-text{white-space:nowrap}.loading-spinner{margin-bottom:var(--spacing-xl)}.spinner{animation:spin 1s linear infinite;border-top:4px solid var(--color-gray-200);border:4px solid var(--color-gray-200);border-radius:var(--radius-full);border-top-color:var(--color-primary);height:40px;margin:0 auto;width:40px}.loading-text{color:var(--color-text-secondary);font-size:1rem;font-weight:500}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--color-background);color:#1f2937;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}#root{display:flex;flex-direction:column;min-height:100vh}:root{--color-primary:#667eea;--color-primary-dark:#5a67d8;--color-primary-light:#a5b4fc;--color-secondary:#764ba2;--color-accent:#f093fb;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-white:#fff;--color-black:#000;--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:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-background:#f8fafc;--color-surface:#fff;--color-surface-secondary:#f1f5f9;--color-overlay:#00000080;--color-text-primary:#1f2937;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-text-inverse:#fff;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--spacing-4xl:4rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}h1,h2,h3,h4,h5,h6{color:#1f2937;color:var(--color-text-primary);font-weight:600;line-height:1.25}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{color:#6b7280;color:var(--color-text-secondary);margin-bottom:1rem;margin-bottom:var(--spacing-lg)}a{color:#667eea;color:var(--color-primary);text-decoration:none;transition:color .15s ease-in-out;transition:color var(--transition-fast)}a:hover{color:#5a67d8;color:var(--color-primary-dark)}button{background:none;border:none;cursor:pointer;transition:all .15s ease-in-out;transition:all var(--transition-fast)}button,input,select,textarea{font-family:inherit;font-size:inherit}input,select,textarea{border:1px solid #d1d5db;border:1px solid var(--color-gray-300);border-radius:.5rem;border-radius:var(--radius-md);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .15s ease-in-out;transition:border-color var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:#667eea;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--color-gray-300);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--color-gray-400)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:768px){html{font-size:14px}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .25s ease-in-out;animation:fadeIn var(--transition-normal)}.animate-slide-in{animation:slideIn .25s ease-in-out;animation:slideIn var(--transition-normal)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}
/*# sourceMappingURL=main.88db3334.css.map*/