:root{--bg:#f6f8fc;--card:#fff;--text:#101828;--muted:#7c8798;--line:#e8ecf3;--primary:#5947f1;--primary-2:#7f58ff;--shadow:0 24px 70px rgba(40,50,90,.13);--soft-shadow:0 14px 35px rgba(28,35,65,.1);--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 50% -20%,rgba(113,84,255,.2),transparent 38%),linear-gradient(180deg,#fbfcff 0,var(--bg) 52%,#f0f4fb 100%)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}a{color:var(--primary);text-decoration:none;font-weight:800}.page-shell{min-height:100vh;overflow-x:hidden}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;justify-content:space-between;gap:18px;padding:18px clamp(18px,5vw,78px);background:hsla(0,0%,100%,.86);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(225,231,240,.9)}.brand,.topbar{display:flex;align-items:center}.brand{gap:16px;min-width:0}.brand-image{width:66px;height:66px;border-radius:18px;flex:0 0 auto;display:grid;place-items:center;position:relative;color:#fff;font-weight:900;background:linear-gradient(145deg,#121127,#7a36ed 48%,#ff7ac7);box-shadow:0 12px 28px rgba(87,62,220,.3)}.brand-image svg{position:absolute;right:8px;bottom:8px}.brand h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.45rem,4vw,2.1rem);font-style:italic;line-height:1;white-space:nowrap}.brand p{margin:6px 0 0;color:var(--muted);font-size:.92rem}.top-actions{display:flex;gap:12px}.icon-btn{width:66px;height:60px;border-radius:20px;color:#425066;background:#f4f7fb;border:1px solid #dbe2ec;box-shadow:0 8px 18px rgba(25,35,60,.08),inset 0 -3px 8px rgba(0,0,0,.03)}.icon-btn:hover{color:var(--primary);transform:translateY(-1px)}.hero-glow{height:80px;margin-bottom:-70px;background:linear-gradient(90deg,transparent,rgba(107,87,255,.24),transparent);filter:blur(24px)}.auth-wrap{min-height:calc(100vh - 180px);display:grid;place-items:start center;padding:110px 18px 30px}.auth-card,.panel,.welcome-card{background:hsla(0,0%,100%,.94);border:1px solid rgba(223,228,238,.92);box-shadow:var(--shadow);border-radius:var(--radius)}.auth-card{width:min(690px,100%);padding:clamp(28px,6vw,48px);position:relative;overflow:hidden}.auth-line{position:absolute;inset:0 0 auto 0;height:7px;background:linear-gradient(90deg,var(--primary),var(--primary-2))}.auth-card h2{margin:0 0 30px;text-align:center;font-size:clamp(2.2rem,8vw,3.2rem);letter-spacing:-.04em}.title-underline{width:150px;height:7px;border-radius:20px;background:linear-gradient(90deg,var(--primary),var(--primary-2));margin:-18px auto 34px}.form-stack{display:grid;grid-gap:24px;gap:24px}.form-stack label{display:grid;grid-gap:12px;gap:12px;color:#151a24;font-weight:800;font-size:clamp(1.05rem,3.6vw,1.42rem)}.form-stack label span{display:inline-flex;align-items:center;gap:12px}.form-stack label svg{color:var(--primary);flex:0 0 auto}input,select,textarea{width:100%;border:1px solid #dfe5ed;border-radius:22px;background:#f9fbfd;color:#161b25;outline:0;box-shadow:inset 0 2px 4px rgba(31,44,72,.035)}input,select{min-height:72px;padding:0 24px}textarea{min-height:150px;resize:vertical;padding:22px 24px}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 5px rgba(89,71,241,.1)}::placeholder{color:#9099a7}small{color:var(--muted);font-size:.9rem;line-height:1.45}.soft-divider{height:10px;background:#f1f3f7;border-radius:999px}.primary-btn,.send-btn{min-height:76px;border-radius:22px;display:inline-flex;justify-content:center;align-items:center;gap:14px;color:#fff;font-size:clamp(1.15rem,4vw,1.55rem);font-weight:900;box-shadow:0 16px 32px rgba(89,71,241,.28);transition:transform .18s ease,filter .18s ease}.primary-btn{background:linear-gradient(135deg,var(--primary),#513ee4)}.send-btn{background:#050505;box-shadow:0 14px 28px rgba(0,0,0,.18);margin-top:10px}.primary-btn:hover,.send-btn:hover{transform:translateY(-2px);filter:brightness(1.04)}.auth-switch{margin-top:34px;padding-top:24px;text-align:center;color:var(--muted);border-top:1px solid var(--line);font-size:clamp(1rem,4vw,1.25rem)}.auth-switch button{color:var(--primary);background:transparent;font-weight:900}.notice,.success-banner{border-radius:18px;padding:16px 18px;font-weight:800;margin-bottom:18px}.notice.error{background:#fff1f2;color:#b42318;border:1px solid #fecdd3}.success-banner{display:flex;align-items:center;gap:10px;justify-content:center;background:#e9fbf1;color:#15803d;border:1px solid #bbf7d0;font-size:1.15rem}.dashboard{padding:44px clamp(16px,5vw,78px)}.welcome-card{padding:24px;display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0 auto 24px;max-width:1220px}.welcome-card p{margin:0 0 6px;color:var(--muted);font-weight:700}.welcome-card h2{margin:0;font-size:clamp(1.4rem,5vw,2.2rem);letter-spacing:-.03em}.welcome-card span{display:inline-flex;gap:6px;align-items:center;padding:10px 14px;border-radius:999px;color:#166534;background:#ecfdf3;font-weight:800;white-space:nowrap}.stats-strip{max-width:1220px;margin:0 auto 28px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px}.stat-card{min-height:124px;display:grid;place-items:center;text-align:center;border-radius:24px;background:#f4f7fb;border:1px solid #dee6f0;box-shadow:var(--soft-shadow);text-transform:uppercase;color:#6f7888;font-weight:900}.stat-card strong{display:block;font-size:2.1rem;color:#111827}.stat-card.warn strong{color:#f2ad18}.stat-card.blue strong{color:#458df5}.stat-card.purple strong{color:#8b5cf6}.dashboard-grid{max-width:1220px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);grid-gap:32px;gap:32px}.panel{padding:clamp(24px,4.5vw,42px)}.panel h2{margin:0 0 24px;padding-bottom:22px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;color:#354053;font-size:clamp(1.7rem,5vw,2.25rem);letter-spacing:-.04em}.date-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.tabs{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px;margin-bottom:22px}.tabs button{flex:0 0 auto;border-radius:999px;padding:15px 22px;background:#f2f5fa;color:#728093;font-weight:900;font-size:1rem}.tabs button.active{background:#f0e9ff;color:var(--primary);box-shadow:inset 0 0 0 2px #d1bfff}.search-box{display:flex;align-items:center;gap:10px;border:1px solid #d9dfe8;border-radius:18px;min-height:68px;padding:0 16px;background:#fbfcfe;margin-bottom:28px}.search-box input{border:0;box-shadow:none;background:transparent;min-height:62px;padding:0}.search-box button{background:#eef2f7;border-radius:12px;width:32px;height:32px;color:#475467}.reports-grid{display:grid;grid-gap:22px;gap:22px}.empty-state{text-align:center;color:#7b8493;font-size:1.18rem;padding:34px 0 20px}.report-card{position:relative;overflow:hidden;border-radius:28px;padding:28px;border:1px solid #edf0f4;background:#fff;box-shadow:0 18px 42px rgba(31,42,70,.1)}.report-card:before{content:"";position:absolute;inset:0 auto 0 0;width:10px;background:#f5bd22}.report-card.proceso:before{background:#4096ff}.report-card.resuelto:before{background:#22c55e}.report-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.report-head h3{margin:0;gap:10px;font-size:1.55rem}.report-head h3,.report-head p{display:flex;align-items:center}.report-head p{margin:7px 0 0;gap:6px;color:#818a99;font-weight:700}.report-head select{width:auto;min-height:44px;border-radius:14px;padding:0 14px;font-size:.9rem}.status{display:inline-flex;align-items:center;margin:18px 0;padding:9px 16px;border-radius:999px;font-weight:900;text-transform:uppercase;font-size:.92rem}.status.pending{color:#a15c00;background:#fff8d8;border:1px solid #fde68a}.status.process{color:#075985;background:#e0f2fe;border:1px solid #bae6fd}.status.solved{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.report-field{position:relative;display:grid;grid-gap:8px;gap:8px;padding:12px 58px 12px 0}.description-box strong,.report-field strong{display:flex;align-items:center;gap:8px;color:#7a8493;text-transform:uppercase}.description-box p,.report-field p{margin:0;font-size:1.1rem;overflow-wrap:anywhere}.report-field button{position:absolute;right:0;top:50%;translate:0 -50%;width:44px;height:44px;border-radius:12px;background:#eef2f7;color:#8b95a5}.no-copy{padding-right:0}.description-box{border-top:1px solid var(--line);margin-top:8px;padding-top:18px;display:grid;grid-gap:9px;gap:9px}.footer{padding:28px 18px 42px;text-align:center;color:#7b8493;font-size:1rem}.footer p{margin:8px 0}@media (min-width:1080px){.dashboard-grid{grid-template-columns:minmax(430px,.9fr) minmax(520px,1.1fr);align-items:start}.list-panel{position:-webkit-sticky;position:sticky;top:112px}}@media (max-width:760px){.topbar{padding:14px 18px}.brand-image{width:52px;height:52px;border-radius:14px}.brand p{display:none}.icon-btn{width:56px;height:54px;border-radius:18px}.auth-wrap{padding-top:96px}.stats-strip{grid-template-columns:repeat(4,minmax(116px,1fr));overflow-x:auto;padding-bottom:8px}.stat-card{min-height:106px}.welcome-card{align-items:flex-start;flex-direction:column}.date-grid{grid-template-columns:1fr}.report-head{flex-direction:column}.report-head select{width:100%}input,select{min-height:64px}.primary-btn,.send-btn{min-height:68px}}@media (max-width:420px){.brand h1{font-size:1.25rem}.auth-card,.panel{border-radius:24px}.form-stack label{font-size:1.02rem}.tabs button{padding:12px 16px}}.icon-btn.admin{color:var(--primary)}.notice.success{background:#ecfdf3;color:#15803d;border:1px solid #bbf7d0}.admin-page{padding-top:28px}.admin-hero{border:1px solid rgba(89,71,241,.2)}.admin-grid{max-width:1220px;margin:0 auto 28px;display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);grid-gap:20px;gap:20px}.admin-box h2{margin-top:0;display:flex;align-items:center;gap:10px}.admin-form{display:grid;grid-template-columns:1fr auto;grid-gap:12px;gap:12px;align-items:center}.primary-small{min-height:58px;padding:0 18px;border-radius:18px;display:inline-flex;gap:8px;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),#513ee4);color:#fff;font-weight:900;white-space:nowrap}.admin-list{display:grid;grid-gap:10px;gap:10px;margin-top:18px}.admin-list div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border-radius:16px;background:#f7f9fc;border:1px solid #e8ecf3}.admin-list span{display:inline-flex;align-items:center;gap:8px;overflow-wrap:anywhere}.admin-list b{color:#a15c00;background:#fff8d8;border:1px solid #fde68a;padding:6px 10px;border-radius:999px}.admin-list button{background:#fff1f2;color:#b42318;border-radius:999px;padding:8px 12px;font-weight:900}.helper{color:#647084;line-height:1.65;font-size:1.02rem}.search-box,.searchbox{display:flex;align-items:center;gap:10px;border:1px solid #d9dfe8;border-radius:18px;min-height:68px;padding:0 16px;background:#fbfcfe;margin-bottom:28px}.search-box input,.searchbox input{border:0;box-shadow:none;background:transparent;min-height:62px;padding:0}.report-list,.reports-grid{display:grid;grid-gap:22px;gap:22px}.empty,.empty-state{text-align:center;color:#7b8493;font-size:1.18rem;padding:34px 0 20px}.mini-actions{display:flex;gap:8px;align-items:center}.mini-actions button{width:44px;height:44px;border-radius:14px;color:#b42318;background:#fff1f2}.copy-row button{display:grid;place-items:center}.report-field.description{border-top:1px solid var(--line);margin-top:8px;padding-top:18px;padding-right:0}footer{padding:28px 18px 42px;text-align:center;color:#7b8493;font-size:1rem}@media (max-width:760px){.admin-form,.admin-grid{grid-template-columns:1fr}.mini-actions{width:100%}.mini-actions select{flex:1 1}}:root{--primary:#6246ff;--primary-2:#9b5cff;--ok:#16a34a;--warn:#f59e0b;--info:#2563eb}.brand h1{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-style:normal;font-weight:950;letter-spacing:-.055em}.brand-image{background:radial-gradient(circle at 70% 25%,#ff8bd7 0 12%,transparent 13%),linear-gradient(145deg,#25115f,#6d35f2 45%,#c03cff)}.topbar{box-shadow:0 12px 30px rgba(15,23,42,.05)}.welcome-card.admin-hero{background:radial-gradient(circle at 90% 0,rgba(155,92,255,.18),transparent 32%),linear-gradient(135deg,hsla(0,0%,100%,.96),rgba(248,250,255,.96))}.admin-hero small{display:block;margin-top:8px;color:var(--muted);font-weight:700}.admin-insights{max-width:1220px;margin:-10px auto 26px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.admin-insights div{min-height:88px;border:1px solid #e5e9f2;border-radius:22px;background:hsla(0,0%,100%,.88);box-shadow:var(--soft-shadow);padding:18px;display:grid;align-content:center;grid-gap:4px;gap:4px}.admin-insights b{font-size:1.9rem;color:var(--primary);line-height:1}.admin-insights span{color:#667085;font-weight:850}.feature-box{background:linear-gradient(145deg,#fff,#f6f3ff)}.report-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.report-card:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(30,41,59,.12);border-color:rgba(98,70,255,.18)}.card-status-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:16px 0 8px}.card-status-row .status{margin:0}.reply-count{padding:8px 13px;border-radius:999px;background:#eef2ff;color:#4f46e5;border:1px solid #dcdcff;font-weight:900;font-size:.88rem}.reply-timeline{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);display:grid;grid-gap:12px;gap:12px}.reply-timeline h4{margin:0;color:#465166;display:flex;align-items:center;gap:8px;font-size:1rem;text-transform:uppercase;letter-spacing:.03em}.reply-bubble{border-radius:18px;padding:14px 15px;background:linear-gradient(145deg,#f3f6ff,#fff);border:1px solid #dfe6ff}.reply-bubble div{display:flex;justify-content:space-between;gap:12px;color:#536079;font-size:.9rem;font-weight:800}.reply-bubble div span{color:#8993a4;font-weight:700}.reply-bubble p{margin:8px 0 0;color:#111827;line-height:1.55;white-space:pre-wrap}.admin-reply{margin-top:18px;padding:14px;border-radius:22px;background:#f7f8fc;border:1px solid #e4e9f2;display:grid;grid-gap:12px;gap:12px}.admin-reply textarea{min-height:96px;border-radius:18px;background:#fff;padding:16px}.admin-reply button{min-height:50px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:linear-gradient(135deg,var(--primary),#4f39df);font-weight:950}.admin-reply button:disabled{opacity:.55;cursor:not-allowed}.admin-report-card .report-head h3{color:#111827}.admin-report-card .mini-actions select{background:#fff}.admin-list div{box-shadow:0 8px 18px rgba(16,24,40,.04)}.admin-reply button:hover:not(:disabled),.icon-btn:hover,.primary-small:hover{filter:brightness(1.03)}@media (max-width:760px){.admin-insights{grid-template-columns:1fr}.reply-bubble div{flex-direction:column;gap:3px}.card-status-row{align-items:flex-start}}