:root{--primary: #f17000;--primary-rgb: 241, 112, 0;--primary-light: #ff8533;--primary-dark: #d16100;--primary-bg: rgba(241, 112, 0, .1);--secondary: #d97706;--accent: #06b6d4;--bg: #f3f4f6;--card: #ffffff;--text: #1e1b4b;--text-secondary: #64748b;--text-muted: #94a3b8;--border: #e2e8f0;--success: #10b981;--success-bg: #ecfdf5;--error: #ef4444;--error-bg: #fef2f2;--warning: #f59e0b;--warning-bg: #fffbeb;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--warning-text: #92400e;--warning-border: #fde68a;--login-bg: #fff5eb;--card-popular-bg: linear-gradient(135deg, #fffbf0 0%, #fff7ed 100%);--btn-google-bg: #ffffff;--btn-google-text: #3c4043;--btn-google-border: #dadce0;--btn-google-hover-bg: #f8f9fa;--card-banner-bg: linear-gradient(135deg, #ffffff 0%, #fff7ed 100%);--card-banner-border: rgba(241, 112, 0, .15);--icon-bg: linear-gradient(135deg, #fff5eb 0%, #ffe6cc 100%);--bg-card: #ffffff;--bg-sidebar: #f8fafc;--sidebar-bg: var(--bg-sidebar);--bg-input: #f1f5f9;--bg-card-hover: #f8fafc;--bg-modal: #ffffff;--border-subtle: var(--border);--border-hover: #cbd5e1}:root[data-theme=dark]{color-scheme:dark;--bg-app: #171717;--bg-sidebar: #1e1e1e;--bg-card: #2d2d2d;--bg-card-hover: #353535;--bg-input: #2d2d2d;--bg-modal: #1e1e1e;--text-primary: #e8e8e8;--text-secondary: #a0a0a0;--text-muted: #6b6b6b;--text-disabled: #4a4a4a;--border-subtle: #404040;--border-hover: #505050;--border-focus: #606060;--accent-purple: #f17000;--accent-purple-hover: #ff9533;--accent-purple-bg: rgba(241, 112, 0, .1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--bg: var(--bg-app);--card: var(--bg-card);--primary-bg: var(--accent-purple-bg);--sidebar-bg: var(--bg-sidebar);--text: var(--text-primary);--text-secondary: var(--text-secondary);--text-muted: var(--text-muted);--border: var(--border-subtle);--primary: var(--accent-purple);--primary-light: var(--accent-purple-hover);--primary-dark: #c25a00;--secondary: #fbbf24;--header-bg: rgba(30, 30, 30, .8);--success-bg: rgba(16, 185, 129, .1);--error-bg: rgba(239, 68, 68, .1);--warning-bg: rgba(245, 158, 11, .1);--warning-text: #fcd34d;--warning-border: rgba(245, 158, 11, .3);--login-bg: var(--bg-app);--card-popular-bg: linear-gradient( 135deg, rgba(241, 112, 0, .05) 0%, rgba(241, 112, 0, .1) 100% );--btn-google-bg: var(--bg-card);--btn-google-text: var(--text-primary);--btn-google-border: var(--border-subtle);--btn-google-hover-bg: var(--bg-card-hover);--card-banner-bg: linear-gradient(135deg, var(--bg-card) 0%, #22252a 100%);--card-banner-border: var(--border-subtle);--icon-bg: linear-gradient(135deg, rgba(241, 112, 0, .1) 0%, rgba(241, 112, 0, .2) 100%)}[data-theme=dark] .sidebar-logo img,[data-theme=dark] .login-logo{filter:brightness(1.2) drop-shadow(0 0 8px rgba(241,112,0,.4))}body{font-family:Plus Jakarta Sans,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;min-height:100dvh;line-height:1.6}*{transition-property:background-color,color,border-color,transform,box-shadow;transition-duration:.2s;transition-timing-function:ease}*:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}[data-theme=dark] .sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-subtle)}[data-theme=dark] .sidebar-link{color:var(--text-secondary)}[data-theme=dark] .sidebar-link:hover{background-color:var(--bg-card);color:var(--text-primary)}[data-theme=dark] .sidebar-link.active{background-color:var(--bg-card);color:var(--accent-purple);border-left:3px solid var(--accent-purple);border-radius:0 var(--radius-md) var(--radius-md) 0}[data-theme=dark] .card,[data-theme=dark] .login-card,[data-theme=dark] .tool-card,[data-theme=dark] .upload-section{background-color:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:none}[data-theme=dark] .upload-section.is-loading{background-color:transparent!important;border-color:transparent!important;box-shadow:none!important;transition:none!important}[data-theme=dark] .card:hover,[data-theme=dark] .login-card:hover,[data-theme=dark] .tool-card:hover{background-color:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}[data-theme=dark] input[type=text],[data-theme=dark] input[type=email],[data-theme=dark] input[type=password],[data-theme=dark] input[type=number],[data-theme=dark] textarea,[data-theme=dark] select{background-color:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary)}[data-theme=dark] input:hover,[data-theme=dark] textarea:hover,[data-theme=dark] select:hover{border-color:var(--border-hover)}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px var(--accent-purple-bg);outline:none}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-muted)}[data-theme=dark] .modal,[data-theme=dark] .profile-menu{background-color:var(--bg-modal);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg)}[data-theme=dark] .text-muted,[data-theme=dark] small{color:var(--text-muted)}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] .login-title{color:var(--text-primary)}[data-theme=dark] p,[data-theme=dark] .login-subtitle{color:var(--text-secondary)}[data-theme=dark] .btn-secondary{background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle)}[data-theme=dark] .btn-secondary:hover{background-color:var(--bg-card-hover);border-color:var(--border-hover)}[data-theme=dark] .btn-ghost{color:var(--text-secondary)}[data-theme=dark] .btn-ghost:hover{background-color:var(--bg-card);color:var(--text-primary)}[data-theme=dark] .btn-primary{background:var(--accent-purple);color:#000;border:none;font-weight:700}[data-theme=dark] .btn-primary:hover{background:var(--accent-purple-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}[data-theme=dark] .header-credits-badge{background:#2d2d2d99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);color:var(--text-primary)}[data-theme=dark] .header-credits-badge:hover{background:#2d2d2dcc;border-color:var(--border-hover)}.badge-new{background-color:var(--accent-purple);color:#fff;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}[data-theme=dark] .upload-card{background:var(--bg-card-hover);border:2px dashed var(--border-subtle)}[data-theme=dark] .upload-card:hover{border-color:var(--accent-purple);background:var(--bg-input)}[data-theme=dark] .upload-icon{background:var(--bg-modal);box-shadow:var(--shadow-sm)}[data-theme=dark] .upload-label{color:var(--text-primary)}[data-theme=dark] .upload-hint{color:var(--text-muted)}.hidden{display:none!important}.footer{text-align:center;padding:24px;color:var(--text-muted);font-size:.9rem}.footer a{color:var(--primary);text-decoration:none}.dashboard-layout{display:none;min-height:100vh;min-height:100dvh}.dashboard-layout.active{display:flex}.dashboard-main{flex:1;margin-left:260px;min-height:100vh;min-height:100dvh}.dashboard-content{padding:32px}@media (max-width: 1024px){.dashboard-main{margin-left:0;width:100%}.dashboard-content{padding:16px}}.sidebar{width:260px;background:var(--sidebar-bg, var(--card));border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-header{height:80px;padding:0 28px;display:flex;align-items:center;border-bottom:1px solid var(--border);background:var(--header-bg, #ffffff)}.sidebar-logo{display:flex;align-items:center;gap:12px;text-decoration:none}.sidebar-logo img{width:42px;height:42px}[data-theme=dark] .sidebar-logo img{filter:brightness(0) invert(1)}.sidebar-logo-text{font-size:1.15rem;font-weight:800;color:var(--text);letter-spacing:-.02em}[data-theme=dark] .sidebar-logo-text{color:#fff}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.sidebar-section{margin-bottom:24px}.sidebar-section-title{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:0 12px;margin-bottom:8px}.sidebar-link{display:flex;align-items:center;gap:14px;padding:12px 20px;border-radius:14px;color:var(--text-secondary);text-decoration:none;font-weight:600;transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer;border:none;background:transparent;width:calc(100% - 8px);margin:2px 4px;text-align:left;font-size:.95rem;position:relative;overflow:hidden}.sidebar-link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) translate(-100%);width:4px;height:20px;background:var(--primary);border-radius:0 4px 4px 0;transition:transform .3s cubic-bezier(.16,1,.3,1)}.sidebar-link:hover{background:var(--primary-bg);color:var(--primary);padding-left:28px}.sidebar-link:hover .icon-svg{transform:scale(1.1) translate(-2px);color:var(--primary)}.sidebar-link.active{background:var(--primary-bg);color:var(--primary);font-weight:800;box-shadow:0 4px 12px rgba(var(--primary-rgb),.05)}.sidebar-link.active:before{transform:translateY(-50%) translate(0)}.sidebar-link .icon-svg{font-size:1.25rem;width:20px;height:20px;transition:all .3s ease;opacity:.8}.sidebar-link.active .icon-svg{opacity:1;transform:scale(1.1)}.sidebar-footer{padding:16px;border-top:1px solid var(--border)}.sidebar-credits{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#f5f3ff,#ede9fe);padding:12px 16px;border-radius:var(--radius-md);margin-bottom:12px}.sidebar-credits-info{display:flex;align-items:center;gap:8px}.sidebar-credits-count{font-weight:700;color:var(--primary);font-size:1.1rem}.sidebar-credits-label{font-size:.85rem;color:var(--text-secondary)}.sidebar-buy-btn{background:var(--primary);color:#fff;border:none;padding:6px 12px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.sidebar-buy-btn:hover{background:var(--primary-dark)}.sidebar-user{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:16px;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);background:var(--bg-card);border:1px solid var(--border);box-shadow:0 4px 12px #00000008;position:relative}.sidebar-user:hover{background:var(--bg-card-hover);transform:translateY(-2px);border-color:var(--primary-light);box-shadow:0 8px 24px #00000014}.sidebar-user-avatar{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,var(--primary) 0%,#ff9533 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:16px;overflow:hidden;box-shadow:0 4px 12px rgba(var(--primary-rgb),.2);border:2px solid transparent;transition:all .3s ease}.sidebar-user:hover .sidebar-user-avatar{border-color:#ffffff80;transform:rotate(-3deg) scale(1.05)}.sidebar-user-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-weight:800;font-size:.95rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.02em}.sidebar-user-email{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-menu-container{position:relative}.sidebar-user .chevron-icon{width:24px;height:24px;margin-left:auto;color:var(--text);opacity:.7;transition:all .3s cubic-bezier(.16,1,.3,1);flex-shrink:0}.sidebar-user:hover .chevron-icon{color:var(--primary);transform:translateY(-1px)}.profile-menu-container.open .sidebar-user .chevron-icon{transform:rotate(180deg);color:var(--primary)}.profile-menu{position:absolute;bottom:calc(100% + 14px);left:0;right:0;background:#fff;border:2px solid #94a3b8;border-radius:24px;box-shadow:0 40px 100px -20px #00000059,0 10px 40px -15px #0003,0 0 0 1px #00000014;padding:14px 0;opacity:0;visibility:hidden;transform:translateY(20px) scale(.95);transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:200}[data-theme=dark] .profile-menu{background:#1c1c1cfa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.25);box-shadow:0 50px 120px #000000d9,0 15px 50px #00000080,0 0 0 1px #ffffff1a}.profile-menu-container.open .profile-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.profile-menu-header{padding:12px 16px;margin-bottom:4px}.profile-menu-title{font-size:.7rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.profile-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:4px 8px;width:calc(100% - 16px);font-size:.95rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);border:none;background:none;text-align:left;border-radius:12px}.profile-menu-item:hover{background:var(--primary-bg);color:var(--primary);padding-left:20px}.profile-menu-item .icon{font-size:1.1rem;width:20px;display:flex;align-items:center;justify-content:center;opacity:.7}.profile-menu-item:hover .icon{opacity:1}.profile-menu-item.danger{color:var(--error)}.profile-menu-item.danger:hover{background:#ef44441a;color:var(--error)}.profile-menu-divider{height:1px;background:#94a3b8;margin:8px 0;opacity:.8}[data-theme=dark] .profile-menu-divider{background:#fff3;opacity:1}.profile-menu-item .arrow-right{margin-left:auto;font-size:.8rem;color:var(--text-muted)}.theme-selector-item{display:flex;gap:8px;padding:8px 16px}.theme-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);color:var(--text);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .theme-btn{background:#ffffff0d;color:var(--text-secondary)}.theme-btn:hover{background:var(--border);color:var(--text)}.theme-btn.active{background:var(--primary-bg);color:var(--primary);border-color:var(--primary)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90;opacity:0;transition:opacity .3s ease}.sidebar-overlay.active{display:block;opacity:1}@media (max-width: 1024px){.sidebar{transform:translate(-100%);transition:transform .3s ease;box-shadow:var(--shadow-xl)}.sidebar.active{transform:translate(0)}}.dashboard-header{height:80px;background:var(--header-bg, var(--card));border-bottom:1px solid var(--border);padding:0 32px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:50}@media (max-width: 480px){.dashboard-header{height:64px;padding:0 12px}}.dashboard-title{font-size:1.5rem;font-weight:700;color:var(--text)}.breadcrumb{display:none;align-items:center;gap:8px;font-size:.9rem}.breadcrumb-item{display:flex;align-items:center;gap:8px;color:var(--text-muted)}.breadcrumb-item a{color:var(--text-muted);text-decoration:none;transition:color .2s ease}.breadcrumb-item a:hover{color:var(--primary)}.breadcrumb-separator{color:var(--text-muted);font-size:.8rem}.breadcrumb-current{color:var(--text);font-weight:600}.header-credits-badge{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f5f3ff,#ede9fe);padding:8px 16px;border-radius:var(--radius-full);font-weight:600;color:var(--primary);border:1px solid var(--primary-light);cursor:pointer;transition:all .2s ease}.header-credits-badge:hover{background:linear-gradient(135deg,#ede9fe,#ddd6fe);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.header-credits-badge .icon{font-size:1.1rem}.header-credits-badge .count{font-weight:700;font-size:1rem}.header-credits-badge .label{font-size:.85rem;color:var(--text-secondary)}.menu-toggle-btn{display:none;background:none;border:none;padding:8px;margin-right:8px;color:var(--text);cursor:pointer;border-radius:var(--radius-sm)}.menu-toggle-btn:hover{background:var(--bg-hover)}@media (max-width: 1024px){.menu-toggle-btn{display:block}.breadcrumb{display:flex}.dashboard-header{padding:0 16px}}@media (max-width: 600px){.header-credits-badge .label{display:none}.header-credits-badge{padding:6px 12px;gap:4px;background:#f1700014;border:1px solid rgba(241,112,0,.15)}.header-credits-badge .count{font-size:.95rem;color:var(--primary)}.breadcrumb{font-size:.825rem;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumb-item .icon-svg.sm{width:14px;height:14px;display:inline-block}.breadcrumb .breadcrumb-item{display:flex}.breadcrumb-item a{display:flex;align-items:center;gap:4px}}.drawer{position:fixed;top:0;right:0;bottom:0;width:40%;min-width:400px;max-width:90vw;background:var(--card);box-shadow:-4px 0 24px #00000026;z-index:1000;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.drawer.active{transform:translate(0)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.drawer-overlay.active{opacity:1;visibility:visible}.drawer-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--bg-card)}.drawer-title{font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:10px}.drawer-close{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;border-radius:var(--radius-sm);transition:all .2s}.drawer-close:hover{color:var(--text);background:var(--bg)}.drawer-content{flex:1;overflow-y:auto;padding:24px}@media (max-width: 640px){.drawer{width:100vw;min-width:100vw;max-width:100vw}.drawer-header{padding:4px 16px 12px}.drawer-title{font-size:1.05rem;gap:8px}.drawer-content{padding:8px 16px 16px}.mobile-back-btn{display:none;align-items:center;gap:8px;background:transparent;border:none;color:var(--text-secondary);font-weight:700;font-size:1rem;padding:24px 16px 0;margin-top:env(safe-area-inset-top,8px);cursor:pointer;width:fit-content}.mobile-back-btn.mobile-only{display:flex}.mobile-back-btn svg{stroke:var(--primary)}}.icon-svg{width:20px;height:20px;flex-shrink:0}.icon-svg.sm{width:16px;height:16px}.icon-svg.lg{width:24px;height:24px}.icon-svg.xl{width:32px;height:32px}.sidebar-link .icon-svg,.profile-menu-item .icon-svg{stroke:currentColor;stroke-width:2;fill:none}.header-credits-badge .icon-svg{stroke:var(--primary);stroke-width:2;fill:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;border:none;transition:all .2s ease;font-size:.95rem;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 14px #f1700066}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f1700080}.btn-secondary{background:var(--card);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg);border-color:var(--primary-light)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:10px 16px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-lg{padding:16px 32px;font-size:1.05rem;border-radius:var(--radius-lg)}.btn-google{background:var(--btn-google-bg);color:var(--btn-google-text);border:1px solid var(--btn-google-border);position:relative;padding:12px 24px 12px 48px}.btn-google:hover{background:var(--btn-google-hover-bg);box-shadow:0 1px 3px #3c40434d}.btn-google svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px}.form-group label{display:block;margin-bottom:8px;font-weight:600;font-size:.9rem;color:var(--text)}.form-group input{width:100%;padding:14px 16px;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text);font-size:1rem;transition:all .2s ease;font-family:inherit}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #7c3aed1a}.form-group input::placeholder{color:var(--text-muted)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:1000;padding:24px}[data-theme=dark] .modal{background:#0006}.modal.active{display:flex;animation:fadeIn .2s ease}.modal-content{background:var(--card);padding:40px;border-radius:var(--radius-xl);width:100%;max-width:420px;position:relative;box-shadow:var(--shadow-xl)}.modal-content h2{text-align:center;margin-bottom:8px;font-size:1.5rem}.modal-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:28px}.modal-footer{text-align:center;margin-top:24px;padding-top:20px;border-top:1px solid var(--border);font-size:.95rem;color:var(--text-secondary)}.modal-footer a{color:var(--primary);text-decoration:none;font-weight:600}.modal-footer a:hover{text-decoration:underline}.close-btn{position:absolute;top:32px;right:24px;width:36px;height:36px;background:var(--bg);border:none;border-radius:var(--radius-sm);font-size:20px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:var(--border);color:var(--text)}@media (max-width: 768px){.modal-content{padding:20px!important;width:95%!important;max-height:90vh;overflow-y:auto}}.tools-section{margin-bottom:40px}.tools-section-title{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:16px}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.tool-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:16px}.tool-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-card-icon{width:56px;height:56px;background:var(--icon-bg);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0}.tool-card-info{flex:1;min-width:0}.tool-card-title{font-weight:600;color:var(--text);margin-bottom:4px}.tool-card-desc{font-size:.8rem;color:var(--text-muted)}.tool-card-badge{background:var(--primary);color:#fff;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);margin-left:auto}.banner-cards-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.banner-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm);aspect-ratio:16 / 9;background:#1a1a2e}.banner-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.banner-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.banner-card:hover img{transform:scale(1.05)}.banner-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#8b5cf64d,#0006);opacity:0;transition:opacity .3s ease}.banner-card:hover .banner-card-overlay{opacity:1}.banner-card-content{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%)}.banner-card-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.banner-card-subtitle{font-size:.85rem;color:#ffffffd9;text-shadow:0 1px 2px rgba(0,0,0,.3)}.banner-card-badge{position:absolute;top:12px;right:12px;background:var(--primary);color:#fff;font-size:.7rem;font-weight:700;padding:4px 12px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.banner-cards-row .tool-card{height:100%;display:flex;flex-direction:column;justify-content:center;text-align:center;aspect-ratio:16 / 9;background:var(--card-banner-bg);border:2px solid rgba(241,112,0,.3);position:relative;overflow:hidden;transition:all .4s ease}.banner-cards-row .tool-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #f170001a,0 10px 10px -5px #f170000a;border-color:var(--primary-light)}.banner-cards-row .tool-card:before{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:radial-gradient(circle,#f170000d,#f1700000 70%);border-radius:50%;z-index:0;transition:all .5s ease}.banner-cards-row .tool-card:hover:before{transform:scale(1.2);background:radial-gradient(circle,#f1700014,#f1700000 70%)}.banner-cards-row .tool-card .tool-card-icon{margin:0 auto 16px;width:64px;height:64px;background:linear-gradient(135deg,#f170001a,#ec48991a);color:var(--primary);transition:all .3s ease;position:relative;z-index:1}.banner-cards-row .tool-card:hover .tool-card-icon{transform:scale(1.1) rotate(-5deg);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;box-shadow:0 10px 15px -3px #f170004d}.banner-cards-row .tool-card .tool-card-icon svg{stroke:currentColor}.banner-cards-row .tool-card-info{position:relative;z-index:1}.banner-cards-row .tool-card-title{font-size:1.1rem;margin-bottom:6px}.banner-cards-row .tool-card-cta{margin-top:16px;font-size:.85rem;font-weight:700;color:var(--primary);display:inline-flex;align-items:center;gap:6px;opacity:.8;transition:all .3s ease}.banner-cards-row .tool-card:hover .tool-card-cta{opacity:1;gap:10px}@media (max-width: 900px){.banner-cards-row{grid-template-columns:1fr}.banner-cards-row .tool-card{aspect-ratio:auto;flex-direction:row;text-align:left;padding:16px}.banner-cards-row .tool-card .tool-card-icon{margin:0}.banner-cards-row .tool-card:before{display:none}.banner-cards-row .tool-card-cta{display:none}}@media (max-width: 1024px){.tools-grid{grid-template-columns:1fr}.banner-cards-row{flex-direction:column}.banner-card,.banner-cards-row .tool-card{aspect-ratio:auto;min-height:160px}}.login-info{text-align:center;margin-top:24px;padding:12px;background:var(--success-bg);border-radius:var(--radius-md);color:var(--success);font-size:.9rem;font-weight:500}.login-error{background:var(--error-bg);color:var(--error);padding:12px;border-radius:var(--radius-md);border:1px solid var(--error);margin-bottom:20px;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:10px;animation:fadeIn .3s ease}.login-error.hidden{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error{background:var(--error-bg);border:1px solid #fecaca;color:var(--error);padding:20px 24px;border-radius:var(--radius-lg);margin-top:20px;display:none;text-align:center}.error.active{display:block;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.no-credits{background:var(--warning-bg);border:1px solid var(--warning-border);padding:24px;border-radius:var(--radius-lg);text-align:center;margin-bottom:24px;display:none}.no-credits.active{display:block}.no-credits .icon{font-size:32px;margin-bottom:12px}.no-credits p{margin-bottom:16px;color:var(--warning-text)}.verification-banner{background:var(--bg-card);background:#ff95001a;border-bottom:1px solid rgba(255,149,0,.2);padding:12px 20px;position:relative;width:100%;z-index:90}[data-theme=dark] .verification-banner{background:#ff95000d;border-bottom:1px solid rgba(255,149,0,.15)}body.has-verification-banner .main-content{padding-top:20px}.verification-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.verification-icon{width:24px;height:24px;stroke:var(--primary);stroke-width:1.5}.verification-text{color:var(--text);font-size:.95rem;display:flex;align-items:center;gap:8px}[data-theme=dark] .verification-text{color:var(--text-secondary)}.verification-text strong{color:var(--primary)}.verification-btn{background:var(--primary);color:#fff;border:none;padding:6px 16px;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.verification-btn:hover{opacity:.9;transform:translateY(-1px)}.verification-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 480px){.verification-banner{padding:10px 14px;border-radius:12px}.verification-content{gap:10px;flex-direction:column;align-items:center;text-align:center}.verification-text{flex-direction:column;gap:2px}.verification-text span{display:none}.verification-text strong{font-size:1rem}.verification-btn{width:auto;flex:1;padding:8px 12px;font-size:.8rem}.verification-content>div[style*="display: flex"]{width:100%;justify-content:center}}.loading{text-align:center;padding:60px 24px;display:none}.loading.active{display:block}.spinner{width:56px;height:56px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 20px}.loading p{color:var(--text-secondary);font-size:1.05rem}.loading small{display:block;margin-top:8px;color:var(--text-muted)}.loading-inline{display:none;background:transparent;border:none;padding:40px 20px;text-align:center}.loading-inline.active{display:block!important}@keyframes pulse-bg{0%,to{background:linear-gradient(135deg,#f5f3ff,#ede9fe)}50%{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}}.loading-inline .spinner-lg{width:80px;height:80px;border:5px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 24px}.loading-inline .loading-text{font-size:1.2rem;font-weight:600;color:var(--primary-dark);margin-bottom:8px}.loading-inline .loading-subtext{font-size:.95rem;color:var(--text-secondary)}.loading-inline .loading-steps{display:flex;justify-content:center;gap:32px;margin-top:24px}.loading-inline .step{display:flex;flex-direction:column;align-items:center;gap:8px}.loading-inline .step-icon{font-size:1.5rem;animation:bounce 1.5s ease infinite}.loading-inline .step:nth-child(2) .step-icon{animation-delay:.5s}.loading-inline .step:nth-child(3) .step-icon{animation-delay:1s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.loading-inline .step-text{font-size:.85rem;color:var(--text-muted)}.loading-inline .step-icon .icon-svg{width:28px;height:28px;stroke:var(--primary)}.upload-section.loading-active .upload-grid,.upload-section.loading-active .generate-btn{display:none}#initialLoader{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:9999;display:flex;align-items:center;justify-content:center;flex-direction:column}#initialLoader .spinner-lg{width:50px;height:50px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}#initialLoader p{margin-top:16px;color:var(--text-muted);font-family:sans-serif}.pricing-section{margin-top:48px;padding-top:32px;border-top:1px solid var(--border)}.pricing-title{text-align:center;font-size:1.5rem;font-weight:700;margin-bottom:8px}.pricing-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:32px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}@media (max-width: 640px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{background:var(--card);border:2px solid var(--border);border-radius:var(--radius-lg);padding:24px;text-align:center;transition:all .3s ease;position:relative}.pricing-card:hover{border-color:var(--primary-light);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pricing-card.popular{border-color:var(--primary);background:var(--card-popular-bg);margin-top:20px}.pricing-card.popular:before{content:"MAIS POPULAR";position:absolute;top:-28px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;font-size:.65rem;font-weight:700;padding:4px 10px;border-radius:var(--radius-full);white-space:nowrap}.pricing-credits{font-size:2.5rem;font-weight:800;color:var(--primary);line-height:1;margin-bottom:4px}.pricing-label{color:var(--text-secondary);font-size:.9rem;margin-bottom:16px}.pricing-price{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:8px}.pricing-per-credit{font-size:.85rem;color:var(--text-muted);margin-bottom:16px}.pricing-card .btn{width:100%}.sub-banner{background:linear-gradient(135deg,var(--primary) 0%,#fbbf24 50%,var(--secondary) 100%);color:#fff;padding:40px 32px;border-radius:var(--radius-xl);text-align:center;margin-top:48px;position:relative;overflow:hidden}.sub-banner:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{transform:translate(-50%) translateY(-50%)}50%{transform:translate(-30%) translateY(-30%)}}.sub-banner-content{position:relative;z-index:1}.sub-banner h3{font-size:1.5rem;font-weight:700;margin-bottom:8px}.sub-banner p{opacity:.9;margin-bottom:24px;font-size:1.05rem}.sub-banner .price{font-size:3rem;font-weight:800;line-height:1}.sub-banner .price small{font-size:1.2rem;font-weight:500;opacity:.8}.sub-banner .features{display:flex;justify-content:center;gap:24px;margin:24px 0;flex-wrap:wrap}.sub-banner .feature{display:flex;align-items:center;gap:6px;font-size:.95rem}.sub-banner .btn{background:#fff;color:var(--primary);font-weight:700;padding:14px 32px}.sub-banner .btn:hover{background:#f8fafc;transform:translateY(-2px)}.login-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px}.login-container{width:100%;max-width:420px;animation:modalSlideUp .6s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-card{background:var(--bg-card);border-radius:32px;padding:48px 40px;box-shadow:0 20px 40px #0000000d;border:1px solid var(--border);position:relative;overflow:hidden}.login-header{text-align:center;margin-bottom:32px}.login-logo{width:80px;height:80px;margin-bottom:24px;object-fit:contain}.login-title{font-size:1.85rem;font-weight:850;color:var(--text);margin-bottom:8px;letter-spacing:-.04em}.login-subtitle{color:var(--text-secondary);font-size:1rem;font-weight:500}.auth-divider{display:flex;align-items:center;text-align:center;margin:32px 0;color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--border)}.auth-divider:before{margin-right:16px}.auth-divider:after{margin-left:16px}.login-footer{text-align:center;margin-top:24px;font-size:.95rem;color:var(--text-secondary);font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px}.btn-link{background:none;border:none;font-size:.85rem;color:var(--primary);cursor:pointer;padding:0;font-weight:600}.btn-link-bold{background:none;border:none;color:var(--primary);font-weight:700;cursor:pointer;padding:0}.btn-link:hover,.btn-link-bold:hover{text-decoration:underline;filter:brightness(1.1)}.forgot-password-container{text-align:right;margin-bottom:20px}.login-info{margin-top:32px;text-align:center;font-size:.85rem;color:var(--text-muted);font-weight:600;background:var(--bg-input);padding:12px;border-radius:12px}.login-card .form-group{margin-bottom:20px}.login-card .form-group label{display:block;font-size:.85rem;font-weight:700;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.login-card .form-group input{width:100%;padding:16px 20px;border-radius:16px;border:1px solid var(--border);background:var(--bg-input);color:var(--text);font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1)}.login-card .form-group input:focus{outline:none;border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 4px var(--primary-bg)}.btn-google{display:flex!important;align-items:center;justify-content:center;gap:12px;background:var(--bg-card)!important;color:var(--text)!important;border:1px solid var(--border)!important;font-weight:700!important;box-shadow:0 2px 4px #0000000d!important;transition:all .3s!important}.btn-google:hover{background:var(--bg-input)!important;transform:translateY(-1px);box-shadow:0 4px 8px #00000014!important}@media (max-width: 480px){.login-page{padding:0;background:var(--bg-card);align-items:flex-start;height:auto;min-height:100vh;overflow-y:auto}.login-container{max-width:none;height:auto;width:100%}.login-card{border:none;border-radius:0;box-shadow:none;padding:24px 24px 40px;min-height:auto;display:flex;flex-direction:column;overflow-y:visible}.login-header{margin-bottom:20px;padding-top:10px}.login-logo{width:50px;height:50px;margin-bottom:12px}.login-title{font-size:1.5rem;margin-bottom:4px}.login-subtitle{font-size:.9rem}.auth-divider{margin:20px 0;font-size:.75rem}.login-card .form-group{margin-bottom:16px}.login-card .form-group label{font-size:.8rem;margin-bottom:6px}.login-card .form-group input{padding:14px 16px;font-size:1rem;border-radius:12px}.forgot-password-container{margin-bottom:20px}.login-footer{margin-top:24px;font-size:.9rem}.login-info{margin-top:20px;padding:12px;font-size:.85rem}}@media (max-height: 800px){.login-card{padding-top:32px;padding-bottom:32px}.login-header{margin-bottom:20px}.login-logo{margin-bottom:16px;width:60px;height:60px}.auth-divider{margin:20px 0}.login-info{margin-top:20px}}.main{max-width:900px;margin:0 auto;padding:40px 24px 80px}.hero{text-align:center;padding:80px 0 60px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--primary-bg);color:var(--primary);padding:8px 16px;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;margin-bottom:24px;border:1px solid rgba(124,58,237,.2)}.hero-badge .sparkle{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;margin-bottom:20px;line-height:1.15;letter-spacing:-.02em}.hero h1 span{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{color:var(--text-secondary);font-size:1.2rem;max-width:520px;margin:0 auto 36px}.hero-cta{display:flex;flex-direction:column;align-items:center;gap:12px}.hero-cta .subtext{font-size:.9rem;color:var(--text-muted)}.hero-features{display:flex;justify-content:center;gap:32px;margin-top:48px;flex-wrap:wrap}.hero-feature{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:.95rem}.hero-feature .icon{width:36px;height:36px;background:var(--primary-bg);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:18px}.app{display:none}.app.active{display:block}.app-header{text-align:center;margin-bottom:40px;animation:fadeInDown .6s cubic-bezier(.16,1,.3,1)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.app-title{font-size:2.25rem;font-weight:800;margin-bottom:12px;background:linear-gradient(135deg,var(--text) 0%,var(--text-secondary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.app-subtitle{color:var(--text-muted);font-size:1.1rem;max-width:500px;margin:0 auto;line-height:1.6}@media (max-width: 480px){.app-header{margin-bottom:24px}.app-title{font-size:1.65rem}.app-subtitle{font-size:.95rem}}.upload-section{background:rgba(var(--bg-card-rgb, 255, 255, 255),.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:28px;padding:40px;box-shadow:0 20px 50px #0000000d,0 1px 2px #00000005;border:1px solid rgba(255,255,255,.5);margin:0 auto 40px;position:relative;overflow:hidden;max-width:720px;width:100%}@media (max-width: 480px){.upload-section{padding:24px 16px;border-radius:20px;margin-bottom:20px}}[data-theme=dark] .upload-section{background:#1e1e1e99;border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 60px #0000004d}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px}@media (max-width: 500px){.upload-grid{grid-template-columns:1fr;gap:20px}}.upload-card{position:relative;background:var(--bg-input);border:2px dashed var(--border);border-radius:20px;padding:48px 24px;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;align-items:center;gap:16px}@media (max-width: 480px){.upload-card{padding:40px 24px;gap:16px;background:var(--bg)}.upload-icon{width:60px;height:60px;border-radius:16px;margin-bottom:4px}.upload-icon .icon-svg{width:32px;height:32px}.upload-label{font-size:1.25rem;font-weight:800}.upload-hint{font-size:.95rem;color:var(--text-muted)}}.upload-card.has-image{border-style:solid;border-color:var(--success);padding:12px;background:#fff}[data-theme=dark] .upload-card.has-image{background:#1a1a1a}.upload-card img{max-width:100%;max-height:320px;border-radius:14px;object-fit:contain;box-shadow:var(--shadow-md)}.upload-icon{width:64px;height:64px;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #0000000f;transition:all .3s ease}[data-theme=dark] .upload-icon{background:var(--bg-card)}.upload-card:hover .upload-icon{transform:scale(1.1) rotate(5deg);background:var(--primary);color:#fff}.upload-card:hover .upload-icon .icon-svg{stroke:#fff}.upload-label{font-weight:700;font-size:1.15rem;color:var(--text)}.upload-hint{font-size:.9rem;color:var(--text-muted)}.upload-icon .icon-svg{width:40px;height:40px;stroke:var(--primary)}.generate-btn{padding:18px 32px;font-size:1.1rem;border-radius:var(--radius-lg)}.model-source-tabs{display:flex;gap:12px;margin-bottom:24px}.model-source-tab{flex:1;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--bg-card);cursor:pointer;text-align:center;font-weight:700;font-size:.95rem;color:var(--text-secondary);transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;align-items:center;gap:8px}.model-source-tab:hover{border-color:var(--primary-light);color:var(--primary);background:var(--primary-bg);transform:translateY(-2px)}.model-source-tab.active{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 8px 20px rgba(var(--primary-rgb),.2)}.model-source-tab .tab-icon{font-size:1.75rem}.preset-models-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,130px));justify-content:center;gap:16px;margin:0 auto 24px;max-width:100%}.preset-model-card{position:relative;border:2px solid transparent;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);aspect-ratio:3/4;background:var(--bg-input)}.preset-model-card:hover{transform:scale(1.03);box-shadow:var(--shadow-lg)}.preset-model-card.selected{border-color:var(--primary);transform:scale(1.05);box-shadow:0 10px 25px rgba(var(--primary-rgb),.3);z-index:2}.preset-model-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.preset-model-card:hover img{transform:scale(1.1)}.preset-model-card .model-name{position:absolute;bottom:0;left:0;right:0;padding:10px 8px;background:linear-gradient(transparent,#000c);color:#fff;font-size:.75rem;font-weight:700;text-align:center}.wizard-progress{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:40px}@media (max-width: 480px){.wizard-progress{gap:8px;margin-bottom:24px}}.wizard-step-indicator{display:flex;align-items:center;gap:12px}.wizard-step-dot{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;transition:all .4s cubic-bezier(.16,1,.3,1);background:var(--bg-input);color:var(--text-muted);border:1px solid var(--border)}.wizard-step-dot.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 8px 16px rgba(var(--primary-rgb),.3);transform:scale(1.1)}@media (max-width: 480px){.wizard-step-dot{width:30px;height:30px;font-size:.85rem;border-radius:10px}}.wizard-step-dot.completed{background:var(--success-bg);color:var(--success);border-color:var(--success)}.wizard-step-line{width:48px;height:4px;background:var(--border);border-radius:4px;transition:all .5s ease}.wizard-step-line.completed{background:var(--success)}@media (max-width: 480px){.wizard-step-line{width:24px;height:3px}}.wizard-step-title{text-align:center;font-size:1.75rem;font-weight:800;color:var(--text);margin-bottom:12px;letter-spacing:-.01em}.wizard-step-subtitle{text-align:center;color:var(--text-muted);font-size:1.1rem;margin-bottom:40px}@media (max-width: 480px){.wizard-step-title{font-size:1.35rem;margin-bottom:8px}.wizard-step-subtitle{font-size:.95rem;margin-bottom:24px}}.choice-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.choice-card{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;padding:40px 24px;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}@media (max-width: 480px){.choice-card{padding:24px 16px;border-radius:20px}}.choice-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);opacity:0;transition:opacity .3s ease;z-index:0}.choice-card:hover{border-color:var(--primary);transform:translateY(-8px);box-shadow:0 20px 40px #00000014}.choice-card:hover:before{opacity:.03}.choice-card.selected{border-color:var(--primary);background:var(--primary-bg);box-shadow:0 10px 30px rgba(var(--primary-rgb),.15)}.choice-card>*{position:relative;z-index:1}.choice-card-icon{font-size:3.5rem;margin-bottom:20px;transition:transform .3s ease}@media (max-width: 480px){.choice-card-icon{font-size:2.5rem;margin-bottom:12px}}.choice-card:hover .choice-card-icon{transform:scale(1.15) rotate(3deg)}.choice-card-title{font-size:1.25rem;font-weight:800;color:var(--text);margin-bottom:10px}.choice-card-desc{font-size:.95rem;color:var(--text-muted);line-height:1.5}.wizard-nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;gap:16px}.wizard-nav .btn-back{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);padding:14px 24px;border-radius:14px;font-weight:700;white-space:nowrap}.wizard-nav .btn-next{width:auto;min-width:180px;padding:14px 32px;border-radius:14px;font-weight:800;box-shadow:0 8px 20px rgba(var(--primary-rgb),.2)}.credit-cost-badge{background:#fff3;padding:2px 8px;border-radius:8px;font-size:.85rem;font-weight:700;display:flex;align-items:center}[data-theme=dark] .credit-cost-badge{background:#0003}#wizardStep3 .wizard-nav{justify-content:center}@media (max-width: 480px){.wizard-nav{flex-direction:row;gap:12px}.wizard-nav .btn-next,.wizard-nav .btn-back{flex:1;width:0;min-width:0;padding:12px;font-size:.95rem;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px}.wizard-nav .btn-next{order:2;background:var(--primary);color:#fff;box-shadow:0 4px 12px rgba(var(--primary-rgb),.2)}.wizard-nav .btn-back{order:1;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary)}}.upload-single{max-width:320px;margin:0 auto 24px}.upload-single .upload-card{min-height:200px}@media (max-width: 500px){.choice-cards{grid-template-columns:1fr}}.result{text-align:center;animation:resultReveal .8s cubic-bezier(.16,1,.3,1)}@keyframes resultReveal{0%{opacity:0;transform:scale(.95) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:flex-start;max-width:1100px;margin:0 auto;background:var(--bg-card);padding:32px;border-radius:32px;border:1px solid var(--border);box-shadow:var(--shadow-xl)}.result-image-col{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0003;border:4px solid white;background:#f8fafc}[data-theme=dark] .result-image-col{border-color:#2d2d2d;background:#1a1a1a}.result-details-col{text-align:left}.result-badge{display:inline-flex;align-items:center;gap:8px;background:#dcfce7;color:#166534;padding:10px 18px;border-radius:30px;font-size:.9rem;font-weight:800;margin-bottom:24px;text-transform:uppercase;letter-spacing:.05em}[data-theme=dark] .result-badge{background:#22c55e26;color:#4ade80}.result-title{font-size:2.5rem;font-weight:900;color:var(--text);margin-bottom:16px;line-height:1.1;letter-spacing:-.02em}.result-feedback{color:var(--text-muted);font-size:1.15rem;margin-bottom:40px;line-height:1.6}.result-actions-container{display:flex;flex-direction:column;gap:20px;width:100%}.result-actions-row{display:flex;gap:12px;width:100%}.btn-main-premium{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:20px 32px;border-radius:20px;font-weight:800;font-size:1.15rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 10px 25px rgba(var(--primary-rgb),.3),0 4px 6px #0000001a;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%}.btn-main-premium:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 30px rgba(var(--primary-rgb),.4),0 8px 12px #00000026;filter:brightness(1.1)}.btn-glass{flex:1;background:rgba(var(--primary-rgb),.05);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);color:var(--text);padding:14px 20px;border-radius:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;cursor:pointer}.btn-glass:hover{background:rgba(var(--primary-rgb),.1);border-color:var(--primary-light);transform:translateY(-2px)}[data-theme=dark] .btn-glass:hover{background:rgba(var(--primary-rgb),.15);border-color:var(--primary)}.result-image{width:100%;max-height:70vh;object-fit:contain;display:block;user-select:none;-webkit-user-select:none}@media (max-width: 900px){.result-image{max-height:40vh}.result-grid{grid-template-columns:1fr;gap:20px;padding:16px;background:transparent!important;border:none!important;box-shadow:none!important}.result-details-col{text-align:center;width:100%;max-width:440px;margin:0 auto}}@media (max-width: 480px){.result-grid{padding:12px;gap:20px}.btn-main-premium{padding:16px 20px;font-size:1.05rem;border-radius:16px}.result-actions-row{flex-direction:column;gap:8px}.btn-glass,.btn-text-link{width:100%;padding:12px;font-size:.95rem}}.btn-main{background:var(--primary);color:#fff;padding:18px 32px;border-radius:16px;font-weight:800;font-size:1.1rem;box-shadow:0 10px 20px rgba(var(--primary-rgb),.25);transition:all .3s cubic-bezier(.16,1,.3,1);border:none;cursor:pointer}.btn-main:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(var(--primary-rgb),.35)}.btn-secondary-outline{background:var(--bg-input);border:1px solid var(--border);color:var(--text);padding:18px 32px;border-radius:16px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer}.btn-secondary-outline:hover{background:var(--border);transform:translateY(-2px)}.btn-inline-link{border:none!important;background:transparent!important;opacity:.7;padding:10px!important;font-size:.95rem!important;box-shadow:none!important}.btn-inline-link:hover{opacity:1;transform:none!important;background:#0000000d!important}[data-theme=dark] .btn-inline-link:hover{background:#ffffff0d!important}@media (max-width: 480px){.btn-main,.btn-secondary-outline{width:100%;padding:14px 20px;font-size:1rem}}.premium-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;min-height:500px;text-align:center;animation:fadeIn .6s ease-out}.scanner-visual{position:relative;width:260px;height:360px;margin-bottom:40px;border-radius:24px;overflow:hidden;background:var(--bg-input);border:1px solid var(--border);box-shadow:0 40px 80px #00000026;animation:float 6s ease-in-out infinite}.scanner-image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-person{width:100%;height:100%;object-fit:cover;opacity:.5;filter:grayscale(1) brightness(.8);transition:all .5s ease}.image-clothing-overlay{position:absolute;bottom:24px;right:24px;width:90px;height:90px;border-radius:16px;border:3px solid white;box-shadow:0 10px 25px #0000004d;object-fit:cover;z-index:10;animation:pulse 2s infinite ease-in-out}.scanner-line{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(to right,transparent,var(--primary),transparent);box-shadow:0 0 20px var(--primary),0 0 40px var(--primary);z-index:5;animation:scan 3s infinite cubic-bezier(.4,0,.2,1),scanGlow 1.5s infinite alternate ease-in-out}@keyframes scanGlow{0%{box-shadow:0 0 15px var(--primary),0 0 30px var(--primary);opacity:.8}to{box-shadow:0 0 30px var(--primary),0 0 60px var(--primary);opacity:1}}.scanner-glow{position:absolute;top:0;left:0;width:100%;height:100px;background:linear-gradient(to bottom,rgba(var(--primary-rgb),.3),transparent);z-index:4;animation:scan 3s infinite cubic-bezier(.4,0,.2,1)}.loading-content{max-width:440px;width:100%}.progress-message{font-size:1.4rem;font-weight:800;color:var(--text);margin-bottom:12px;min-height:40px;letter-spacing:-.01em}.sub-message{color:var(--text-muted);font-size:1rem;margin-bottom:32px}.loader-bar-container{width:100%;height:8px;background:var(--bg-input);border-radius:10px;margin:0 auto;overflow:hidden;border:1px solid var(--border)}.loader-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:10px;transition:width .8s cubic-bezier(.16,1,.3,1);box-shadow:0 0 15px rgba(var(--primary-rgb),.4)}@keyframes scan{0%{transform:translateY(-50px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(410px);opacity:0}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 10px 25px #0000004d}50%{transform:scale(1.05);box-shadow:0 15px 35px rgba(var(--primary-rgb),.4)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.glitch-flash{animation:glitchAction .4s cubic-bezier(.25,.46,.45,.94) both}@keyframes glitchAction{0%{transform:translate(0);filter:brightness(1) contrast(1)}20%{transform:translate(-2px,2px);filter:brightness(1.2) contrast(1.1) hue-rotate(10deg)}40%{transform:translate(2px,-2px);filter:brightness(1.1) contrast(1.2) hue-rotate(-10deg)}60%{transform:translate(-1px,1px);filter:brightness(1.3) contrast(1)}80%{transform:translate(1px,-1px);filter:brightness(1.1)}to{transform:translate(0);filter:brightness(1) contrast(1)}}.step-bounce{animation:stepBounce .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes stepBounce{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(1)}}.mapping-points{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.mapping-point{position:absolute;width:6px;height:6px;background:var(--primary);border-radius:50%;box-shadow:0 0 10px var(--primary);opacity:0;animation:pointPulse 3s infinite ease-in-out}.mapping-point:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:1px solid var(--primary);border-radius:50%;animation:sonarPulse 1.5s infinite ease-out;opacity:0}@keyframes pointPulse{0%,to{opacity:0;transform:scale(.5)}20%,80%{opacity:.8;transform:scale(1)}}@keyframes sonarPulse{0%{transform:scale(1);opacity:1}to{transform:scale(3);opacity:0}}.error{display:none;background-color:var(--error-bg);border:1px solid var(--error-border, #fecaca);color:var(--error-text, #b91c1c);padding:16px;border-radius:var(--radius-lg);margin-top:24px;text-align:center;animation:fadeIn .3s ease-out}.error.active{display:block!important}.error p{margin:0}#provadorCheckVerificationBtn{background-color:var(--primary);color:#fff;border:none;font-weight:600;transition:background-color .2s}#provadorCheckVerificationBtn:hover{background-color:var(--primary-dark)}#provadorCheckVerificationBtn:disabled{opacity:.7;cursor:wait}@keyframes shake{0%,to{transform:translate(0)}15%,45%,75%{transform:translate(-6px)}30%,60%,90%{transform:translate(6px)}}.error.shake{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}*{margin:0;padding:0;box-sizing:border-box}:root{--success: #10b981;--success-bg: #ecfdf5;--error: #ef4444;--error-bg: #fef2f2;--warning: #f59e0b;--warning-bg: #fffbeb;--info: #3b82f6;--info-bg: #eff6ff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;min-height:100dvh;line-height:1.6}.login-container{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 20% 80%,rgba(241,112,0,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(241,112,0,.1) 0%,transparent 50%),var(--bg)}.login-box{background:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);padding:48px 40px;width:100%;max-width:420px;box-shadow:var(--shadow-xl)}.login-logo{text-align:center;margin-bottom:32px}.login-logo h1{font-size:1.5rem;font-weight:800;color:var(--text);margin-bottom:4px}.login-logo p{color:var(--text-secondary);font-size:.95rem}.login-error{background:var(--error-bg);border:1px solid rgba(239,68,68,.2);color:var(--error);padding:12px 16px;border-radius:var(--radius-md);margin-bottom:20px;font-size:.9rem;display:none}.login-error.active{display:block}.admin-container{display:none;min-height:100vh;min-height:100dvh}.admin-container.active{display:flex}.sidebar{width:280px;background:#fff;border-right:1px solid var(--border);height:100dvh;position:fixed;left:0;top:0;display:flex;flex-direction:column;z-index:100}.sidebar-header{padding:32px}.sidebar-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}.sidebar-logo img{width:40px;height:40px}.sidebar-logo-text{font-size:1.25rem;font-weight:800;color:#1a365d;line-height:1.2}.sidebar-nav{flex:1;padding:0 16px;display:flex;flex-direction:column;gap:8px}.nav-section{margin-bottom:24px}.nav-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:0 16px;margin-bottom:12px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:all .2s ease;font-weight:600;font-size:.95rem;margin-bottom:4px;border:1px solid transparent}.nav-item:hover{background:var(--bg);color:var(--primary)}.nav-item.active{background:var(--primary-bg);color:var(--primary);border-color:#f1700066}.nav-item .icon{font-size:18px;width:24px;text-align:center;display:flex;justify-content:center}.sidebar-footer{padding:24px;border-top:1px solid var(--border)}.user-info{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-md)}.user-avatar{width:40px;height:40px;background:var(--bg-tertiary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-secondary)}.user-details{flex:1;min-width:0}.user-name{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.75rem;color:var(--accent-secondary)}.main-content{flex:1;margin-left:280px;padding:32px;background:var(--bg);min-height:100vh;min-height:100dvh}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.page-title{font-size:1.875rem;font-weight:800;color:var(--text);letter-spacing:-.025em}.page-subtitle{color:var(--text-secondary);font-size:1rem;margin-top:4px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:all .2s ease;box-shadow:var(--shadow-sm)}.stat-card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:22px}.stat-icon.users{background:var(--info-bg)}.stat-icon.credits{background:var(--success-bg)}.stat-icon.transactions{background:var(--warning-bg)}.stat-icon.subscriptions{background:#f1700026}.stat-value{font-size:2rem;font-weight:800;line-height:1.2}.stat-label{color:var(--text-secondary);font-size:.9rem;margin-top:4px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.card-title{font-size:1.1rem;font-weight:600}.card-body{padding:24px}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border)}table{width:100%;border-collapse:collapse}thead th{text-align:left;padding:16px 24px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--bg);border-bottom:1px solid var(--border)}tbody td{padding:16px 24px;border-bottom:1px solid var(--border);font-size:.95rem;color:var(--text)}tbody tr:hover{background:var(--bg)}tbody tr:last-child td{border-bottom:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;cursor:pointer;border:none;transition:all .2s ease;text-decoration:none}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 6px -1px #f170004d}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 8px -1px #f1700066}.btn-secondary{background:#fff;color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg);border-color:var(--text-muted)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:8px 12px}.btn-ghost:hover{color:var(--primary);background:var(--primary-bg)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#dc2626;box-shadow:0 4px 6px -1px #ef44444d}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#059669;box-shadow:0 4px 6px -1px #10b9814d}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-error{background:var(--error-bg);color:var(--error)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-purple{background:#fff7ed;color:var(--primary)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;font-size:.9rem;color:var(--text-secondary)}.form-input{width:100%;padding:12px 16px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:.95rem;transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #f170001a}.form-input::placeholder{color:var(--text-muted)}.search-box{position:relative}.search-box .icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-box .form-input{padding-left:44px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal.active{display:flex}.modal-content{background:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-title{font-size:1.25rem;font-weight:700;color:var(--text)}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:4px;line-height:1;transition:all .2s ease;border-radius:var(--radius-sm)}.modal-close:hover{color:var(--text);background:var(--bg)}.modal-body{padding:24px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--border);background:var(--bg);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.user-detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.user-detail-row:last-child{border-bottom:none}.user-detail-label{color:var(--text-secondary);font-size:.9rem}.user-detail-value{font-weight:600;text-align:right;color:var(--text)}.loading{display:flex;align-items:center;justify-content:center;padding:40px}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state .icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state p{font-size:1rem}.pagination{display:flex;align-items:center;justify-content:space-between;padding:16px;border-top:1px solid var(--border)}.pagination-info{font-size:.85rem;color:var(--text-secondary)}.pagination-buttons{display:flex;gap:8px}.tabs{display:flex;gap:4px;background:var(--bg);padding:4px;border-radius:var(--radius-md);margin-bottom:24px}.tab{flex:1;padding:10px 16px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all .2s ease}.tab:hover{color:var(--text);background:#0000000d}.tab.active{background:#fff;color:var(--primary);box-shadow:var(--shadow-sm)}.view{display:none}.view.active{display:block}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:6px 10px;background:#1e293b;color:#fff;font-size:.75rem;font-weight:600;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s ease;margin-bottom:8px;box-shadow:var(--shadow-md)}.tooltip:hover:after{opacity:1}@media (max-width: 1024px){.sidebar{transform:translate(-100%);transition:var(--transition-normal)}.sidebar.active{transform:translate(0)}.main-content{margin-left:0}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.main-content{padding:20px}.stats-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.login-box{padding:32px 24px}.modal-content{max-width:100%}}.skeleton{background-color:#e2e8f0;border-radius:var(--radius-md, 8px);position:relative;overflow:hidden;width:100%;height:100%}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 1.5s infinite}[data-theme=dark] .skeleton{background-color:#ffffff0d}[data-theme=dark] .skeleton:after{background-image:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%)}@keyframes shimmer{to{transform:translate(100%)}}.skeleton.circle{border-radius:50%}.skeleton.text{height:1em;border-radius:4px}