*,*:before,*:after{box-sizing:border-box}:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}body{margin:0;background:radial-gradient(circle at top,#1f2937 0,#020617 55%,#000);color:#e5e7eb}#root{min-height:100vh}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{width:min(960px,100%);background:radial-gradient(circle at top left,#020617 0,#020617ee 55%);border-radius:26px;border:1px solid #111827;box-shadow:0 28px 80px #000c;padding:30px 36px 34px}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.header-left h1{margin:0 0 6px;font-size:24px;font-weight:700;text-align:left}.subtitle{margin:0;font-size:13px;color:#9ca3af}.header-right{display:flex;align-items:center;gap:12px}.user-info{display:flex;align-items:center;gap:10px}.user-avatar{width:64px;height:64px;border-radius:14px;object-fit:cover;background:#22c55e}.user-text{display:flex;flex-direction:column;gap:3px}.user-name{font-size:14px;font-weight:600;color:#e5e7eb}.user-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:999px;font-size:11px;text-transform:capitalize}.user-badge.role{background:linear-gradient(90deg,#22c55e,#a3e635);color:#052e16;font-weight:600}.user-badge.status{margin-top:2px}.user-badge.status.approved{background:#22c55e14;color:#4ade80;border:1px solid rgba(34,197,94,.35)}.user-badge.status.pending{background:#eab3081a;color:#fde68a;border:1px solid rgba(234,179,8,.4)}.user-badge.status.blocked{background:#f871711a;color:#fecaca;border:1px solid rgba(248,113,113,.4)}.logout-button{border:none;border-radius:999px;padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;background:#111827;color:#e5e7eb;transition:background .18s ease,transform .1s ease}.logout-button:hover{background:#1f2937;transform:translateY(-1px)}.tabs{display:flex;gap:8px;margin-bottom:18px}.tab-button{flex:1;border-radius:999px;border:none;padding:9px 14px;font-size:13px;font-weight:600;cursor:pointer;background:#020617;color:#e5e7eb;box-shadow:inset 0 0 0 1px #111827;transition:background .18s ease,transform .1s ease,box-shadow .18s ease}.tab-button:hover{background:#050816}.tab-button.active{background:linear-gradient(90deg,#22c55e,#a3e635);color:#052e16;box-shadow:0 0 0 1px #bef264b3}.field{margin-bottom:14px}.field-inline{display:flex;gap:14px;align-items:flex-start}.field-half{flex:1}label{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:#e5e7eb}input[type=file]{width:100%;padding:8px 10px;border-radius:12px;border:1px solid #111827;background:#020617;color:#9ca3af;font-size:13px}input[type=file]::-webkit-file-upload-button{border:none;border-radius:999px;padding:7px 14px;margin-right:10px;background:linear-gradient(90deg,#22c55e,#16a34a);color:#052e16;font-weight:600;cursor:pointer}select{width:100%;padding:9px 12px;border-radius:14px;border:1px solid #111827;background:#020617;color:#e5e7eb;font-size:13px}input[type=range]{width:100%;margin-top:4px;accent-color:#22c55e}.quality-value{color:#22c55e;font-weight:600}.helper-text{margin:4px 0 0;font-size:11px;color:#9ca3af}button{font-family:inherit}.field>button{width:100%;border-radius:999px;border:none;padding:11px 18px;font-size:14px;font-weight:700;cursor:pointer;background:linear-gradient(90deg,#22c55e,#16a34a);color:#052e16;box-shadow:0 16px 40px #16a34a59;transition:background .18s ease,transform .1s ease,box-shadow .18s ease,opacity .1s ease}.field>button:hover:not(:disabled){background:linear-gradient(90deg,#4ade80,#22c55e);transform:translateY(-1px)}.field>button:disabled{opacity:.55;cursor:default;box-shadow:none}.sizes{margin:4px 0 10px;font-size:12px;color:#9ca3af}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:8px}.preview-container p{font-size:12px;margin:0 0 4px;color:#9ca3af}.preview-img{width:100%;max-height:260px;object-fit:contain;border-radius:12px;background:#020617;border:1px solid #111827}.users-panel{margin-top:4px}.users-panel h2{margin:0 0 4px;font-size:18px}.users-table-wrapper{margin-top:10px;border-radius:16px;border:1px solid #111827;overflow:hidden;background:#020617}.users-table{width:100%;border-collapse:collapse;font-size:12px}.users-table thead{background:#020617}.users-table th,.users-table td{padding:9px 12px;border-bottom:1px solid #111827;text-align:left}.users-table th{font-weight:600;color:#9ca3af}.users-table tbody tr:nth-child(2n){background:#020617f0}.status-actions{display:flex;flex-wrap:wrap;gap:6px}.status-actions button{border-radius:999px;border:none;padding:5px 10px;font-size:11px;font-weight:600;cursor:pointer;background:#020617;color:#e5e7eb;box-shadow:inset 0 0 0 1px #111827;transition:background .18s ease,box-shadow .18s ease,transform .1s ease,opacity .1s ease}.status-actions button:hover:not(:disabled){background:#111827;transform:translateY(-1px)}.status-actions button.danger{background:#f871711a;color:#fecaca;box-shadow:inset 0 0 0 1px #f8717180}.status-actions button.secondary{background:#94a3b826;color:#e5e7eb;box-shadow:inset 0 0 0 1px #94a3b899}.status-actions button:disabled{opacity:.4;cursor:default;transform:none}.page .card>h1{text-align:center}@media(max-width:768px){.card{padding:22px 18px 24px;border-radius:20px}.header{flex-direction:column;align-items:flex-start}.header-right{width:100%;justify-content:space-between}.tabs{margin-top:12px}.field-inline{flex-direction:column}}.login-hero-card{max-width:520px;padding:2.4rem 2.8rem;text-align:center;margin-top:4rem;background:radial-gradient(circle at top left,rgba(168,85,247,.28),transparent 55%),radial-gradient(circle at top right,rgba(45,212,191,.25),transparent 50%),#071220f5;box-shadow:0 24px 60px #0f172ae6,0 0 0 1px #94a3b814}.login-hero-title{margin:0 0 .75rem;line-height:1.25;font-size:1.9rem}.gradient-text{background:linear-gradient(90deg,#f973c7,#a855f7,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600}.gradient-text-strong{background:linear-gradient(90deg,#f973c7,#a855f7,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}.login-hero-subtitle{margin:0 0 1.8rem;font-size:.95rem;color:#a0aec0}.google-hero-button{border:none;outline:none;cursor:pointer;width:100%;max-width:360px;margin:0 auto;border-radius:999px;padding:.9rem 1.4rem;font-size:.98rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.6rem;background:linear-gradient(90deg,#f973c7,#a855f7,#22d3ee);color:#0b1020;box-shadow:0 16px 40px #38bdf873,0 0 0 1px #0f172abf;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.google-hero-button:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 22px 55px #38bdf8a6,0 0 0 1px #0f172ae6}.google-hero-icon{width:26px;height:26px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#fff;font-size:.9rem;font-weight:700;color:#ea4335;box-shadow:0 0 0 1px #94a3b880}@media(max-width:600px){.login-hero-card{margin-top:3rem;padding:2rem 1.8rem}.login-hero-title{font-size:1.6rem}}