:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 221.2 83.2% 53.3%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 221.2 83.2% 53.3%;--radius: .5rem}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column}h1{scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl;font-size:1.875rem;font-weight:600;letter-spacing:-.025em;margin:0}h2,h3,p{margin:0}.container{width:100%;max-width:1024px;margin:0 auto;padding:2rem 1rem}.glass-panel{border-radius:var(--radius);border:1px solid hsl(var(--border));background-color:hsl(var(--card));color:hsl(var(--card-foreground));box-shadow:0 1px 2px #0000000d}.btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;height:2.25rem;padding-left:1rem;padding-right:1rem;transition-colors:.15s ease-in-out;cursor:pointer;border:none;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));text-decoration:none}.btn:hover{background-color:hsl(var(--primary) / .9)}.logout-btn{background-color:transparent;color:hsl(var(--foreground));border:1px solid hsl(var(--border))}.logout-btn:hover{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.input,.select-input{display:flex;height:2.25rem;width:100%;border-radius:calc(var(--radius) - 2px);border:1px solid hsl(var(--input));background-color:transparent;padding:.25rem .75rem;font-size:.875rem;transition-colors:.15s;outline:none;color:hsl(var(--foreground))}.input:focus,.select-input:focus{outline:2px solid transparent;outline-offset:2px;border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--background)),0 0 0 4px hsl(var(--ring))}.input::placeholder{color:hsl(var(--muted-foreground))}.status-badge{display:inline-flex;align-items:center;border-radius:9999px;border:1px solid transparent;padding:.125rem .625rem;font-size:.75rem;font-weight:600;transition-colors:.15s;text-transform:uppercase}.status-complete{border-color:transparent;background-color:#16a34a;color:#fff1f2}.status-pending{border-color:transparent;background-color:#facc15;color:#fff}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-image:radial-gradient(hsl(var(--muted-foreground)/.2) 1px,transparent 1px);background-size:24px 24px}.login-card{width:100%;max-width:350px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.login-title{font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:.25rem}.login-subtitle{text-align:center;font-size:.875rem;color:hsl(var(--muted-foreground));margin-bottom:1.5rem}.error-msg{color:hsl(var(--destructive));font-size:.8rem;margin-top:.5rem;font-weight:500}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.filters-bar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.table-container{width:100%;overflow-x:auto;border-radius:var(--radius);border:1px solid hsl(var(--border))}table{width:100%;border-collapse:collapse;font-size:.875rem}thead tr{border-bottom:1px solid hsl(var(--border))}th{height:3rem;padding:0 1rem;text-align:left;vertical-align:middle;font-weight:500;color:hsl(var(--muted-foreground));background-color:hsl(var(--muted)/.5)}td{padding:1rem;border-bottom:1px solid hsl(var(--border));vertical-align:top}tr:last-child td{border-bottom:none}tr:hover{background-color:hsl(var(--muted)/.5)}.photo-thumb{width:80px;height:80px;border-radius:var(--radius);object-fit:cover;border:1px solid hsl(var(--border));cursor:zoom-in}.date-text{font-weight:500}.sender-text{color:hsl(var(--muted-foreground));font-size:.75rem;margin-top:.25rem}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding-top:1rem}.page-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;font-size:.875rem;font-weight:500;height:2rem;padding:0 .75rem;background-color:transparent;border:1px solid hsl(var(--border));cursor:pointer}.page-btn:hover:not(:disabled){background-color:hsl(var(--muted))}.page-btn:disabled{opacity:.5;cursor:not-allowed}.lightbox{position:fixed;inset:0;z-index:50;background-color:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .15s ease-out}.lightbox-img{max-width:100%;max-height:90vh;border-radius:var(--radius);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.close-lightbox{position:absolute;right:1rem;top:1rem;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#fff;border:none;cursor:pointer;opacity:.7;transition:opacity .2s}.close-lightbox:hover{opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media(max-width:640px){.filters-bar{flex-direction:column;align-items:stretch}.filters-bar>div{width:100%;min-width:0!important}.date-range-group{flex-direction:column}}