*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.loading{align-items:center;color:#666;display:flex;font-size:1.2rem;height:100vh;justify-content:center}.text-center{text-align:center}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-2>*+*{margin-left:.5rem}.space-x-3>*+*{margin-left:.75rem}.space-x-4>*+*{margin-left:1rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.grid{display:grid}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.btn{align-items:center;border:1px solid #0000;border-radius:.375rem;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;justify-content:center;text-decoration:none;transition:all .2s}.btn-disabled,.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:#f97316;border-color:#f97316;color:#fff}.btn-primary:hover:not(:disabled){background-color:#ea580c;border-color:#ea580c}.btn-outline{background-color:initial;border-color:#f97316;color:#f97316}.btn-outline:hover:not(:disabled){background-color:#f97316;color:#fff}.btn-ghost{background-color:initial;border-color:#0000;color:#6b7280}.btn-ghost:hover:not(:disabled){background-color:#f3f4f6;color:#374151}.btn-small{font-size:.875rem;padding:.375rem .75rem}.btn-medium{font-size:1rem;padding:.5rem 1rem}.btn-large{font-size:1.125rem;padding:.75rem 1.5rem}.btn-full{width:100%}.btn .icon,.btn svg{margin-right:.5rem}.btn .icon:last-child,.btn svg:last-child{margin-left:.5rem;margin-right:0}.landing-page{background:linear-gradient(135deg,#fff7ed,#fef2f2);min-height:100vh}.hero-section{margin-bottom:4rem;text-align:center}.hero-title{color:#111827;font-size:3rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem}.hero-highlight{color:#f97316;display:block}.hero-description{color:#6b7280;font-size:1.25rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:48rem}.hero-actions{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;margin-bottom:4rem}.feature-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;text-align:center}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.feature-card p{color:#6b7280}.event-info{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:2rem;text-align:center}.event-icon{font-size:3rem;margin-bottom:1rem}.event-info h3{color:#111827;font-size:2rem;font-weight:700;margin-bottom:.5rem}.event-location{color:#6b7280;font-size:1.125rem;margin-bottom:1rem}.event-description{color:#6b7280;margin:0 auto;max-width:32rem}.footer{background-color:#111827;color:#fff;margin-top:4rem;padding:2rem 0}.footer-content{text-align:center}.footer-logo{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.footer-logo span:last-child{font-size:1.125rem;font-weight:600}.footer p{color:#9ca3af;margin:0}@media (min-width:640px){.hero-actions{flex-direction:row}.hero-title{font-size:4rem}}@media (min-width:768px){.features-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:639px){.hero-title{font-size:2.5rem}.header-content{flex-direction:column;gap:1rem}.header-actions{justify-content:center;width:100%}}.auth-page{align-items:center;background:linear-gradient(135deg,#fff7ed,#fef2f2);display:flex;justify-content:center;min-height:100vh;padding:1rem}.auth-container{max-width:28rem;width:100%}.auth-card{background-color:#fff;border-radius:.5rem;box-shadow:0 10px 25px #0000001a;padding:2rem}.auth-header{margin-bottom:2rem;text-align:center}.auth-header .logo{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.auth-header .logo-icon{font-size:2rem}.auth-header h1{color:#111827;font-size:1.5rem;font-weight:700;margin:0}.auth-header h2{color:#374151;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.auth-header p{color:#6b7280;margin:0}.auth-form{display:flex;flex-direction:column;gap:1rem}.password-input{position:relative}.password-input input{padding-right:2.5rem}.password-toggle{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1rem;padding:0;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:#374151}.auth-submit{margin-top:.5rem;width:100%}.auth-footer{margin-top:1.5rem;text-align:center}.auth-footer p{color:#6b7280;margin:0}.auth-link{color:#f97316;font-weight:500;text-decoration:none}.auth-link:hover{color:#ea580c;text-decoration:underline}.modal-overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#0006,#0009)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 25px 50px #00000040;max-height:95vh;max-width:48rem}.modal-content.large{max-width:56rem}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid #e2e8f0;border-radius:20px 20px 0 0;padding:1.5rem;position:relative}.modal-header:after{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.modal-header h2{color:#1e293b;font-size:1.5rem;font-weight:700;letter-spacing:-.025em}.close-btn{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#64748b;font-size:1.25rem;height:2.5rem;transition:all .2s ease;width:2.5rem}.close-btn:hover{background:#f1f5f9;box-shadow:0 4px 8px #0000001a;color:#475569;transform:scale(1.05)}.dependent-form{gap:1.25rem;padding:1.5rem}.dependent-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;letter-spacing:.025em}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input.error,.form-group select.error,.form-group textarea.error{box-shadow:0 0 0 3px #ef44441a}.photo-upload{align-items:center;display:flex;gap:.75rem}.photo-preview{border:2px solid #e5e7eb;border-radius:50%;height:4rem;object-fit:cover;width:4rem}.photo-placeholder-large{align-items:center;background-color:#e5e7eb;border-radius:50%;color:#9ca3af;display:flex;font-size:2rem;height:4rem;justify-content:center;width:4rem}.file-input{display:none}.upload-btn{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all .2s}.upload-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;padding-top:1rem}.form-actions .btn{flex:1 1}@media (max-width:640px){.modal-overlay{padding:.5rem}.modal-content{max-height:95vh}.photo-upload{align-items:flex-start;gap:.5rem}.form-actions,.photo-upload{flex-direction:column}.form-actions .btn{width:100%}}.error-text{color:#dc2626;font-size:.75rem}.photo-preview-wrapper{margin-top:10px;text-align:center}.photo-preview-below{border-radius:10px;box-shadow:0 2px 8px #00000040;max-height:150px;max-width:150px;object-fit:cover}.success-message{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;border-radius:12px;color:#166534}.error-message,.success-message{font-size:.875rem;font-weight:600;margin:1rem 0;padding:1rem;text-align:center}.error-message{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;border-radius:12px;color:#dc2626}.camera-preview,.scan-options{gap:10px;margin-top:10px}.camera-preview{align-items:center;display:flex;flex-direction:column}.camera-preview video{border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000001a}.scan-options{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.scan-instructions{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:8px;color:#1e40af;font-size:.875rem;font-weight:600;padding:.75rem 1rem;text-align:center}.barid-input{align-items:center;display:flex;gap:.75rem}.barid-input input{flex:1 1}.full-width{grid-column:1/-1}.grid-form{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.form-group.photo-section,.form-group.qr-section{display:flex;flex-direction:column;gap:1rem;grid-column:1/-1}.photo-qr-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:1rem}.photo-section-content,.qr-section-content{display:flex;flex-direction:column;gap:1rem}@media (max-width:1024px){.photo-qr-container{gap:1.5rem;grid-template-columns:1fr}}@media (max-width:768px){.grid-form{grid-template-columns:1fr}.modal-content{max-width:40rem}.modal-content.large{max-width:44rem}}.btn[disabled]{opacity:.9;position:relative}.btn[disabled]:after{animation:spin .8s linear infinite;border:2px solid #93c5fd;border-radius:50%;border-top-color:#3b82f6;content:"";height:16px;margin-top:-8px;position:absolute;right:12px;top:50%;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.modal-content.submitting{pointer-events:none}.modal-content.submitting .form-actions .btn[disabled]{pointer-events:auto}.dependent-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.dependent-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.dependent-card:hover{border-color:#cbd5e1;box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}.card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.dependent-info{align-items:center;display:flex;flex:1 1;gap:15px}.dependent-photo{object-fit:cover}.dependent-photo,.photo-placeholder{border:3px solid #e2e8f0;border-radius:50%;box-shadow:0 4px 12px #0000001a;height:72px;width:72px}.photo-placeholder{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;font-size:28px;justify-content:center}.dependent-details h3{color:#1e293b;font-size:20px;font-weight:600;letter-spacing:-.025em;margin:0 0 8px}.dependent-details p{color:#64748b;font-size:14px;font-weight:500;margin:4px 0}.bar-id{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;border-radius:8px;color:#475569;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px}.card-actions{display:flex;gap:8px}.action-btn{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 4px #0000000d;cursor:pointer;font-size:16px;padding:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-btn:hover{background:#f8fafc;box-shadow:0 4px 12px #00000026;transform:translateY(-2px) scale(1.05)}.action-btn:disabled{box-shadow:0 2px 4px #0000000d;cursor:not-allowed;opacity:.6;transform:none}.edit-btn:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;color:#1e40af}.view-btn:hover{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-color:#8b5cf6;color:#6b21a8}.card-content{border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;margin-bottom:20px;padding:20px 0}.contact-info p{align-items:center;color:#475569;display:flex;font-size:14px;font-weight:500;gap:8px;margin:8px 0}.notes{background:#f8fafc;border-left:3px solid #3b82f6;border-radius:8px;color:#64748b;font-style:italic;padding:8px 12px}.emergency-contact{background:#fff3e0;border-radius:6px;margin-top:10px;padding:10px}.emergency-label{color:#e65100;font-weight:600;margin-bottom:5px}.emergency-contact p{color:#555;font-size:13px;margin:2px 0}.card-footer{align-items:center;display:flex;justify-content:space-between}.status-info{display:flex;flex-direction:column;gap:5px}.status{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status.assigned{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;color:#166534}.status.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;color:#92400e}.qr-code{color:#666;font-family:monospace;font-size:11px}@media (max-width:768px){.dependent-card{padding:15px}.card-header{flex-direction:column;gap:10px}.card-actions{align-self:flex-end}.dependent-info{width:100%}}.dashboard-page{background-color:#f9fafb;min-height:100vh}.dashboard-header{background-color:#fff;box-shadow:0 1px 3px #0000001a}.dashboard-main{padding:2rem 0}.guardian-info{align-items:center;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.guardian-details h2{color:#111827;font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.guardian-details p{color:#6b7280;margin:0}.guardian-code{color:#111827;font-family:Courier New,monospace;font-weight:600}.stats{display:flex;gap:1rem}.stat{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.25rem}.stat-icon{font-size:1rem}.family-section{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:1.5rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.section-header h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.empty-state{padding:3rem 1rem;text-align:center}.empty-icon{color:#9ca3af;font-size:3rem;margin-bottom:1rem}.empty-state h4{color:#111827;font-size:1.125rem;font-weight:500;margin:0 0 .5rem}.empty-state p{color:#6b7280;margin:0 0 1rem}.dependents-grid{grid-gap:1rem;display:grid;gap:1rem}.safety-tips{background-color:#fff7ed;border:1px solid #fed7aa;border-radius:.5rem;padding:1.5rem}.safety-tips h3{color:#ea580c;font-size:1.125rem;font-weight:600;margin:0 0 .75rem}.safety-tips ul{list-style:none;margin:0;padding:0}.safety-tips li{color:#c2410c;margin-bottom:.5rem}.safety-tips li:last-child{margin-bottom:0}@media (min-width:768px){.dependents-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.dependents-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:639px){.guardian-info{flex-direction:column;gap:1rem;text-align:center}.stats{justify-content:center}.section-header{align-items:stretch;flex-direction:column;gap:1rem}.section-header .btn{width:100%}}.modal-overlay{background-color:#0006;inset:0;z-index:50}.modal{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:2rem;width:90%}.modal h3{color:#111827;font-size:1.25rem;margin:0 0 1rem}.modal input{border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;margin-bottom:1rem;padding:.5rem 1rem;width:100%}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end}.message.success{color:#16a34a;margin-bottom:.75rem}.message.error{color:#dc2626;margin-bottom:.75rem}.header-content{gap:1rem}.header-buttons{display:flex;gap:.5rem}.logo-icon{height:auto;width:40px}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:.5rem;box-shadow:0 20px 25px #0000001a;max-height:90vh;max-width:28rem;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.modal-header h2{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:.25rem;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;padding:0;width:2rem}.close-btn:hover{background-color:#f3f4f6;color:#374151}.modal-body{padding:1rem}.scan-info{color:#6b7280;font-size:.875rem;margin-bottom:1rem}.scan-info strong{color:#111827}.error-message{border-radius:.5rem}.camera-section{margin-bottom:1rem}.camera-container{aspect-ratio:4/3;background-color:#f3f4f6;border-radius:.5rem;margin-bottom:.75rem;overflow:hidden;position:relative}.camera-video{height:100%;object-fit:cover;width:100%}.scanner-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.scanner-frame{border:2px solid #3b82f6;border-radius:.5rem;height:12rem;position:relative;width:12rem}.scanner-corner{border:4px solid #3b82f6;height:1.5rem;position:absolute;width:1.5rem}.scanner-corner.top-left{border-bottom:none;border-right:none;left:-2px;top:-2px}.scanner-corner.top-right{border-bottom:none;border-left:none;right:-2px;top:-2px}.scanner-corner.bottom-left{border-right:none;border-top:none;bottom:-2px;left:-2px}.scanner-corner.bottom-right{border-left:none;border-top:none;bottom:-2px;right:-2px}.simulate-btn{align-items:center;display:flex;gap:.5rem;justify-content:center;width:100%}.manual-entry{border-top:1px solid #e5e7eb;padding-top:1rem}.manual-entry h3{color:#111827;font-weight:500;margin-bottom:.5rem}.manual-entry form{display:flex;flex-direction:column;gap:.75rem}.manual-input{border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s;width:100%}.manual-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.manual-submit{width:100%}@media (max-width:640px){.modal-overlay{padding:.5rem}.modal-content{max-height:95vh}.scanner-frame{height:10rem;width:10rem}.scanner-corner{height:1.25rem;width:1.25rem}}.qr-lookup-page{background:linear-gradient(135deg,#fff7ed,#fef2f2);min-height:100vh}.header{background-color:#fff;box-shadow:0 1px 3px #0000001a}.header-content{justify-content:space-between;padding:1rem 0}.header-content,.logo{align-items:center;display:flex}.logo{color:inherit;gap:.5rem;text-decoration:none}.logo-icon{font-size:2rem}.logo h1{color:#111827;font-size:1.5rem;font-weight:700;margin:0}.header-actions{display:flex;gap:.75rem}.main-content{padding:3rem 0}.lookup-header{margin-bottom:2rem;text-align:center}.lookup-icon{font-size:4rem;margin-bottom:1rem}.lookup-header h2{color:#111827;font-size:2rem;font-weight:700;margin:0 0 .5rem}.lookup-header p{color:#6b7280;margin:0}.lookup-form-container{background-color:#fff;border-radius:.5rem;box-shadow:0 10px 25px #0000001a;margin-bottom:2rem;padding:2rem}.lookup-form{display:flex;flex-direction:column;gap:1rem}.input-with-button{display:flex;gap:.75rem}.qr-input{border:1px solid #d1d5db;border-radius:.375rem;flex:1 1;font-size:1rem;padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s}.qr-input:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161a;outline:none}.lookup-submit{align-items:center;display:flex;gap:.5rem;justify-content:center;width:100%}.lookup-result{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #bbf7d0;border-radius:16px;box-shadow:0 8px 25px #22c55e1a;margin-top:2rem;overflow:hidden;padding:2rem;position:relative}.lookup-result:before{background:linear-gradient(90deg,#22c55e,#16a34a,#15803d);content:"";height:4px;left:0;position:absolute;right:0;top:0}.lookup-result h3{align-items:center;color:#166534;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;margin:0 0 1.5rem}.lookup-result h3:before{content:"✅";font-size:1.25rem}.result-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;margin-bottom:1.5rem}.result-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem}.result-section h4{align-items:center;border-bottom:2px solid #e2e8f0;color:#1e293b;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0 0 1rem;padding-bottom:.5rem}.result-section h4:before{content:"📋";font-size:1rem}.detail-item{align-items:center;border-radius:8px;display:flex;gap:.75rem;margin-bottom:.75rem;padding:.5rem;transition:background-color .2s ease}.detail-item:hover{background-color:#f8fafc}.detail-icon{color:#64748b;font-size:1.125rem;min-width:1.5rem}.detail-name{color:#374151;font-weight:600;min-width:100px}.detail-text{color:#64748b;font-size:.875rem;font-weight:500;margin-bottom:.75rem}.guardian-code-display,.qr-code-display{background-color:#f3f4f6;border-radius:.25rem;display:inline-block;font-family:Courier New,monospace;font-size:.75rem;margin-top:.25rem;padding:.25rem .5rem}.phone-link{color:#2563eb;text-decoration:none}.phone-link:hover{text-decoration:underline}.result-actions{display:flex;gap:.75rem}.result-actions a{text-decoration:none}.instructions{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.instructions h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0 0 .75rem}.instructions-grid{grid-gap:1rem;display:grid;gap:1rem}.instruction-item{text-align:center}.instruction-icon{font-size:2rem;margin-bottom:.5rem}.instruction-title{color:#111827;font-weight:500;margin:0 0 .25rem}.instruction-item p:last-child{color:#6b7280;font-size:.875rem;margin:0}@media (min-width:640px){.input-with-button,.result-actions{flex-direction:row}}@media (min-width:768px){.result-grid{grid-template-columns:repeat(2,1fr)}.instructions-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:639px){.header-content{flex-direction:column;gap:1rem}.header-actions{justify-content:center;width:100%}.lookup-header h2{font-size:1.5rem}.input-with-button,.result-actions{flex-direction:column}.result-actions .btn{width:100%}}.App{min-height:100vh}.form-group{margin-bottom:1rem}.form-group label{color:#374151;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;padding:.75rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161a;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444}.error-text{color:#ef4444;display:block;font-size:.875rem;margin-top:.25rem}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;margin-bottom:1rem;padding:.75rem}.error-message p{color:#dc2626;font-size:.875rem;margin:0}.success-message{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.375rem;margin-bottom:1rem;padding:.75rem}.success-message p{color:#16a34a;font-size:.875rem;margin:0}
/*# sourceMappingURL=main.87a4b95f.css.map*/