:root{--primary: #dc2626;--primary-dark: #991b1b;--primary-soft: #fee2e2;--dark: #111827;--dark-strong: #020617;--surface: #ffffff;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--success: #16a34a;--warning: #d97706;--red-50: #fef2f2;--red-100: #fee2e2;--orange-100: #ffedd5;--yellow-50: #fefce8;--yellow-100: #fef3c7;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 32px;--shadow-card: 0 18px 40px -24px rgba(15, 23, 42, .35);--shadow-soft: 0 10px 30px -18px rgba(15, 23, 42, .22);--shadow-primary: 0 18px 40px -24px rgba(220, 38, 38, .45);--font-sans: "Segoe UI", Inter, ui-sans-serif, system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-sans);color:var(--dark);background:radial-gradient(circle at top left,rgba(220,38,38,.1),transparent 30%),radial-gradient(circle at bottom right,rgba(17,24,39,.08),transparent 28%),linear-gradient(180deg,#fffdfd,#f8fafc);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{border:0}img,svg{display:block}img{max-width:100%}@media(min-width:640px){.sm\:block{display:block}}@media(min-width:768px){.md\:hidden{display:none}}.page-title{margin:0;font-size:clamp(1rem,2vw,1.25rem);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--dark-strong)}.page-subtitle{margin:0;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-400)}.section-title{display:flex;align-items:center;gap:.55rem;margin:0 0 1.25rem;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--dark)}.section-title svg{color:var(--primary)}.card{background:#ffffffeb;border:1px solid rgba(226,232,240,.9);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.5rem}.card-subtitle{margin:0 0 .35rem;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-500)}.stat-value,.stat-value-primary{margin:0;font-size:1.7rem;font-weight:800;line-height:1.1}.stat-value{color:var(--dark)}.stat-value-primary{color:var(--primary)}.label{display:block;margin-bottom:.45rem;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-500)}.input,.select{width:100%;color:var(--dark);background:var(--surface);border:1px solid var(--gray-200);border-radius:var(--radius-md);transition:border-color .2s,box-shadow .2s}.input{min-height:52px;padding:.95rem 1rem}.select{min-height:48px;padding:.75rem .9rem}.input:focus,.select:focus{outline:none;border-color:#dc26268c;box-shadow:0 0 0 4px #dc26261f}.input::placeholder{color:var(--gray-400)}.password-wrapper{position:relative}.password-wrapper .input{padding-right:3rem}.password-toggle{position:absolute;top:50%;right:.75rem;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;color:var(--gray-400);background:transparent;cursor:pointer;transform:translateY(-50%)}.password-toggle:hover{color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:46px;padding:.8rem 1.3rem;border-radius:14px;font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:transform .15s,box-shadow .15s,background-color .15s}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:var(--shadow-primary)}.btn-primary:hover{background:linear-gradient(135deg,#dc2626,#991b1b)}.btn-secondary{color:var(--dark);background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid var(--gray-200)}.btn-secondary:hover{box-shadow:var(--shadow-soft)}.btn-ghost{color:var(--gray-500);background:transparent}.btn-ghost:hover{color:var(--dark);background:var(--gray-100)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;color:var(--gray-500);background:transparent;cursor:pointer}.icon-btn:hover{color:var(--primary);background:var(--red-50)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .8rem;border-radius:999px;font-size:.64rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.badge-pro{color:var(--primary);background:var(--red-100)}.badge-free{color:var(--gray-600);background:var(--gray-200)}.badge-success{color:var(--success);background:#dcfce7}.badge-warning{color:var(--warning);background:var(--orange-100)}.badge-badge{color:#92400e;background:var(--yellow-50);border:1px solid var(--yellow-100)}.table-wrapper{width:100%;overflow-x:auto}.table{width:100%;border-collapse:collapse;text-align:left}.table th{padding:1rem;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-500);background:var(--gray-50);border-bottom:1px solid var(--gray-200);white-space:nowrap}.table td{padding:1rem;font-size:.8rem;border-bottom:1px solid rgba(241,245,249,.95);white-space:nowrap}.table tbody tr:hover{background:#f8fafccc}.status-indicator{display:inline-flex;align-items:center;gap:.4rem;font-weight:700}.status-dot{width:.55rem;height:.55rem;border-radius:50%}.status-complete{color:var(--success)}.status-complete .status-dot{background:var(--success)}.status-incomplete{color:var(--warning)}.status-incomplete .status-dot{background:var(--warning)}.flex-between{display:flex;align-items:center;justify-content:space-between;gap:1rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.form-group{display:flex;flex-direction:column}.form-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.75rem}.form-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.form-body{display:flex;flex-direction:column;gap:1rem}.form-section{display:flex;flex-direction:column;gap:.625rem}.form-section-title{margin-bottom:0!important}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.625rem}.form-error{background:var(--red-50);border:1px solid rgba(220,38,38,.4);border-radius:var(--radius-md);padding:.75rem 1rem;margin-bottom:1rem;color:var(--primary);font-size:.8rem;font-weight:600}.form-compact .input,.form-compact .select{min-height:38px;padding:.55rem .75rem;font-size:.875rem}.form-compact .label{font-size:.68rem;margin-bottom:.3rem}.form-compact .form-body{gap:.75rem}.form-compact .form-section{gap:.45rem}.form-compact .form-header{margin-bottom:1rem}.form-compact .form-section-title{margin-bottom:.35rem!important}.form-compact .btn{min-height:38px;padding:.55rem 1.1rem}.grid-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.grid-charts{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.chart-container{height:200px}.animate-in{animation:fade-in .3s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.user-avatar-section{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.user-avatar{display:grid;place-items:center;width:76px;height:76px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#ef4444,#7f1d1d);font-size:1.8rem;font-weight:900;box-shadow:var(--shadow-primary)}.user-info-list{display:flex;flex-direction:column;gap:.8rem}.user-info-item{display:flex;align-items:center;gap:.75rem;padding:.85rem .95rem;background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-md)}.user-info-item svg{flex-shrink:0;color:var(--primary)}.stat-box{padding:1rem;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid var(--gray-200);border-radius:18px}.stat-card{padding:.75rem .5rem;text-align:center;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid var(--gray-200);border-radius:12px}.stat-card .stat-value,.stat-card .stat-value-primary{font-size:1.15rem}.streak-box{flex:1;padding:1rem;text-align:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:18px}.streak-current{background:linear-gradient(180deg,#fff1f2,#fff);border-color:#fecaca}.streak-value{margin:0 0 .4rem;font-size:1.7rem;font-weight:900;color:var(--dark)}.persona-tag{display:inline-flex;align-items:center;padding:.55rem .85rem;border-radius:999px;color:#fff;background:linear-gradient(135deg,#111827,#334155);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.script-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 1rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:18px}.script-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;color:var(--primary);background:var(--primary-soft)}.script-type{display:inline-flex;align-items:center;padding:.45rem .7rem;border-radius:999px;color:var(--gray-500);background:#fff;border:1px solid var(--gray-200);font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}@keyframes login-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes login-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-22px) scale(1.04)}}@keyframes login-rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes login-pulse-glow{0%,to{opacity:.55}50%{opacity:1}}.login-container{min-height:100vh;display:flex;background:#03060d;color:#cbd5e1}.login-brand-panel{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:50%;padding:clamp(2.5rem,5vw,4rem) clamp(2.5rem,6vw,5rem);overflow:hidden;background:#fff;border-right:1px solid rgba(255,255,255,.06)}.login-brand-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(220,38,38,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(220,38,38,.06) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 90% 90% at 50% 50%,black 20%,transparent 100%);mask-image:radial-gradient(ellipse 90% 90% at 50% 50%,black 20%,transparent 100%);pointer-events:none;z-index:0}.login-brand-center{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:2.5rem;animation:login-fade-up .8s ease both;width:100%;max-width:420px}.login-logo-brand{width:min(180px,65%);object-fit:contain;filter:brightness(0)}.brand-copy{display:flex;flex-direction:column;gap:.75rem}.brand-headline{margin:0;font-size:clamp(1.6rem,3.2vw,2.2rem);font-weight:800;line-height:1.2;color:#0f172a;letter-spacing:-.02em}.brand-headline span{color:var(--primary)}.brand-subtext{margin:0;font-size:.95rem;font-weight:400;line-height:1.65;color:#475569;max-width:340px}.brand-features{display:flex;flex-direction:column;gap:.85rem}.brand-feature{display:flex;align-items:center;gap:.75rem;color:#334155;font-size:.875rem;font-weight:500}.brand-feature-icon{flex-shrink:0;width:28px;height:28px;border-radius:8px;background:#dc26261f;border:1px solid rgba(220,38,38,.2);display:flex;align-items:center;justify-content:center;color:var(--primary)}.brand-badge{display:flex;align-items:center;gap:.5rem;padding:.45rem .85rem;background:#dc262614;border:1px solid rgba(220,38,38,.18);border-radius:999px;font-size:.72rem;font-weight:600;color:#fca5a5;letter-spacing:.04em;text-transform:uppercase}.brand-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--primary);animation:brand-pulse 1.8s ease-in-out infinite}@keyframes brand-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.login-form-panel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:50%;padding:clamp(2rem,5vw,5rem);background:#0a0a0a;overflow:hidden}.login-ambient-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,#dc262612,#0a0a0a00 60%);filter:blur(60px);pointer-events:none}.login-circuit-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.5);pointer-events:none;opacity:.5}@media(min-width:640px){.login-circuit-bg{transform:translate(-50%,-50%) scale(1)}}.login-card-wrap{position:relative;z-index:1;width:100%;max-width:420px;border-radius:32px;padding:2px;background:linear-gradient(180deg,#ffffff14,#ffffff03);box-shadow:0 24px 48px -12px #000;animation:login-fade-up .7s .1s ease both}.login-mobile-logo{display:none;margin-bottom:2rem;align-self:flex-start}.login-logo{width:min(140px,60%);object-fit:contain}.login-glass-card{position:relative;z-index:1;width:100%;background:#0f0f0f;border-radius:30px;padding:clamp(2rem,4vw,2.75rem);box-shadow:inset 0 1px #ffffff0d,inset 0 0 0 1px #ffffff05;overflow:hidden}.login-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;text-align:center}.login-title{margin:0 0 .25rem;font-size:clamp(1.4rem,3vw,1.75rem);font-weight:600;color:#fff;letter-spacing:-.02em}.login-header .login-subtitle{margin:0;font-size:.82rem;line-height:1.5;color:#fff6;font-weight:300}.login-form{display:flex;flex-direction:column;gap:1rem}.login-field-group{display:flex;flex-direction:column;gap:.4rem}.login-label{font-size:.72rem;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:.07em;margin-left:2px}.login-input-wrap{position:relative}.login-input{display:block;width:100%;padding:.875rem 1rem;background:#050505;border:none;border-radius:12px;color:#ffffffe6;font-size:.95rem;outline:none;transition:box-shadow .15s;box-shadow:inset 0 2px 6px #000c,inset 0 0 0 1px #ffffff0a}.login-input::placeholder{color:#fff;opacity:.45}.login-input::-webkit-input-placeholder{color:#fff;opacity:.45}.login-input::-moz-placeholder{color:#fff;opacity:.45}.login-input:focus{box-shadow:inset 0 2px 6px #000c,inset 0 0 0 1px #ffffff0a,0 0 0 1px #dc262680}.login-input-password{padding-right:3rem}.login-input-code{text-align:center;letter-spacing:.35em;font-size:1.1rem;font-weight:700}.login-input:-webkit-autofill,.login-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 30px #050505 inset!important;-webkit-text-fill-color:#fff!important}.login-eye-btn{position:absolute;inset-block:0;right:0;padding:0 1rem;display:flex;align-items:center;color:#ffffff73;background:transparent;cursor:pointer}.login-eye-btn:hover{color:#fff}.login-links{display:flex;justify-content:flex-end}.login-error{padding:.8rem .9rem;border:1px solid rgba(255,46,85,.18);border-radius:12px;background:#ff2e5514;color:#fecdd3;font-size:.88rem}.forgot-link{font-size:.82rem;font-weight:600;color:#dc2626b3;transition:color .15s}.forgot-link:hover{color:#ef4444}.login-submit-btn-wrap{position:relative;cursor:pointer;margin-top:.5rem}.login-submit-btn-wrap:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;background:linear-gradient(180deg,#fca5a5,#b91c1c);opacity:0;filter:blur(24px);pointer-events:none;transition:opacity .7s}.login-submit-btn-wrap:hover:before{opacity:.25}.login-submit-btn-outer{position:relative;border-radius:30px;padding:3px;background:linear-gradient(180deg,#262626,#0a0a0a);box-shadow:0 12px 24px -6px #000c;overflow:hidden;transition:transform .3s ease}.login-submit-btn-outer:active{transform:scale(.98)}.login-submit-btn-shine{position:absolute;top:50%;left:50%;width:400px;height:400px;transform:translate(-50%,-50%);opacity:0;pointer-events:none;background:conic-gradient(from 0deg,transparent 70%,rgba(220,38,38,.6) 85%,rgba(252,165,165,1) 100%);animation:spin 2s linear infinite;transition:opacity .5s}.login-submit-btn-wrap:hover .login-submit-btn-shine{opacity:1}.login-submit-btn-inset{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:30px;pointer-events:none;box-shadow:inset 0 6px 12px #000c,inset 0 1px #ffffff0f,inset 0 0 0 1px #ffffff05,inset 0 -1px 2px #000c}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.login-submit-btn{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 2rem;border-radius:27px;font-size:.95rem;font-weight:600;color:#fff;background:linear-gradient(180deg,#ef4444,#b91c1c);cursor:pointer;border:none;outline:none;text-shadow:0 1px 0 rgba(255,255,255,.2);box-shadow:inset 0 1px 1px #ffffff59,inset 0 -3px 6px #78000080,inset 0 -1px 2px #500000b3,inset 0 0 0 1px #ffffff14,0 6px 12px #0009,0 2px 4px #0006;transition:opacity .15s}.login-submit-btn:disabled,.login-secondary-btn:disabled{opacity:.65;cursor:not-allowed}.login-actions{display:flex;gap:.75rem}.login-actions .login-submit-btn-wrap,.login-actions .login-secondary-btn{flex:1}.login-actions .login-submit-btn-wrap{margin-top:0}.login-actions .login-submit-btn-outer{padding:2px}.login-actions .login-submit-btn,.login-actions .login-secondary-btn{min-height:2.75rem}.login-actions .login-submit-btn{width:100%;padding:0 1.5rem}.login-secondary-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.25rem;border-radius:12px;font-size:.95rem;font-weight:700;color:#e2e8f0;background:#000;border:1px solid rgba(148,163,184,.16);cursor:pointer;transition:border-color .15s,background .15s,opacity .15s}.login-actions .login-secondary-btn{padding:0 1.25rem}.login-secondary-btn:hover{background:#111;border-color:#94a3b847}.login-submit-btn:hover{opacity:.92}.dashboard{min-height:100vh;display:flex;background:linear-gradient(180deg,#f8fafc,#eef2ff)}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;width:68px;min-width:68px;height:100vh;padding:1.5rem .75rem;background:#03060d;color:#e2e8f0;transition:width .15s ease,min-width .15s ease;z-index:10}.sidebar-expanded{width:220px;min-width:220px}.sidebar-header{display:flex;align-items:center;justify-content:center;min-height:52px;margin-bottom:2rem}.sidebar-logo{width:130px;filter:brightness(0) invert(1);object-fit:contain}.sidebar-logo-collapsed{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#ff2e55,#e50914);color:#fff;font-size:1.1rem;font-weight:900;flex-shrink:0}.sidebar-nav{display:flex;flex:1;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.7rem;border-radius:10px;color:#64748b;background:transparent;cursor:pointer;white-space:nowrap;transition:color .15s}.nav-item svg{flex-shrink:0}.sidebar-expanded .nav-item{justify-content:flex-start}.nav-item:hover{color:#e2e8f0}.nav-item-active{color:#ff2e55}.nav-label{font-size:.875rem;font-weight:500;opacity:0;width:0;overflow:hidden;transition:opacity .15s,width .15s}.nav-label-visible{opacity:1;width:auto}.sidebar-footer{padding-top:1rem;border-top:1px solid rgba(255,255,255,.06)}.dashboard-main{min-width:0;flex:1;display:flex;flex-direction:column}.dashboard-header{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:1.25rem 2rem;background:var(--gray-50)}.header-actions{display:flex;align-items:center;gap:.75rem}.notification-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;color:var(--gray-500);background:transparent;cursor:pointer}.notification-btn:hover{color:var(--dark);background:var(--gray-100)}.notification-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;border:2px solid var(--gray-50);border-radius:50%;background:var(--primary)}.user-menu{display:flex;align-items:center;gap:.75rem;padding:.4rem .75rem;border-radius:10px;border:1px solid var(--gray-200);background:var(--surface)}.user-avatar-small{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#fff;background:var(--primary)}.dashboard-content{flex:1;padding:2rem}.coming-soon{display:grid;place-items:center;min-height:320px;padding:2rem;border:1px dashed rgba(203,213,225,.95);border-radius:24px;background:#ffffffd1;color:var(--gray-500);font-weight:700;text-transform:uppercase;letter-spacing:.08em}@media(min-width:768px){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1023px){.dashboard{flex-direction:column}.sidebar,.sidebar-expanded{position:static;width:100%;min-width:100%;height:auto;padding:1rem}.sidebar-header{justify-content:flex-start;margin-bottom:1rem}.sidebar-nav{flex-direction:row;overflow-x:auto;padding-bottom:.25rem}.nav-item{flex:0 0 auto}.nav-label{opacity:1}.sidebar-footer{border-top:0;padding-top:0;margin-top:1rem}}@media(max-width:900px){.login-container{flex-direction:column}.login-brand-panel{display:none}.login-form-panel{width:100%;min-height:100vh;padding:2.5rem 1.5rem}.login-mobile-logo{display:flex}.login-actions{flex-direction:column}}@media(max-width:768px){.dashboard-header,.dashboard-content{padding:1.25rem}.flex-between,.script-item{flex-direction:column;align-items:stretch}.grid-stats{grid-template-columns:repeat(2,1fr)}.grid-charts{grid-template-columns:1fr}.user-menu{padding-left:.55rem}}@media(max-width:640px){.card,.dashboard-content{padding:1.1rem}.table th,.table td{padding:.85rem .75rem}}.user-details-grid{display:grid;gap:1.25rem}@media(min-width:1024px){.user-details-grid{grid-template-columns:repeat(3,1fr);align-items:start}}.user-details-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:640px){.user-details-stats-grid{grid-template-columns:repeat(4,1fr)}}.user-details-scripts-list,.users-mobile-list{display:flex;flex-direction:column;gap:.75rem}.users-mobile-card{padding:1rem;border-radius:var(--radius-md);border:1px solid var(--gray-100);background:var(--gray-50)}.users-mobile-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.users-mobile-card-name{min-width:0}.users-mobile-card-name p:first-child{font-weight:700;font-size:.875rem;color:var(--dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.users-mobile-card-name p:last-child{font-size:.75rem;color:var(--gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.125rem}.users-mobile-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem}.users-mobile-card-meta{display:flex;flex-direction:column;gap:.25rem}.users-mobile-card-date{font-size:.7rem;color:var(--gray-500)}.users-table-wrapper{display:none}@media(min-width:640px){.users-mobile-list{display:none}.users-table-wrapper{display:block}}