@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--color-primary:#eb662e;--color-primary-dark:#ce3d05;--color-black:#000;--color-dark-gray:#2a2c2d;--color-gray:#686868;--color-light-gray:#ababab;--color-white:#fff;--color-background:#f8f9fa;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-dark-gray);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.5}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s ease-in-out}button:disabled{cursor:not-allowed;opacity:.6}.app-container{flex-direction:column;min-height:100vh;display:flex}.header{background-color:var(--color-black);color:var(--color-white);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.header img{height:40px}.main-content{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.card{background-color:var(--color-white);border-radius:var(--radius-xl);width:100%;max-width:480px;padding:2.5rem;box-shadow:0 10px 25px #0000000d}.card-title{color:var(--color-black);text-align:center;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.card-subtitle{color:var(--color-gray);text-align:center;margin-bottom:2rem;font-size:.9rem}.form-group{margin-bottom:1.5rem}.form-label{color:var(--color-dark-gray);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.form-input{border:1px solid var(--color-light-gray);border-radius:var(--radius-md);width:100%;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #eb662e1a}.btn-primary{background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;display:flex}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-white);color:var(--color-black);border:1px solid var(--color-light-gray);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;display:flex}.btn-secondary:hover:not(:disabled){border-color:var(--color-gray);background-color:#f8f9fa}.camera-container{border-radius:var(--radius-lg);background-color:var(--color-black);aspect-ratio:4/3;justify-content:center;align-items:center;width:100%;margin-bottom:1.5rem;display:flex;position:relative;overflow:hidden}.camera-preview{object-fit:cover;width:100%;height:100%}.camera-overlay{z-index:10;flex-direction:column;justify-content:space-between;padding:1rem;display:flex;position:absolute;inset:0}.timestamp-badge{color:#fff;border-radius:var(--radius-full);background-color:#0009;align-self:flex-start;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.capture-btn{background-color:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-self:center;align-items:center;width:48px;height:48px;margin-bottom:.5rem;display:flex;box-shadow:0 4px 10px #eb662e4d}.capture-btn:hover{transform:scale(1.05)}.location-info{border-radius:var(--radius-md);background-color:#f8f9fa;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem;font-size:.875rem;display:flex}.status-badge{border-radius:var(--radius-full);text-transform:uppercase;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-approved{color:#065f46;background-color:#d1fae5}.status-exception{color:#92400e;background-color:#fef3c7}.status-rejected{color:#991b1b;background-color:#fee2e2}.result-container{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.result-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:.5rem;display:flex}.result-icon.approved{color:#059669;background-color:#d1fae5}.result-icon.exception{color:#d97706;background-color:#fef3c7}.result-icon.rejected{color:#dc2626;background-color:#fee2e2}