@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary:#ff6b4a;--primary-glow:#ff6b4a33;--bg-main:#f8f9fd;--bg-sidebar:#fff;--text-main:#1a1a1a;--text-muted:#6b7280;--border:#e5e7eb;--sidebar-width:260px;--header-height:70px;--radius-lg:16px;--radius-md:12px;--shadow:none}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:#fff;height:100%;margin:0;padding:0;overflow:hidden}body{color:var(--text-main);font-family:Inter,sans-serif}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}ul{list-style:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.app-container{background-color:#fff;width:100vw;height:100vh;display:flex;overflow:hidden}.main-wrapper{width:calc(100% - var(--sidebar-width));height:100vh;padding:0;padding-top:var(--header-height);background-color:#fff;border-radius:0;flex-direction:column;flex:1;transition:all .3s;display:flex;overflow-y:auto;margin-left:var(--sidebar-width)!important}.content-area{background-color:var(--bg-main);min-height:calc(100vh - var(--header-height));padding:30px}@media (width<=1024px){:root{--sidebar-width:80px}}@media (width<=768px){:root{--sidebar-width:0px}.app-container{flex-direction:column;overflow-y:auto}.main-wrapper{width:100%;padding:0;padding-top:var(--header-height);height:auto;padding-bottom:90px;overflow-y:visible;margin-left:0!important}}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border);z-index:1000;flex-direction:column;height:100vh;transition:all .3s;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar-content{flex-direction:column;flex:1;padding:20px 20px 30px;display:flex;overflow:hidden auto}.sidebar-content::-webkit-scrollbar{width:4px}.sidebar-content::-webkit-scrollbar-thumb{background:0 0;border-radius:10px}.sidebar-content:hover::-webkit-scrollbar-thumb{background:#e5e7eb}.logo-container{background:var(--bg-sidebar);border-bottom:1px solid var(--border);align-items:center;padding:20px;display:flex}.sidebar-logo{object-fit:contain;max-width:100%;height:auto;max-height:40px}.logo-text{color:var(--text-main);font-size:22px;font-weight:700}.sidebar-section{margin-bottom:30px}.section-title{color:#a1a1a1;letter-spacing:1px;margin-bottom:15px;padding-left:10px;font-size:11px;font-weight:600}.back-btn{border-radius:var(--radius-md);width:100%;color:var(--text-muted);background:#f3f4f6;align-items:center;gap:10px;margin-bottom:10px;padding:12px 14px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.back-btn:hover{background:var(--primary-glow);color:var(--primary)}.icons-mode{border-right:1px solid var(--primary-glow)}.menu-list{flex-direction:column;gap:8px;display:flex}.menu-item{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;align-items:center;padding:12px 14px;transition:all .2s;display:flex;position:relative}.menu-item:hover{background:var(--primary-glow);color:var(--primary)}.menu-item.active{background:linear-gradient(90deg, var(--primary-glow) 0%, #fff 100%);color:var(--primary);font-weight:600}.active-indicator{background:var(--primary);border-radius:4px 0 0 4px;width:4px;height:24px;position:absolute;top:50%;right:-20px;transform:translateY(-50%)}.item-icon{align-items:center;margin-right:15px;display:flex}.item-label{font-size:15px}.premium-card{border-radius:var(--radius-lg);color:#fff;text-align:center;background:linear-gradient(135deg,#ff9b85 0%,#ff6b4a 100%);margin-top:auto;padding:20px;position:relative;overflow:hidden;box-shadow:0 10px 25px #ff6b4a4d}.premium-card:before{content:"";background:#ffffff1a;border-radius:50%;width:100px;height:100px;position:absolute;top:-20%;right:-10%}.premium-icon{background:#fff3;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;margin:0 auto 15px;display:flex}.premium-card h4{margin-bottom:8px;font-size:16px}.premium-card p{opacity:.9;margin-bottom:15px;font-size:12px;line-height:1.5}.upgrade-btn{color:var(--primary);background:#fff;border-radius:10px;width:100%;padding:10px 20px;font-size:13px;font-weight:600;transition:transform .2s}.upgrade-btn:hover{transform:translateY(-2px)}@media (width<=1024px){.sidebar{padding:30px 10px}.logo-text,.section-title,.item-label,.premium-card{display:none}.item-icon{margin-right:0}.menu-item{justify-content:center}}@media (width<=768px){.sidebar{border-right:none;border-top:1px solid var(--border);z-index:2000;background:#fff;flex-direction:row;justify-content:space-around;align-items:center;width:100%;height:70px;padding:0 10px;position:fixed;inset:auto 0 0;box-shadow:0 -4px 20px #0000000d}.sidebar-content{flex-direction:row;width:100%;padding:0;overflow-y:visible}.logo-container,.section-title,.item-label,.premium-card,.general-menu{display:none!important}.sidebar-section{width:100%;margin-bottom:0}.menu-list{flex-direction:row;justify-content:space-around;gap:0;width:100%}.menu-item{border-radius:0;flex-direction:column;gap:4px;padding:8px}.menu-item.active{background:0 0}.active-indicator{background:var(--primary);border-radius:3px 3px 0 0;width:24px;height:3px;position:absolute;inset:auto auto 0 50%;transform:translate(-50%)}}.header{height:var(--header-height);border-bottom:1px solid var(--border);top:0;left:var(--sidebar-width);z-index:1100;background:#fff;border-radius:0;justify-content:space-between;align-items:center;margin:0;padding:0 30px;display:flex;position:fixed;right:0}.search-bar{border:1px solid var(--border);background:#f3f4f6;border-radius:12px;align-items:center;gap:12px;width:400px;padding:10px 18px;display:flex}.search-icon{color:var(--text-muted)}.search-bar input{background:0 0;border:none;outline:none;width:100%;font-size:14px}.shortcut{color:var(--text-muted);border:1px solid var(--border);background:#fff;border-radius:4px;gap:4px;padding:2px 6px;font-size:12px;display:flex}.header-actions{align-items:center;gap:15px;display:flex}.icon-btn{color:var(--text-muted);border-radius:10px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:relative}.icon-btn:hover{color:var(--primary);background:#f9faf7}.dot{background:var(--primary);border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.language-selector{cursor:pointer;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:600;display:flex}.user-profile-container{position:relative}.user-profile{border-left:1px solid var(--border);cursor:pointer;align-items:center;gap:10px;padding-left:15px;display:flex}.avatar{border:2px solid #fff;border-radius:50%;width:38px;height:38px;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.user-info{flex-direction:column;justify-content:center;display:flex}.user-name{font-size:14px;font-weight:700;line-height:1.2}.user-role{color:var(--text-muted);font-size:10px;line-height:1.2}.rotate{transition:transform .3s;transform:rotate(180deg)}.profile-dropdown{border:1px solid var(--border);z-index:1000;background:#fff;border-radius:12px;width:240px;padding:8px;position:absolute;top:calc(100% + 15px);right:0;box-shadow:0 10px 25px #0000001a}.dropdown-item{color:var(--text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.dropdown-item.logout{color:#ef4444}.theme-picker-inline{background:#f9fafb;border-radius:8px;margin-top:4px;padding:8px 12px}.picker-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:600}.color-options{flex-wrap:wrap;gap:8px;display:flex}.color-dot{cursor:pointer;border:2px solid #fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;box-shadow:0 0 0 1px #e5e7eb}.color-dot:hover{transform:scale(1.2)}.color-dot.active{box-shadow:0 0 0 2px var(--primary)}@media (width<=1024px){.header{left:80px}}@media (width<=768px){.header{padding:0 15px;left:0}.search-bar,.user-info,.language-selector,.shortcut,.header-theme-dots{display:none}}.header-theme-dots{border:1px solid var(--border);background:#f3f4f6;border-radius:20px;align-items:center;gap:8px;margin-right:15px;padding:6px 12px;display:flex}.header-color-dot{cursor:pointer;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 0 0 1px #e5e7eb}.header-color-dot:hover{transform:scale(1.25);box-shadow:0 0 0 1px #9ca3af}.header-color-dot.active{box-shadow:0 0 0 2px var(--primary);transform:scale(1.1)}.dropdown-theme-section{background:#f9fafb;border:1px solid #f1f5f9;border-radius:10px;margin:6px 4px;padding:12px}.dropdown-theme-section .theme-header{color:var(--text-main);align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.dropdown-theme-section .theme-header svg{color:var(--primary)}.dropdown-theme-section .color-options{flex-wrap:wrap;gap:10px;display:flex}.dropdown-theme-section .color-dot{cursor:pointer;color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 0 0 1px #e5e7eb}.dropdown-theme-section .color-dot:hover{transform:scale(1.2)}.dropdown-theme-section .color-dot.active{box-shadow:0 0 0 2px var(--primary);transform:scale(1.1)}.dropdown-theme-section .color-dot svg{filter:drop-shadow(0 1px 1px #0003)}.dashboard{flex-direction:column;gap:24px;width:100%;max-width:100%;display:flex}.dashboard-header{justify-content:space-between;align-items:flex-start;display:flex}.title-section h1{margin-bottom:8px;font-size:24px;font-weight:700}.title-section p{color:var(--text-muted);max-width:600px;font-size:14px}.action-buttons{gap:12px;display:flex}.btn-primary,.btn-secondary{border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-secondary{color:var(--text-main);border:1px solid var(--border);background:#fff}.btn-primary:hover{box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-2px)}.btn-secondary:hover{background:#f9fafb}.stats-grid{gap:24px;display:grid;grid-template-columns:repeat(4,1fr)!important;width:100%!important;max-width:100%!important}.stat-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:#fff;flex-direction:column;width:100%;max-width:none;padding:30px;transition:transform .3s;display:flex}.stat-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.stat-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.stat-label{color:var(--text-muted);font-size:14px;font-weight:500}.stat-body{align-items:flex-end;gap:12px;display:flex}.stat-value{font-size:28px;font-weight:700}.stat-growth{color:#10b981;background:#e6f7f0;border-radius:6px;margin-bottom:6px;padding:2px 8px;font-size:12px;font-weight:600}.stat-growth.negative{color:#ef4444;background:#fee2e2}.charts-row{grid-template-columns:2fr 1fr;gap:24px;display:grid}.chart-container{border-radius:var(--radius-lg);border:1px solid var(--border);background:#fff;padding:24px}.chart-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.chart-header h3{font-size:16px;font-weight:600}.chart-header select{border:1px solid var(--border);background:#fff;border-radius:8px;outline:none;padding:6px 12px;font-size:12px}.sentiment-content{flex-direction:column;align-items:center;display:flex}.sentiment-legend{flex-direction:column;gap:12px;width:100%;margin-top:20px;display:flex}.legend-item{align-items:center;gap:10px;font-size:13px;display:flex}.legend-item .dot{border-radius:2px;width:10px;height:10px}.legend-item .label{color:var(--text-muted);flex:1}.legend-item .value{font-weight:600}.bottom-row{grid-template-columns:1.5fr 1fr;gap:24px;display:grid}.table-container,.heatmap-container{border-radius:var(--radius-lg);border:1px solid var(--border);background:#fff;padding:24px}.performance-table{border-collapse:collapse;width:100%}.performance-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);padding:16px 10px;font-size:13px;font-weight:600}.performance-table td{vertical-align:middle;padding:20px 10px;font-size:14px}.performance-table th:first-child,.performance-table td:first-child{width:40%;color:var(--text-dark)}.platform-tag{color:#fff;border-radius:8px;padding:4px 12px;font-size:12px;display:inline-block}.platform-tag[data-platform=instagram]{background:#ff6b4a}.platform-tag[data-platform=facebook]{background:#3b82f6}.platform-tag[data-platform=tiktok]{background:#111}.platform-tag[data-platform=linkedin]{background:#0077b5}.growth-positive{color:#10b981}.heatmap-placeholder{flex-direction:column;gap:4px;margin-top:10px;display:flex}.heatmap-row{gap:4px;display:flex}.heatmap-cell{background:var(--primary);border-radius:2px;flex:1;height:20px}.heatmap-labels{color:var(--text-muted);justify-content:space-between;margin-top:8px;font-size:10px;display:flex}.uploads-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-top:15px;display:grid}.upload-item{border:1px solid var(--border-light);background:#f9fafb;border-radius:12px;flex-direction:column;gap:10px;padding:8px;transition:all .2s;display:flex}.upload-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.upload-thumb{aspect-ratio:16/10;border:1px solid var(--border);background:#f3f4f6;border-radius:8px;width:100%;position:relative;overflow:hidden}.upload-thumb img{object-fit:cover;width:100%;height:100%;display:block}.placeholder-img{width:100%;height:100%;color:var(--text-muted);background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);justify-content:center;align-items:center;font-size:11px;display:flex}.upload-info{flex-direction:column;gap:2px;display:flex}.upload-title{white-space:nowrap;text-overflow:ellipsis;color:var(--text-dark);font-size:11px;font-weight:700;overflow:hidden}.status-pill{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:700}.status-pill.approved{color:#059669;background:#ecfdf5}.upload-time{color:var(--text-muted);font-size:10px}.type-badge{text-transform:uppercase;color:var(--primary);background:var(--primary-glow);border:1px solid #ff6b4a33;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:800}.type-tag{z-index:10;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:4px;padding:2px 6px;font-size:8px;font-weight:800;position:absolute;top:8px;left:8px}.upload-thumb{position:relative}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=992px){.charts-row,.bottom-row{grid-template-columns:1fr}}@media (width<=600px){.stats-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;gap:15px}.title-section h1{font-size:20px}.title-section p{font-size:12px}.performance-table{display:block;overflow-x:auto}}.mgmt-container{flex-direction:column;gap:24px;display:flex}.file-upload-section.bulk{background:#f0f9ff;border:2px solid #bae6fd;padding:40px}.file-upload-label.large{flex-direction:column;gap:15px;padding:30px}.selected-files-list{background:#f8fafc;border-radius:12px;flex-wrap:wrap;gap:8px;max-height:150px;margin-top:20px;padding:10px;display:flex;overflow-y:auto}.file-item-pill{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:4px 10px;font-size:11px}.summary-details{background:#f8fafc;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.sum-row{justify-content:space-between;font-size:14px;display:flex}.sum-row span{color:#64748b}.sum-row strong{color:#1e293b}.mgmt-header{justify-content:space-between;align-items:flex-start;display:flex}.mgmt-header h1{margin-bottom:4px;font-size:24px;font-weight:700}.mgmt-header p{color:var(--text-muted);font-size:14px}.table-controls{justify-content:space-between;align-items:center;gap:20px;display:flex}.search-box{border:1px solid var(--border);background:#fff;border-radius:12px;align-items:center;gap:10px;width:100%;max-width:350px;padding:10px 15px;display:flex}.search-box input{border:none;outline:none;width:100%;font-size:14px}.filters{gap:12px;display:flex}.filter-btn{border:1px solid var(--border);color:var(--text-muted);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;display:flex}.data-table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border);background:#fff;overflow:hidden}.mgmt-table{border-collapse:collapse;width:100%}.mgmt-table th{text-align:left;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;background:#f9fafb;padding:18px 24px;font-size:12px;font-weight:600}.mgmt-table td{border-top:1px solid var(--border);padding:18px 24px;font-size:14px}.status-pill{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.status-pill.active{color:#10b981;background:#e6f7f0}.status-pill.pending{color:#d97706;background:#fef3c7}.status-pill.rejected{color:#ef4444;background:#fee2e2}.action-icons{gap:8px;display:flex}.action-btn{border:1px solid var(--border);color:var(--text-muted);background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.action-btn:hover{color:var(--text-main);background:#f3f4f6}.action-btn.success:hover{color:#10b981;background:#e6f7f0;border-color:#10b981}.action-btn.danger:hover{color:#ef4444;background:#fee2e2;border-color:#ef4444}.analytics-summary{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.mini-stat{border-radius:var(--radius-lg);border:1px solid var(--border);background:#fff;padding:24px}.mini-stat p{color:var(--text-muted);margin-bottom:8px;font-size:14px}.mini-stat h3{margin-bottom:8px;font-size:24px;font-weight:700}.trend{align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.trend.positive{color:#10b981}.trend.negative{color:#ef4444}.main-chart-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:#fff;padding:24px}.main-chart-card h3{margin-bottom:24px;font-size:16px}.settings-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:#fff;flex-direction:column;gap:24px;max-width:600px;padding:30px;display:flex}.settings-group{flex-direction:column;gap:10px;display:flex}.settings-group label{font-size:14px;font-weight:600}.settings-group input{border:1px solid var(--border);border-radius:10px;padding:12px 16px;font-size:15px}.settings-group .hint{color:var(--text-muted);font-size:12px}.blog-editor-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:#fff;margin-bottom:24px;padding:24px;box-shadow:0 4px 12px #00000005}.blog-input-group{margin-bottom:20px}.blog-input-group label{color:var(--text-main);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.blog-input-group input,.blog-input-group select{border:1px solid var(--border);border-radius:10px;outline:none;width:100%;padding:12px 16px;font-size:15px;transition:border-color .2s}.blog-input-group input:focus,.blog-input-group select:focus,.editor-textarea:focus{border-color:#ff6b4a}.toolbar-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.toolbar-btn:hover{color:var(--text-main);background:#f1f5f9}@media (width<=1024px){.analytics-summary{grid-template-columns:repeat(2,1fr)}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.premium-modal{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:700px;max-height:90vh;animation:.3s ease-out modalPop;display:flex;overflow:hidden;box-shadow:0 20px 50px #0003}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{font-size:18px;font-weight:700}.close-btn{color:var(--text-muted);background:0 0;border-radius:50%;padding:8px;transition:all .2s}.close-btn:hover{color:#ef4444;background:#f3f4f6}.modal-body{padding:24px;overflow-y:auto}.icon-grid-view{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.icon-card-premium{border:1px solid var(--border);background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:15px;padding:20px;transition:all .2s;display:flex;position:relative}.icon-card-premium:hover{border-color:var(--primary);box-shadow:0 8px 25px #0000000d}.icon-preview-box{color:#334155;background:#f8fafc;border-radius:12px;justify-content:center;align-items:center;width:120px;height:120px;display:flex}.icon-preview-box svg{width:64px;height:64px;transition:transform .2s}.icon-card-premium:hover .icon-preview-box svg{transform:scale(1.1)}.icon-info-area{text-align:center}.icon-info-area h4{color:#1e293b;margin-bottom:4px;font-size:15px;font-weight:700}.icon-info-area p{color:#64748b;font-size:12px;font-weight:500}.icon-card-actions{gap:8px;width:100%;display:flex}.action-btn-pill{color:#64748b;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.action-btn-pill:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.action-btn-pill.danger{color:#ef4444}.action-btn-pill.danger:hover{color:#dc2626;background:#fee2e2;border-color:#fecaca}.edit-view-container{flex-direction:column;gap:24px;animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.edit-header{justify-content:space-between;align-items:center;display:flex}.edit-header h1{color:#1e293b;margin-bottom:4px;font-size:28px;font-weight:800}.edit-header p{color:#64748b;font-size:14px}.edit-layout{grid-template-columns:1fr 350px;align-items:start;gap:24px;display:grid}.form-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:24px}.form-card .card-title{color:#64748b;letter-spacing:1px;margin-bottom:24px;font-size:13px;font-weight:700}.form-grid-edit{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group-edit.full{grid-column:span 2}.form-group-edit label{color:#1e293b;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group-edit input,.form-group-edit select,.form-group-edit textarea{color:#1e293b;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-size:15px}.form-group-edit input:focus,.form-group-edit select:focus{border-color:var(--primary);background:#fff}.field-hint{color:#94a3b8;margin-top:8px;font-size:12px}.form-card.accordion{padding:0;overflow:hidden}.accordion-header{cursor:pointer;color:#64748b;letter-spacing:1px;background:#f8fafc;justify-content:space-between;align-items:center;padding:20px 24px;font-size:13px;font-weight:700;display:flex}.accordion-body{border-top:1px solid #e2e8f0;padding:24px}.svg-textarea{resize:vertical;color:#38bdf8;background:#1e293b;border:1.5px solid #e2e8f0;border-radius:12px;width:100%;height:200px;padding:16px;font-family:monospace;font-size:13px}.preview-card-sticky{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;position:sticky;top:100px}.preview-title{color:#64748b;letter-spacing:1px;text-align:center;margin-bottom:24px;font-size:13px;font-weight:700}.preview-box-large{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px;padding:40px;display:flex}.preview-icon-wrapper svg{color:#1e293b;width:120px;height:120px}.preview-box-large p{color:#94a3b8;font-size:12px;font-weight:600}.preview-actions{flex-direction:column;gap:12px;display:flex}.full-width{justify-content:center;width:100%}.file-upload-section{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:20px;transition:all .2s;display:flex}.file-upload-section:hover{border-color:var(--primary);background:#f0f9ff}.file-upload-label{color:#1e293b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:12px 24px;font-weight:600;transition:all .2s;display:flex}.file-upload-label:hover{border-color:var(--primary);color:var(--primary);box-shadow:0 4px 12px #0000000d}.file-hint{color:#94a3b8;text-align:center;font-size:12px}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group.full-width{grid-column:span 2}.form-group label{margin-bottom:6px;font-size:13px;font-weight:700;display:block;color:#111827!important}.form-group input,.form-group textarea{color:#111827;border:1.5px solid #d1d5db;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.form-group textarea{resize:none;height:100px}.color-input-wrapper{border:1px solid var(--border);background:#f9fafb;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;display:flex}.color-input-wrapper input[type=color]{cursor:pointer;background:0 0;border:none;width:32px;height:32px;padding:0}.color-input-wrapper span{color:var(--text-muted);font-family:monospace;font-size:14px}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.category-view-wrapper{flex-direction:column;gap:30px;display:flex}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.stat-card.premium{border:1px solid var(--border);background:#fff;border-radius:20px;align-items:center;gap:20px;padding:24px;display:flex;box-shadow:0 4px 12px #00000008}.stat-icon{border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.stat-info h3{margin-bottom:4px;font-size:28px;font-weight:800;line-height:1}.stat-info p{color:var(--text-muted);font-size:14px;font-weight:600}.category-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.category-card{border:1px solid var(--border);background:#fff;border-radius:20px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.category-card:hover{border-color:#0000;transform:translateY(-5px);box-shadow:0 12px 30px #00000014}.card-accent{height:4px;position:absolute;top:0;left:0;right:0}.card-header{justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.cat-icon-box{background:#f8fafc;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.card-actions{opacity:0;gap:8px;transition:opacity .2s;display:flex}.category-card:hover .card-actions{opacity:1}.icon-btn-small{color:#64748b;background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.icon-btn-small:hover{color:#1e293b;background:#e2e8f0}.icon-btn-small.danger:hover{color:#ef4444;background:#fee2e2}.card-content{flex-grow:1;padding:0 24px 20px}.card-content h3{color:#1e293b;margin-bottom:4px;font-size:18px;font-weight:700}.cat-slug{color:var(--primary);margin-bottom:12px;font-family:monospace;font-size:13px}.cat-desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.card-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.item-count{color:#64748b;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.status-pill.small{padding:2px 10px;font-size:11px}.user-profile-cell{align-items:center;gap:12px;padding:4px 0;display:flex}.user-avatar{border:2px solid #fff;border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden;box-shadow:0 2px 8px #00000014}.user-avatar img{object-fit:cover;width:100%;height:100%}.avatar-initial{color:#fff;text-shadow:0 1px 2px #0000001a;justify-content:center;align-items:center;width:100%;height:100%;font-size:16px;font-weight:700;display:flex}.user-name-meta{flex-direction:column;display:flex}.u-name{color:#1e293b;font-size:14px;font-weight:700;line-height:1.2}.u-handle{color:#94a3b8;font-size:12px;font-weight:500}.user-avatar-large{border:4px solid #fff;border-radius:50%;width:100px;height:100px;margin-bottom:15px;overflow:hidden;box-shadow:0 10px 25px #0000001a}.user-avatar-large img{object-fit:cover;width:100%;height:100%}.avatar-initial-large{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:40px;font-weight:800;display:flex}.user-info-summary{text-align:center}.user-info-summary h3{color:#1e293b;margin-bottom:4px;font-size:20px;font-weight:800}.user-info-summary p{color:#64748b;margin-bottom:12px;font-size:14px}.role-badge{text-transform:uppercase;letter-spacing:1px;border-radius:20px;padding:6px 16px;font-size:12px;font-weight:700}.role-badge.admin{color:#a855f7;background:#fdf4ff;border:1.5px solid #f0abfc}.role-badge.designer{color:#3b82f6;background:#eff6ff;border:1.5px solid #93c5fd}.role-badge.user{color:#64748b;background:#f8fafc;border:1.5px solid #e2e8f0}.pagination-container{border-top:1px solid var(--border);background:#f9fafb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.pagination-info{color:var(--text-muted);font-size:14px}.pagination-info span{color:var(--text-main);font-weight:700}.pagination-btns{align-items:center;gap:8px;display:flex}.p-btn{border:1px solid var(--border);color:var(--text-main);background:#fff;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.p-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-glow)}.p-btn:disabled{opacity:.5;cursor:not-allowed}.p-num{width:36px;height:36px;color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:all .2s;display:flex}.p-num:hover{color:var(--text-main);background:#f1f5f9}.p-num.active{background:var(--primary);color:#fff;border-color:var(--primary)}.p-dots{color:var(--text-muted);padding:0 4px;font-size:14px}.sitemap-dashboard{flex-direction:column;gap:30px;animation:.4s ease-out fadeIn;display:flex}.sitemap-action-card{border:1px solid var(--border);background:#fff;border-radius:24px;justify-content:space-between;align-items:center;gap:40px;padding:40px;display:flex;box-shadow:0 10px 30px #00000005}.sitemap-action-card .action-info h2{color:#1e293b;margin-bottom:8px;font-size:22px;font-weight:800}.sitemap-action-card .action-info p{color:#64748b;max-width:500px;font-size:15px;line-height:1.6}.generate-btn-large{box-shadow:0 10px 20px var(--primary-glow);padding:16px 32px!important;font-size:16px!important;font-weight:700!important}@media (width<=900px){.sitemap-action-card{text-align:center;flex-direction:column;padding:30px}.sitemap-action-card .action-info p{margin:0 auto 20px}}.tags-chips-container{background:#fff;border:1.5px solid #d1d5db;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;min-height:50px;padding:10px 12px;transition:all .2s;display:flex}.tags-chips-container:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.tag-chip{color:#6b21a8;background:#f3e8ff;border:1px solid #e9d5ff;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.tag-chip:hover{background:#e9d5ff}.tag-chip-remove{color:#7e22ce;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;transition:all .15s;display:flex}.tag-chip-remove:hover{color:#581c87;background:#d8b4fe}.tag-chips-input{color:#111827;background:0 0;outline:none;flex:1;min-width:120px;font-size:14px;border:none!important;padding:4px 6px!important}.tag-chips-input:focus{box-shadow:none!important;border:none!important}.image-preview-wrapper{background:#f8fafc;border:1.5px solid #d1d5db;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;padding:12px;display:flex;position:relative;overflow:hidden}.image-preview-wrapper img{object-fit:contain;border-radius:8px;max-width:100%;max-height:180px;box-shadow:0 4px 12px #0000000d}.image-preview-placeholder{height:120px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.user-actions-wrapper{display:inline-block;position:relative}.user-actions-dropdown{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;transform-origin:100% 0;background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:12px;flex-direction:column;gap:2px;width:200px;padding:6px;animation:.2s cubic-bezier(.16,1,.3,1) dropdownFadeIn;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d}@keyframes dropdownFadeIn{0%{opacity:0;transform:scale(.95)translateY(-5px)}to{opacity:1;transform:scale(1)translateY(0)}}.dropdown-item{color:#475569;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.dropdown-item svg{color:#64748b;transition:color .15s}.dropdown-item:hover{color:#0f172a;background:#f1f5f9}.dropdown-item:hover svg{color:#1e293b}.dropdown-item.warning-text,.dropdown-item.warning-text svg{color:#d97706}.dropdown-item.warning-text:hover{background:#fffbeb}.dropdown-item.success-text,.dropdown-item.success-text svg{color:#16a34a}.dropdown-item.success-text:hover{background:#f0fdf4}.dropdown-item.danger-text,.dropdown-item.danger-text svg{color:#dc2626}.dropdown-item.danger-text:hover{background:#fef2f2}.dropdown-divider{background:#e2e8f0;height:1px;margin:4px 6px}.user-details-modal{padding:24px!important}.user-details-card{flex-direction:column;gap:24px;display:flex}.user-details-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:20px;padding-bottom:20px;display:flex}.user-details-avatar-box{flex-shrink:0;width:80px;height:80px;position:relative}.user-details-avatar{object-fit:cover;border:3px solid #fff;border-radius:50%;width:100%;height:100%;box-shadow:0 4px 15px #0000001a}.user-details-avatar-initial{color:#fff;background:linear-gradient(135deg, var(--primary) 0%, #a855f7 100%);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:32px;font-weight:800;display:flex;box-shadow:0 4px 15px #0000001a}.status-badge-floating{border:3px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;bottom:2px;right:2px;box-shadow:0 2px 6px #0000001a}.status-badge-floating.active{background:#10b981}.status-badge-floating.blocked{background:#ef4444}.user-details-identity h3{color:#0f172a;margin-bottom:2px;font-size:18px;font-weight:800}.user-details-identity .u-handle{color:#64748b;margin-bottom:8px;font-size:14px;display:block}.user-details-grid{grid-template-columns:repeat(2,1fr);gap:16px 24px;display:grid}@media (width<=550px){.user-details-grid{grid-template-columns:1fr}.user-details-header{text-align:center;flex-direction:column}}.detail-item{flex-direction:column;gap:4px;display:flex}.detail-item .detail-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.detail-item .detail-value{color:#1e293b;font-size:14px;font-weight:600}.detail-value.credits-value{color:#a855f7}.detail-value.status-pill-text.verified{color:#10b981}.detail-value.status-pill-text.unverified{color:#f59e0b}.warning-btn-outline{transition:all .2s;color:#d97706!important;background:0 0!important;border:1.5px solid #fbbf24!important}.warning-btn-outline:hover{background:#fffbeb!important;border-color:#d97706!important}.success-btn-outline{transition:all .2s;color:#16a34a!important;background:0 0!important;border:1.5px solid #86efac!important}.success-btn-outline:hover{background:#f0fdf4!important;border-color:#16a34a!important}.switch{width:46px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#cbd5e1;border-radius:24px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #00000026}input:checked+.slider{background-color:#10b981}input:checked+.slider:before{transform:translate(22px)}.upload-view-container{max-width:1200px;margin:0 auto;padding:20px}.upload-view-header{margin-bottom:30px}.upload-view-header h1{color:#0f172a;margin-bottom:8px;font-size:28px;font-weight:800}.upload-view-header p{color:#64748b;font-size:15px}.upload-tabs{background:#f1f5f9;border-radius:12px;gap:12px;width:fit-content;margin-bottom:30px;padding:6px;display:flex}.tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.tab-btn:hover{color:#0f172a}.tab-btn.active{color:var(--primary,#a855f7);background:#fff;box-shadow:0 4px 10px #0000000d}.tab-btn.active svg{color:var(--primary,#a855f7)}.premium-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:14px 18px;font-size:15px;transition:all .2s}.premium-input:focus{border-color:var(--primary,#a855f7);box-shadow:0 0 0 4px var(--primary-glow,#a855f71a);background:#fff}.input-group{margin-bottom:24px}.input-group label{color:#1e293b;margin-bottom:10px;font-size:14px;font-weight:700;display:block}.label-flex{justify-content:space-between;align-items:center;display:flex}.add-new-link{color:var(--primary,#a855f7);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600}.single-upload-layout{grid-template-columns:1.2fr 1fr;gap:30px;display:grid}.upload-drop-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:center;align-items:center;padding:30px;display:flex}.drop-zone-premium{border:2px dashed var(--primary,#a855f7);background:var(--primary-glow,#fdf4ff);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:100%;height:240px;padding:40px;transition:all .2s;display:flex}.drop-zone-premium:hover{background:var(--primary-glow,#fae8ff);opacity:.9}.drop-icon-wrapper{color:var(--primary,#a855f7)}.preview-card,.preview-card-active{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.card-label{color:#94a3b8;letter-spacing:.05em;margin-bottom:12px;font-size:11px;font-weight:800;display:block}.preview-placeholder{color:#94a3b8;background:#f8fafc;border-radius:12px;justify-content:center;align-items:center;height:140px;font-size:14px;display:flex}.metadata-form-container{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:30px;box-shadow:0 10px 30px #00000005}.file-info-bar{background:var(--primary-glow,#fdf4ff);border:1px solid var(--primary,#a855f7);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:16px 24px;display:flex}.file-main{align-items:center;gap:15px;display:flex}.svg-icon-box{width:44px;height:44px;color:var(--primary,#a855f7);border:1px solid var(--primary,#a855f7);background:#fff;border-radius:10px;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.file-name{color:#1e293b;font-size:15px;font-weight:700}.file-size{color:#94a3b8;font-size:12px}.change-file-btn{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px 16px;font-size:14px;font-weight:600}.actual-preview{background:#f8fafc;border-radius:12px;justify-content:center;align-items:center;padding:40px;display:flex}.actual-preview svg{color:#1e293b;width:120px;height:120px}.btn-publish{background:var(--primary,#a855f7);color:#fff;cursor:pointer;box-shadow:0 10px 20px var(--primary-glow,#a855f733);border:none;border-radius:12px;padding:14px;font-weight:700}.bulk-dashboard-layout{grid-template-columns:450px 1fr;gap:30px;animation:.4s fadeIn;display:grid}.bulk-settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;padding:30px;display:flex}.bulk-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:30px;display:flex}.status-header{align-items:center;gap:15px;display:flex}.status-icon-box{background:var(--primary-glow,#fdf4ff);color:var(--primary,#a855f7);border-radius:12px;padding:12px}.status-text h3{color:#1e293b;font-size:16px;font-weight:700}.status-text p{color:#64748b;font-size:13px}.btn-clear-all{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600}.bulk-card-footer{gap:15px;margin-top:auto;padding-top:30px;display:flex}.btn-cancel-flat{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;padding:14px;font-weight:600}.btn-publish-all{background:var(--primary,#a855f7);color:#fff;cursor:pointer;box-shadow:0 10px 20px var(--primary-glow,#a855f733);border:none;border-radius:12px;flex:2;padding:14px;font-weight:700}.bulk-previews-side{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:30px}.preview-side-header{color:#94a3b8;letter-spacing:1px;margin-bottom:24px;font-size:11px;font-weight:800}.bulk-preview-grid-premium{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:20px;display:grid}.mini-icon-card-ready{background:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:15px;display:flex;position:relative;box-shadow:0 4px 12px #00000005}.mini-svg-wrap svg{color:#1e293b;width:48px;height:48px}.ready-badge{color:#16a34a;background:#f0fdf4;border-radius:6px;padding:2px 10px;font-size:10px;font-weight:800}.bulk-empty-drop{justify-content:center;align-items:center;width:100%;padding:40px 0;display:flex}.bulk-drop-zone-large{background:var(--primary-glow,#fafafa);border:2px dashed var(--primary,#e2e8f0);cursor:pointer;text-align:center;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:800px;height:400px;padding:40px;transition:all .3s;display:flex}.bulk-drop-zone-large:hover{background:var(--primary-glow,#fdf4ff);opacity:.8}.drop-icon-circle{width:100px;height:100px;color:var(--primary,#64748b);background:#fff;border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;display:flex;box-shadow:0 10px 25px #0000000d}@media (width<=1024px){.bulk-dashboard-layout,.single-upload-layout,.form-grid-layout{grid-template-columns:1fr}}.login-page{background:#0f172a;justify-content:center;align-items:center;width:100%;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden}.login-stars{opacity:.1;background-image:radial-gradient(2px 2px at 20px 30px,#eee,#0000),radial-gradient(2px 2px at 40px 70px,#fff,#0000),radial-gradient(2px 2px at 50px 160px,#ddd,#0000),radial-gradient(2px 2px at 90px 40px,#fff,#0000),radial-gradient(2px 2px at 130px 80px,#fff,#0000),radial-gradient(2px 2px at 160px 120px,#ddd,#0000);background-repeat:repeat;background-size:200px 200px;width:100%;height:100%;animation:4s linear infinite stars;position:absolute;top:0;left:0}@keyframes stars{0%{transform:translateY(0)}to{transform:translateY(-200px)}}.login-card-wrapper{z-index:10;width:100%;max-width:450px;padding:20px;position:relative}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:30px;padding:50px 40px;box-shadow:0 25px 50px -12px #00000080}.login-header{margin-bottom:40px}.brand-logo{background:linear-gradient(135deg, var(--primary) 0%, #4f46e5 100%);color:#fff;width:64px;height:64px;box-shadow:0 10px 20px rgba(var(--primary-rgb), .3);border-radius:18px;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.login-header h1{color:#fff;margin-bottom:10px;font-size:32px;font-weight:800}.login-header p{color:#94a3b8;font-size:15px}.login-form{text-align:left}.form-group{margin-bottom:24px}.login-page .form-group label{color:#f1f5f9!important;letter-spacing:.5px!important;margin-bottom:8px!important;font-size:14px!important;font-weight:600!important;display:block!important}.login-page .input-with-icon input::placeholder{color:#ffffff73!important}.login-page .input-with-icon input{color:#fff!important}.login-page .input-icon{color:#94a3b8!important}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:#64748b;position:absolute;left:16px}.input-with-icon input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;width:100%;height:54px;padding:0 50px;font-size:15px;transition:all .3s}.input-with-icon input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb), .1);background:#ffffff14;outline:none}.password-toggle{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;right:16px}.form-utils{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.remember-me{cursor:pointer;align-items:center;gap:8px;display:flex}.remember-me input{width:18px;height:18px;accent-color:var(--primary)}.remember-me span{color:#94a3b8;font-size:14px}.forgot-password{color:var(--primary);font-size:14px;font-weight:600;text-decoration:none}.login-submit-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;height:56px;font-size:16px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 10px 20px #0003}.login-submit-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-footer{margin-top:40px}.login-footer p{color:#475569;font-size:13px}.login-decoration .glow-circle{background:radial-gradient(circle, var(--primary-glow) 0%, transparent 70%);opacity:.5;filter:blur(60px);z-index:-1;width:500px;height:500px;position:absolute;top:-150px;right:-150px}.login-decoration .glow-circle-2{filter:blur(60px);z-index:-1;background:radial-gradient(circle,#4f46e51a 0%,#0000 70%);width:600px;height:600px;position:absolute;bottom:-200px;left:-200px}.loader{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.content-area{width:100%;animation:.8s ease-out fadeIn}