*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f7fa}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);padding:24px}.login-container{background:#fff;border-radius:24px;padding:48px;width:100%;max-width:420px;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:32px}.login-logo{width:80px;height:80px;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 16px #0ea5e94d}.login-logo img{height:48px;filter:brightness(0) invert(1)}.login-header h1{font-size:1.75rem;font-weight:700;color:#0f172a;margin:0 0 8px}.login-header p{color:#64748b;margin:0;font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:20px}.login-error{background:#fef2f2;color:#991b1b;border:1px solid #fee2e2;padding:12px 16px;border-radius:12px;font-size:.9rem;display:flex;align-items:center;gap:8px}.login-error:before{content:"⚠️"}.login-btn{width:100%;padding:14px;font-size:1rem;font-weight:600;border-radius:12px;margin-top:8px}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.frontend-link{color:#64748b;text-decoration:none;font-size:.9rem;transition:color .2s}.frontend-link:hover{color:#0ea5e9}@media(max-width:480px){.login-container{padding:32px 24px}.login-header h1{font-size:1.5rem}}:root{--primary-color: #0f172a;--primary-light: #1e293b;--accent-color: #0ea5e9;--accent-light: #e0f2fe;--bg-color: #f8fafc;--sidebar-bg: #ffffff;--text-color: #0f172a;--text-muted: #64748b;--border-color: #e2e8f0;--success-color: #22c55e;--warning-color: #f59e0b;--danger-color: #ef4444}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-color)}.admin-layout{display:flex;height:100vh;overflow:hidden}.admin-sidebar{width:280px;min-width:280px;max-width:280px;background:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;overflow:hidden;position:fixed;top:0;left:0;bottom:0;z-index:1000;transition:transform .3s ease}.sidebar-inner{display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--border-color);flex-shrink:0}.brand-logo{width:44px;height:44px;object-fit:contain}.brand-info{display:flex;flex-direction:column}.brand-name{font-size:1.1rem;font-weight:700;color:var(--primary-color)}.brand-tag{font-size:.7rem;color:var(--accent-color);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.sidebar-nav{flex:1;overflow-y:auto;padding:16px 12px}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.nav-section{margin-bottom:20px}.nav-section-title{display:block;font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:0 12px;margin-bottom:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;color:var(--text-muted);text-decoration:none;border-radius:10px;transition:all .2s ease;font-weight:500;font-size:.9rem;margin-bottom:2px}.nav-item:hover{background:#f1f5f9;color:var(--accent-color);transform:translate(4px)}.nav-item.active{background:linear-gradient(135deg,var(--accent-light) 0%,#bae6fd 100%);color:#0284c7;font-weight:600}.nav-icon{font-size:1.1rem;width:24px;text-align:center;flex-shrink:0}.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:16px;border-top:1px solid var(--border-color);background:#f9fafb;flex-shrink:0}.user-profile{display:flex;align-items:center;gap:12px;margin-bottom:12px}.user-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.user-info{flex:1;min-width:0}.user-name{display:block;font-weight:600;color:var(--text-color);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{display:block;font-size:.75rem;color:var(--text-muted)}.btn-logout{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:transparent;border:1px solid #fee2e2;border-radius:10px;color:var(--danger-color);font-weight:500;cursor:pointer;transition:all .2s;font-size:.9rem}.btn-logout:hover{background:#fee2e2}.admin-main{flex:1;margin-left:280px;height:100vh;overflow:hidden;background:var(--bg-color)}.main-scroll{height:100%;overflow-y:auto;padding:24px 32px}.main-scroll::-webkit-scrollbar{width:8px}.main-scroll::-webkit-scrollbar-track{background:#f1f5f9}.main-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.main-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.mobile-header{display:none;padding:16px;background:#fff;border-bottom:1px solid var(--border-color);align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:900;height:64px}.mobile-brand{display:flex;align-items:center;gap:12px}.mobile-logo{height:36px;object-fit:contain}.mobile-title{font-weight:700;color:var(--primary-color);font-size:1rem}.menu-toggle{background:#f1f5f9;border:none;font-size:1.25rem;cursor:pointer;color:var(--text-color);width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:background .2s}.menu-toggle:hover{background:#e2e8f0}.overlay{position:fixed;inset:0;background:#0f172ab3;z-index:999}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.page-header h1{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0}.page-actions{display:flex;gap:12px;flex-wrap:wrap}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.stat-card{background:#fff;padding:20px;border-radius:16px;display:flex;align-items:flex-start;gap:16px;box-shadow:0 1px 3px #0000000a;border:1px solid var(--border-color);transition:all .2s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000014}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.stat-icon.blue{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0284c7}.stat-icon.green{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a}.stat-icon.purple{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#9333ea}.stat-icon.orange{background:linear-gradient(135deg,#ffedd5,#fed7aa);color:#ea580c}.stat-icon.pink{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#db2777}.stat-icon.indigo{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4f46e5}.stat-content{flex:1;min-width:0}.stat-content h3{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0 0 4px}.stat-content p{font-size:.8rem;color:var(--text-muted);margin:0}.stat-trend{display:flex;align-items:center;gap:4px;font-size:.75rem;margin-top:8px}.stat-trend.up{color:var(--success-color)}.stat-trend.down{color:var(--danger-color)}.content-card{background:#fff;border-radius:16px;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000a;margin-bottom:24px;overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.card-header h2{font-size:1.1rem;font-weight:600;color:var(--text-color);margin:0}.card-body{padding:24px;overflow-x:auto}.card-body.no-padding{padding:0}.data-table{width:100%;border-collapse:collapse}.data-table th{background:#f8fafc;padding:12px 16px;text-align:left;color:var(--text-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.data-table td{padding:14px 16px;border-bottom:1px solid #f1f5f9;color:var(--text-color);font-size:.9rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#f8fafc}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:10px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;border:none}.btn-primary{background:linear-gradient(135deg,var(--accent-color) 0%,#0284c7 100%);color:#fff;box-shadow:0 2px 8px #0ea5e94d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e966}.btn-secondary{background:#f1f5f9;color:var(--text-muted)}.btn-secondary:hover{background:#e2e8f0;color:var(--text-color)}.btn-outline{background:#fff;color:var(--text-muted);border:1px solid var(--border-color)}.btn-outline:hover{border-color:var(--accent-color);color:var(--accent-color)}.btn-danger{background:#fee2e2;color:var(--danger-color)}.btn-danger:hover{background:#fecaca}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-icon{width:32px;height:32px;padding:0;border-radius:8px}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-info{background:#e0f2fe;color:#075985}.badge-secondary{background:#f1f5f9;color:#475569}.search-box{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid var(--border-color);border-radius:10px;padding:8px 14px;transition:all .2s}.search-box:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 3px #0ea5e91a}.search-box input{border:none;background:transparent;outline:none;font-size:.9rem;width:200px;color:var(--text-color)}.search-box input::placeholder{color:var(--text-muted)}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.85rem;font-weight:500;color:var(--text-muted);margin-bottom:6px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:10px;font-size:.9rem;color:var(--text-color);transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #0ea5e91a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-overlay{position:fixed;inset:0;background:#0f172abf;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a;animation:modalSlide .3s ease-out;display:flex;flex-direction:column}.modal-content>form{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}.modal-lg{max-width:700px}.modal-xl{max-width:900px}@keyframes modalSlide{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-header h2{font-size:1.1rem;font-weight:600;margin:0}.modal-close{background:#f1f5f9;border:none;width:32px;height:32px;border-radius:8px;font-size:1.1rem;cursor:pointer;color:var(--text-muted);transition:all .2s}.modal-close:hover{background:#e2e8f0;color:var(--text-color)}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px}.empty-state{text-align:center;padding:48px 24px;color:var(--text-muted)}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state h3{margin:0 0 8px;color:var(--text-color)}.empty-state p{margin:0;font-size:.9rem}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.25rem;color:var(--text-muted)}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.admin-sidebar{width:240px;min-width:240px;max-width:240px}.admin-main{margin-left:240px}}@media(max-width:768px){.admin-sidebar{transform:translate(-100%);box-shadow:4px 0 24px #00000026}.admin-sidebar.open{transform:translate(0)}.admin-main{margin-left:0}.main-scroll{padding:80px 16px 16px}.mobile-header{display:flex}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:16px;flex-direction:column;text-align:center}.page-header{flex-direction:column;align-items:flex-start}.page-actions{width:100%}.form-row{grid-template-columns:1fr}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.stat-card{flex-direction:row;text-align:left}}.social-stat-card{padding:16px;background:#f8fafc;border-radius:12px;text-align:center;border:1px solid var(--border-color);transition:all .2s}.social-stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000014}.social-icon{font-size:1.5rem;margin-bottom:8px}.social-count{font-size:1.25rem;font-weight:700;color:var(--text-color)}.social-platform{font-size:.7rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.pending-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:10px;transition:all .2s}.pending-item.orange{background:#fff7ed;color:#9a3412}.pending-item.green{background:#ecfdf5;color:#065f46}.pending-item.purple{background:#f3e8ff;color:#6b21a8}.pending-item:hover{transform:translate(4px)}.action-icon{width:32px;height:32px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#f1f5f9;font-size:.9rem;transition:all .2s}.action-icon.edit:hover{background:#e0f2fe;color:#0284c7}.action-icon.delete:hover{background:#fee2e2;color:var(--danger-color)}.action-icon.view:hover{background:#dcfce7;color:var(--success-color)}.filter-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.filter-select{padding:8px 14px;border:1px solid var(--border-color);border-radius:8px;font-size:.85rem;color:var(--text-color);background:#fff;min-width:150px}.filter-select:focus{outline:none;border-color:var(--accent-color)}.toggle-switch{position:relative;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch label{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.toggle-switch label:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+label{background:var(--accent-color)}.toggle-switch input:checked+label:before{transform:translate(20px)}.tabs{display:flex;gap:4px;background:#f1f5f9;padding:4px;border-radius:12px;margin-bottom:20px}.tab{padding:10px 20px;border:none;background:transparent;color:var(--text-muted);font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s;font-size:.9rem}.tab:hover{color:var(--text-color)}.tab.active{background:#fff;color:var(--accent-color);box-shadow:0 1px 3px #0000001a}.pagination{display:flex;justify-content:center;gap:8px;padding:20px}.pagination button{width:36px;height:36px;border:1px solid var(--border-color);background:#fff;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.9rem;color:var(--text-muted)}.pagination button:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.pagination button.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.checkbox-custom{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-custom input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-color)}.avatar{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0}.avatar.blue{background:var(--accent-light);color:#0284c7}.avatar.green{background:#dcfce7;color:#16a34a}.avatar.purple{background:#f3e8ff;color:#9333ea}.avatar.orange{background:#ffedd5;color:#ea580c}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:6px 12px;background:var(--primary-color);color:#fff;font-size:.75rem;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s;z-index:100}.tooltip:hover:after{opacity:1;visibility:visible;bottom:calc(100% + 8px)}.loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-muted)}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:skeleton 1.5s infinite;border-radius:8px}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.table-container{background:#fff;border-radius:16px;border:1px solid var(--border-color);overflow-x:auto;box-shadow:0 1px 3px #0000000a}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.admin-sidebar{transform:translate(-100%);z-index:1001;width:260px}.admin-sidebar.open{transform:translate(0);box-shadow:4px 0 24px #00000026}.admin-main{margin-left:0;width:100%;padding-top:64px}.mobile-header{display:flex}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-actions{width:100%}.page-actions .btn{flex:1}.stats-grid{grid-template-columns:1fr;gap:16px}.filter-bar{flex-direction:column;align-items:stretch}.search-box input{width:100%}.data-table th,.data-table td{padding:12px;font-size:.85rem;white-space:nowrap}.modal-content{height:100%;max-height:100%;width:100%;border-radius:0;max-width:100%}.modal-overlay{align-items:flex-end}.profile-card-large{margin-top:60px}}.notification-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.notification-toast{min-width:300px;max-width:400px;background:#1e1e24;color:#fff;padding:16px;border-radius:4px;box-shadow:0 4px 12px #0000004d;display:flex;align-items:center;justify-content:space-between;animation:slideIn .3s ease-out;pointer-events:auto;border-left:4px solid #888;font-family:Inter,sans-serif}.notification-toast.success{border-left-color:#00e676;background:linear-gradient(90deg,rgba(0,230,118,.1),transparent)}.notification-toast.error{border-left-color:#ff1744;background:linear-gradient(90deg,rgba(255,23,68,.1),transparent)}.notification-toast.info{border-left-color:#2979ff;background:linear-gradient(90deg,rgba(41,121,255,.1),transparent)}.notification-toast.warning{border-left-color:#ff9100;background:linear-gradient(90deg,rgba(255,145,0,.1),transparent)}.notification-message{font-size:14px;line-height:1.4;flex:1}.notification-close{background:transparent;border:none;color:#aaa;cursor:pointer;margin-left:12px;font-size:18px;line-height:1;transition:color .2s}.notification-close:hover{color:#fff}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}