@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Share+Tech+Mono&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=VT323&display=swap";:root{--primary: #6366f1;--primary-hover: #4f46e5;--bg-color: #0f172a;--panel-bg: rgba(30, 41, 59, .7);--border-color: rgba(255, 255, 255, .1);--text-main: #f8fafc;--text-muted: #94a3b8;--ticket-bg: #ffffff;--ticket-text: #000000;--ticket-border: #000000}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);background-image:radial-gradient(at 0% 0%,hsla(253,16%,7%,1) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(225,39%,30%,1) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(339,49%,30%,1) 0,transparent 50%);background-attachment:fixed;color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:0 25px 50px -12px #00000080}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:8px;color:var(--text-muted)}.form-control{width:100%;background:#0f172a99;border:1px solid var(--border-color);color:var(--text-main);padding:12px 16px;border-radius:8px;font-size:1rem;font-family:Inter,sans-serif;transition:all .2s ease}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f133}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background-color:var(--primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 15px -3px #6366f166}.btn:active{transform:translateY(0)}.btn-secondary{background-color:#ffffff1a;color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:#ffffff26;box-shadow:0 10px 15px -3px #0000004d}.btn-danger{background-color:transparent;color:#ef4444;padding:8px}.btn-danger:hover{background-color:#ef44441a;transform:translateY(0);box-shadow:none}.app-container{max-width:1280px;margin:0 auto;padding:40px 20px}.header{text-align:center;margin-bottom:40px}.header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#e0e7ff,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}.header p{font-size:1.125rem;color:var(--text-muted)}.grid-layout{display:grid;grid-template-columns:1fr;gap:32px}@media (min-width: 1024px){.grid-layout{grid-template-columns:1fr 1fr;align-items:start}}.items-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.item-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:center;background:#0003;padding:12px;border-radius:8px;border:1px solid var(--border-color)}.ticket-wrapper{display:flex;justify-content:center;align-items:center;padding:24px;background:#e2e8f0;border-radius:8px;overflow:auto}.ticket{background-color:var(--ticket-bg);color:var(--ticket-text);font-family:Space Mono,Courier New,Courier,monospace;width:380px;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:relative}.ticket:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:10px;background-image:radial-gradient(circle at 10px 0,transparent 10px,var(--ticket-bg) 11px);background-size:20px 10px;background-repeat:repeat-x}.ticket-header{text-align:center;margin-bottom:24px;border-bottom:1px dashed var(--ticket-border);padding-bottom:16px}.ticket-logo{max-width:120px;max-height:120px;margin:0 auto 16px;display:block;filter:grayscale(100%) contrast(1.2);object-fit:contain}.ticket-company{font-size:1.25em;font-weight:700;margin-bottom:4px;text-transform:uppercase}.ticket-info{font-size:.85em;line-height:1.4;margin-bottom:4px}.ticket-meta{display:flex;justify-content:space-between;font-size:.85em;margin-bottom:16px;border-bottom:1px dashed var(--ticket-border);padding-bottom:16px}.ticket-table{width:100%;font-size:.85em;border-collapse:collapse;margin-bottom:16px}.ticket-table th{text-align:left;border-bottom:1px solid var(--ticket-border);padding-bottom:8px;font-weight:700}.ticket-table th.right,.ticket-table td.right{text-align:right}.ticket-table td{padding:8px 0;vertical-align:top}.ticket-table tr:not(:last-child) td{border-bottom:1px dotted rgba(0,0,0,.2)}.ticket-totals{border-top:1px solid var(--ticket-border);padding-top:16px;margin-bottom:24px;font-size:.9em}.ticket-total-row{display:flex;justify-content:space-between;margin-bottom:8px}.ticket-total-row.grand-total{font-size:1.2em;font-weight:700;margin-top:8px;padding-top:8px;border-top:1px dashed var(--ticket-border)}.ticket-footer{text-align:center;font-size:.85em;margin-top:32px;border-top:1px dashed var(--ticket-border);padding-top:24px}.ticket-footer p{margin-bottom:16px;font-weight:700}.ticket-barcode{display:flex;justify-content:center;margin-top:16px}.ticket-barcode svg{max-width:100%;height:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.button-group{display:flex;gap:16px;margin-top:24px;justify-content:center}.file-upload-wrapper{position:relative;overflow:hidden;display:inline-block;width:100%}.file-upload-wrapper input[type=file]{font-size:100px;position:absolute;left:0;top:0;opacity:0;cursor:pointer}.file-upload-label{display:flex;align-items:center;justify-content:center;gap:8px;background:#0f172a99;border:1px dashed var(--border-color);color:var(--text-muted);padding:16px;border-radius:8px;cursor:pointer;transition:all .2s;text-align:center}.file-upload-label:hover{border-color:var(--primary);color:var(--text-main);background:#6366f11a}.logo-preview{margin-top:8px;display:flex;align-items:center;gap:12px;background:#0003;padding:8px;border-radius:8px}.logo-preview img{width:40px;height:40px;object-fit:contain;border-radius:4px;background:#fff}.logo-remove{margin-left:auto;background:none;border:none;color:#ef4444;cursor:pointer}