a:hover{color:#535bf2;}h1{font-size:3.2em;line-height:1.1;}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;}button:hover{border-color:#646cff;}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color;}@media (prefers-color-scheme: light){a:hover{color:#747bff;}button{background-color:#f9f9f9;}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s;}.logo:hover{filter:drop-shadow(0 0 2em rgba(100,108,255,.67));}.logo.react:hover{filter:drop-shadow(0 0 2em rgba(97,218,251,.67));}@keyframes logo-spin{0%{transform:rotate(0);}to{transform:rotate(360deg);}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear;}}.card{padding:2em;}.receipt-validator{background-color:#242424;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;}.container{max-width:1280px;margin:0 auto;padding:32px 16px;}.header{text-align:center;margin-bottom:48px;}.main-content{display:grid;grid-template-columns:1fr;gap:32px;}@media (min-width: 1024px){.main-content{grid-template-columns:1fr 1fr;}}.card{background-color:#1f2937;border:1px solid #374151;border-radius:8px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);}.upload-section .upload-area{margin-bottom:16px;}.upload-dropzone{border:2px dashed #4b5563;border-radius:8px;padding:32px;text-align:center;transition:border-color .2s ease-in-out,background-color .2s ease-in-out;}.upload-dropzone:hover{border-color:#6b7280;}.upload-dropzone.drag-active{border-color:#facc15;background-color:rgba(250,204,21,.1);}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:16px;pointer-events:none;}.upload-icon{width:64px;height:64px;color:#6b7280;pointer-events:none;}.upload-placeholder-text{pointer-events:none;}.upload-text{font-size:16px;font-weight:500;color:#fff;margin-bottom:8px;pointer-events:none;}.upload-subtext{font-size:14px;color:#9ca3af;pointer-events:none;}.uploaded-image-container{display:flex;flex-direction:column;align-items:center;gap:16px;pointer-events:none;}.uploaded-image{max-width:100%;max-height:256px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);pointer-events:none;}.upload-status{color:#d1d5db;pointer-events:none;}.file-input{display:none;}.upload-button{display:inline-flex;align-items:center;padding:8px 16px;margin-top:16px;background-color:#4b5563;color:#fff;border-radius:8px;cursor:pointer;transition:background-color .2s ease-in-out;}.upload-button:hover{background-color:#6b7280;}.button-icon{width:16px;height:16px;margin-right:8px;}.validate-button{display:flex;align-items:center;justify-content:center;width:100%;height:48px;font-size:18px;font-weight:600;background-color:#ffcc34;color:#242424;border:none;border-radius:8px;cursor:pointer;margin-top:40px;transition:background-color .2s ease-in-out;}.validate-button:hover:not(.disabled){background-color:#f4b400;}.validate-button.disabled{background-color:#a3a3a3;cursor:not-allowed;}.spinner{width:20px;height:20px;border:2px solid #4b5563;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px;}@keyframes spin{to{transform:rotate(360deg);}}.results-section .results-card{display:flex;flex-direction:column;justify-content:center;min-height:450px;}.results-content{text-align:center;}.result-icon{width:80px;height:80px;margin-left:auto;margin-right:auto;}.success-icon{color:#22c55e;}.error-icon{color:#ef4444;}.warning-icon{color:#eab308;}.results-title{font-size:36px;font-weight:700;margin-top:32px;}.text-success{color:#16a34a;}.text-error{color:#dc2626;}.text-warning{color:#d97706;}.text-default{color:#4b5563;}.results-message{color:#d1d5db;font-size:20px;max-width:320px;margin:16px auto;}.results-disclaimer{color:#6b7280;font-size:14px;margin-top:48px;}.results-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;gap:16px;}.placeholder-icon{width:96px;height:96px;border-radius:50%;background-color:#374151;display:flex;align-items:center;justify-content:center;}.placeholder-title{font-size:20px;font-weight:600;color:#fff;margin-bottom:8px;}.placeholder-text{color:#9ca3af;}