:root{--color-bg: #f9fafb;--color-text: #111827;--color-muted: #374151;--color-primary: #2563eb;--color-success: #10b981;--color-danger: #ef4444;--color-warning: #f59e0b;--radius-xl: 1rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 1px rgba(0, 0, 0, .04);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:1rem}.auth-hero{position:relative;min-height:calc(100vh - 64px);display:grid;place-items:center;background:radial-gradient(1200px 600px at 0% 0%,rgba(59,130,246,.1),transparent),radial-gradient(1200px 600px at 100% 100%,rgba(99,102,241,.1),transparent)}.auth-card{width:100%;max-width:420px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#2563eb,#4f46e5) border-box;border:1px solid transparent;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:1.25rem}.auth-header{text-align:center;margin-bottom:.5rem}.auth-title{font-size:2rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(90deg,#1d4ed8,#4f46e5);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-subtitle{color:#6b7280;font-size:.95rem}.form{display:grid;gap:.75rem;margin-top:1rem}.form-field{display:grid;gap:.35rem}.form-label{font-weight:600;color:var(--color-text);font-size:.9rem}.input-wrapper{position:relative}.input-icon{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);color:#9ca3af}.input{width:100%;padding:.625rem .9rem .625rem 2.25rem;border:1px solid #e5e7eb;border-radius:10px;outline:none;background:#fff}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f626}.input[disabled]{background:#f9fafb;color:#9ca3af}.input-append{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);color:#9ca3af;cursor:pointer}.input-append:hover,.muted{color:#6b7280}.center{text-align:center}.section{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.info-banner{margin-top:1rem;padding:.75rem 1rem;background:#3b82f614;border:1px solid rgba(59,130,246,.25);color:#1d4ed8;border-radius:12px}.card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid #e5e7eb}.btn{display:inline-flex;align-items:center;gap:.5rem;border:1px solid transparent;border-radius:calc(var(--radius-xl) - 4px);padding:.625rem .9rem;font-weight:600;background:#fff;color:var(--color-muted);transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease}.btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{box-shadow:var(--shadow-md)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-success{background:#10b9811f;color:var(--color-success);border:1px solid rgba(16,185,129,.35)}.badge-danger{background:#ef44441f;color:var(--color-danger);border:1px solid rgba(239,68,68,.35)}.badge-warning{background:#f59e0b1f;color:var(--color-warning);border:1px solid rgba(245,158,11,.35)}.grid{display:grid;gap:1rem}.processing-grid{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 1024px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.grid-3,.grid-2{grid-template-columns:1fr}}@media (max-width: 900px){.processing-grid{grid-template-columns:1fr}}#root{min-height:100%}.page{display:flex;flex-direction:column;min-height:100%}.page-main{flex:1 1 auto}.navbar{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:saturate(180%) blur(6px);backdrop-filter:saturate(180%) blur(6px);background:#f9fafbd9;border-bottom:1px solid #e5e7eb}.navbar-inner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;max-width:1200px;margin:0 auto}.brand{font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.spacer{flex:1}.search{width:100%;max-width:520px;position:relative}.search input{width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:.625rem 2.5rem .625rem 2.25rem;outline:none;color:var(--color-text)}.search input::placeholder{color:#9ca3af}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.toolbar{display:flex;align-items:center;gap:.5rem}.avatar{width:32px;height:32px;border-radius:999px;background:#d1d5db;display:inline-block}.summary-card{padding:1rem;display:flex;gap:.75rem;align-items:center}.summary-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#eff6ff;color:var(--color-primary)}.summary-content{display:grid;gap:.15rem}.summary-title{font-size:.85rem;color:var(--color-muted)}.summary-value{font-size:1.375rem;font-weight:700}.upload-card{padding:1.25rem;display:grid;gap:.75rem}.dropzone{border:2px dashed #d1d5db;border-radius:var(--radius-xl);padding:1.25rem;background:#fff;color:var(--color-muted);text-align:center;transition:border-color .12s ease,background .12s ease}.dropzone:hover{border-color:var(--color-primary);background:#f8fafc}.tickets{display:grid;gap:.75rem}.ticket-row{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;align-items:center;gap:.75rem;padding:.9rem}.ticket-row+.ticket-row{border-top:1px solid #f3f4f6}.ticket-header{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.ticket-id{font-weight:600;color:var(--color-text)}.ticket-date{color:var(--color-muted)}@media (max-width: 768px){.ticket-row{grid-template-columns:1fr;align-items:start}}.footer{border-top:1px solid #e5e7eb;color:#6b7280}.footer-inner{max-width:1200px;margin:0 auto;padding:1rem;display:flex;align-items:center;justify-content:space-between;font-size:.9rem}.form-control{display:grid;gap:.5rem}.form-label{display:block;font-weight:600;color:var(--color-text)}.textarea{width:100%;min-height:170px;resize:vertical;background:#fff;color:var(--color-text);border:1px solid #e5e7eb;border-radius:12px;padding:.75rem .9rem;line-height:1.5;outline:none}.textarea::placeholder{color:#9ca3af}.textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f626}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.typing-effect{font-family:Courier New,monospace;color:#fffc;font-size:14px;min-height:20px}.typing-cursor:after{content:"|";animation:blink 1s infinite;color:#ffffffe6}