@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Archivo:wght@400;500;600&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--brand-blue: #00AEEF;--brand-magenta: #EC008C;--brand-accent: #B23469}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;background:#f0f0fa;font-family:Archivo,sans-serif;-webkit-font-smoothing:antialiased}#root{display:flex;justify-content:center;align-items:flex-start}}@layer components{.phone-shell{@apply w-full max-w-[390px] min-h-screen bg-ss-card-bg relative overflow-x-hidden;}.screen{@apply flex flex-col min-h-screen;}.hdr-gradient{background:linear-gradient(160deg,#e4f3fc,#f5d8ed 60%,#fce4f0);@apply px-5 pt-5 pb-5;}.sec-title{@apply font-heading font-bold text-[15px] uppercase tracking-[.4px] text-[#1a1a2e];}.ss-card{@apply bg-white rounded-card border border-[#f0f0f8] p-4 mb-3;}.btn-primary{@apply w-full py-4 rounded-[14px] bg-brand-gradient text-white font-body font-semibold text-[15px] border-none cursor-pointer mb-2 active:scale-[.98] transition-transform;background:linear-gradient(135deg,#00aeef,#b23469)}.btn-secondary{@apply w-full py-[13px] rounded-[14px] bg-white border border-[#e0e0e8] text-[#555] font-body text-[14px] font-medium cursor-pointer mb-2;}.fab{@apply w-[52px] h-[52px] rounded-full border-none cursor-pointer flex items-center justify-center -mt-[22px] shadow-fab flex-shrink-0;background:linear-gradient(135deg,#00aeef,#ec008c)}.ss-input{@apply w-full px-4 py-3 border-[1.5px] border-[#e0e0e8] rounded-xl text-[15px] font-body bg-white text-[#1a1a2e] outline-none transition-colors focus:border-brand-blue mb-3;}.ss-label{@apply block text-[11px] font-semibold text-[#aaa] uppercase tracking-[.4px] mb-[5px] mt-3;}.back-btn{@apply flex items-center gap-1 text-[14px] text-[#666] bg-transparent border-none cursor-pointer mb-3 font-body;}.badge-pending{@apply inline-block px-2 py-1 rounded-pill text-[11px] font-semibold bg-[#faeeda] text-[#854F0B];}.badge-approved{@apply inline-block px-2 py-1 rounded-pill text-[11px] font-semibold bg-[#eaf3de] text-[#3B6D11];}.badge-declined{@apply inline-block px-2 py-1 rounded-pill text-[11px] font-semibold bg-[#fcebeb] text-[#A32D2D];}.conf-high{@apply inline-block w-2 h-2 rounded-full bg-[#3B6D11];}.conf-medium{@apply inline-block w-2 h-2 rounded-full bg-[#854F0B];}.conf-low{@apply inline-block w-2 h-2 rounded-full bg-[#A32D2D] animate-pulse-dot;}.cat-chip{@apply px-3 py-[5px] rounded-pill text-[12px] font-semibold cursor-pointer border-[1.5px] border-[#e8e8f0] bg-white text-[#666] transition-all;}.cat-chip.selected{@apply bg-[#e8f4fd] text-[#185FA5] border-brand-blue/30;}.ss-tag{@apply inline-block px-[10px] py-1 rounded-pill text-[11px] font-semibold bg-[#f5f5f8] text-[#888] cursor-pointer border-[1.5px] border-transparent transition-all m-[3px];}.ss-tag.selected{background:linear-gradient(135deg,#e8f4fd,#fce4f0);@apply text-brand-accent border-brand-magenta/30;}.bottom-nav{@apply bg-white border-t border-[#f0f0f0] flex items-center justify-around px-0 pt-3 pb-6 sticky bottom-0 z-50;}.nav-item{@apply flex flex-col items-center gap-1 cursor-pointer px-2;}.nav-label{@apply text-[11px] font-medium text-[#bbb];}.nav-label.active{@apply text-brand-blue;}.pill-container{background:#ffffff8c;@apply rounded-[20px] px-[14px] pt-[13px] pb-3 border border-white/80;}.scan-overlay{@apply absolute inset-0 bg-black/60 flex flex-col items-center justify-center z-50;}.scan-frame{@apply w-[260px] h-[340px] border-2 border-white/80 rounded-xl relative overflow-hidden;}.scan-line{@apply absolute left-0 right-0 h-[2px] bg-brand-blue/80 animate-scan-line;}.ocr-field{@apply relative mb-3;}.ocr-field .conf-badge{@apply absolute right-3 top-1/2 -translate-y-1/2 flex items-center gap-1 text-[11px] font-semibold;}.prog-bar{@apply h-[7px] bg-white/50 rounded overflow-hidden my-[5px];}.prog-fill{@apply h-full rounded;background:linear-gradient(90deg,#00aeef,#ec008c)}}