*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f4f7fb;--panel:#fbfcfe;--card:#fff;--border:#e6ebf2;--text:#0f172a;--muted:#64748b;--green:#16a34a;--green-soft:#dcfce7;--red:#dc2626;--red-soft:#fee2e2;--blue:#2563eb;--blue-soft:#dbeafe;--shadow:0 1px 2px #0f172a0a, 0 10px 30px #0f172a0f;--radius-sm:12px;--radius-md:20px;--transition:.18s ease}html,body,#root{width:100%;height:100%}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.app{grid-template-columns:360px 1fr 320px;width:100vw;height:100vh;display:grid;overflow:hidden}.sidebar{background:var(--panel);border-right:1px solid var(--border);padding:24px;overflow-y:auto}.sidebar:last-child{border-right:none;border-left:1px solid var(--border)}.main{grid-template-rows:1fr 1fr;gap:22px;padding:24px;display:grid;overflow-y:auto}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);padding:24px;overflow-y:auto}h1{letter-spacing:-1px;margin-bottom:14px;font-size:32px;font-weight:800}h2{color:var(--text);margin-bottom:18px;font-size:22px;font-weight:700}h3{margin-bottom:10px;font-size:15px;font-weight:700}p{color:var(--muted)}label{color:var(--muted);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);padding:18px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0f172a14,0 20px 40px #0f172a1a}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);background:#fff;outline:none;padding:12px 14px;font-size:14px;transition:border .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:#2563eb59;box-shadow:0 0 0 4px #2563eb1a}textarea{resize:vertical;min-height:100px}.readonlyField{pointer-events:none;opacity:.75;background:#f8fafc}.readonlyText{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);background:#f8fafc;padding:12px 14px;font-size:14px}.group{margin-bottom:18px}.divGroup{align-items:flex-end;gap:18px;display:flex}.groupMini{flex:1}button{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:700;transition:transform .15s,opacity .15s,background .2s;display:flex;box-shadow:0 4px 12px #2563eb26}button:hover{background:#1d4ed8;transform:translateY(-1px)}button:active{transform:scale(.98)}button:disabled{opacity:.4;cursor:not-allowed}.botonForm{width:180px;margin:20px auto 0}.ticketItem{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:16px;margin-bottom:14px;padding:16px;transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:0 1px 2px #0f172a0a}.ticketItem:hover{border-color:#dbeafe;transform:translateY(-2px);box-shadow:0 8px 20px #0f172a14}.ticketTitle{color:var(--text);margin-bottom:10px;font-size:15px;font-weight:700}.ticketMeta{color:var(--muted);justify-content:space-between;gap:10px;margin-top:6px;font-size:12px;display:flex}.ticketDetail{flex-direction:column;height:100%;display:flex}.ticketDetail__input{gap:10px;margin-bottom:20px;display:flex}.ticketDetail__input input{flex:1}.ticketDetail__comments{flex-direction:column;gap:12px;display:flex}.ticketDetail__comment{border:1px solid var(--border);background:#fff;border-radius:16px;padding:14px;box-shadow:0 1px 2px #0f172a0a}.ticketDetail__comment p{color:var(--text);overflow-wrap:anywhere;margin-bottom:10px}.ticketDetail__comment small{color:var(--muted);font-size:12px}.ticketDetail__files{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.customFileButton{width:48px}.fileButton{color:var(--blue);box-shadow:none;background:0 0;border:none;justify-content:flex-start;padding:0;font-size:13px}.fileButton:hover{background:0 0;text-decoration:underline}.fileName{color:var(--muted);align-items:center;font-size:13px;display:flex}.actionsContainer{flex-direction:column;gap:12px;display:flex}.actionBtn{color:var(--text);border:1px solid var(--border);background:#fff;box-shadow:0 1px 2px #0f172a0a}.actionBtn:hover{background:#f8fafc}.actionBtn.primary{background:var(--blue);color:#fff;border:none}.actionBtn.primary:hover{background:#1d4ed8}.modalOverlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;background:#0f172a59;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modalContent{border:1px solid var(--border);background:#fff;border-radius:24px;flex-direction:column;gap:14px;width:420px;padding:28px;display:flex;box-shadow:0 20px 50px #0f172a2e}.loginContainer{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.loginContainer input{width:320px;margin-bottom:14px}.invisible{display:none!important}.muted{color:var(--muted)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#d7dee8;border-radius:999px}::-webkit-scrollbar-track{background:0 0}@media (width<=1300px){.app{grid-template-columns:300px 1fr 280px}}@media (width<=1100px){.app{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border)}.sidebar:last-child{border-left:none}.main{grid-template-rows:auto auto}}@media (width<=768px){.main,.sidebar,.panel{padding:18px}.divGroup,.ticketDetail__input{flex-direction:column}.botonForm{width:100%}}.filtersContainer{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.ticketTop{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.ticketBottom{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.ticketUser{color:var(--muted);margin-top:4px;font-size:12px}.ticketDescription{color:var(--muted);font-size:13px;line-height:1.5}.ticketDate{color:var(--muted);font-size:12px}.status,.badge,.priority{border-radius:999px;width:fit-content;padding:7px 12px;font-size:11px;font-weight:700}.status.pending,.badge.pending{background:var(--blue-soft);color:var(--blue)}.status.progress,.badge.progress{color:#d97706;background:#fef3c7}.status.closed,.badge.closed{background:var(--green-soft);color:var(--green)}.priority.high{background:var(--red-soft);color:var(--red)}.priority.medium{color:#d97706;background:#fef3c7}.priority.low{background:var(--green-soft);color:var(--green)}.sectionHeader{margin-bottom:20px}