@tailwind base;@tailwind components;@tailwind utilities;@layer base{: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: 263 70% 50%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96%;--secondary-foreground: 222.2 84% 4.9%;--muted: 210 40% 96%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96%;--accent-foreground: 222.2 84% 4.9%;--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: 263 70% 50%;--radius: .5rem}}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground;}}@media (display-mode: standalone){body{-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}}input,select,textarea{@apply focus:outline-none focus:ring-2 focus:ring-primary/50;font-size:16px}.animate-fade-in{animation:fade-in .3s ease-out}.animate-pulse-primary{animation:pulse-primary 2s infinite}.loader{border:3px solid #f3f3f3;border-top:3px solid #7116d1;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:32rem;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.modal-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:#1f2937}.modal-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.375rem;border:none;background:transparent;color:#6b7280;cursor:pointer;transition:all .15s ease}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{flex:1;overflow-y:auto;padding:1.5rem}.modal-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.visitor-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border:1px solid #e5e7eb;border-radius:.5rem;transition:all .15s ease}.visitor-item:hover{border-color:#d1d5db;background:#f9fafb}.visitor-item.editing{border-color:#3b82f6;background:#eff6ff}.visitor-info{flex:1}.visitor-name{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#1f2937;margin-bottom:.25rem}.visitor-details{display:flex;flex-direction:column;gap:.25rem}.visitor-detail{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:#6b7280}.visitor-actions{display:flex;gap:.5rem}.btn-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.375rem;border:none;cursor:pointer;transition:all .15s ease}.btn-edit{background:#eff6ff;color:#3b82f6}.btn-edit:hover{background:#dbeafe;color:#2563eb}.btn-delete{background:#fef2f2;color:#ef4444}.btn-delete:hover{background:#fee2e2;color:#dc2626}.empty-state{text-align:center;padding:2rem}.icon-large{width:3rem;height:3rem;color:#d1d5db;margin:0 auto 1rem}.visitors-summary{margin-top:.75rem;padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem}.visitors-list{display:flex;flex-wrap:wrap;gap:.5rem}.visitor-chip{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#fff;border:1px solid #d1d5db;border-radius:9999px;font-size:.875rem;color:#374151}.icon-small{width:.875rem;height:.875rem}.contact-indicator{font-size:.75rem}.text-muted{color:#6b7280}@media (max-width: 640px){.modal-content{max-width:95vw;margin:.5rem}.modal-header,.modal-body,.modal-footer{padding-left:1rem;padding-right:1rem}.visitor-item{flex-direction:column;align-items:flex-start;gap:.75rem}.visitor-actions{align-self:flex-end}.visitors-list{flex-direction:column}.visitor-chip{justify-content:space-between;width:100%}}@media (prefers-color-scheme: dark){.modal-content{background:#1f2937;color:#f9fafb}.modal-header,.modal-footer{background:#111827;border-color:#374151}.modal-title{color:#f9fafb}.visitor-item{border-color:#374151;background:#1f2937}.visitor-item:hover{border-color:#4b5563;background:#111827}.visitor-item.editing{border-color:#3b82f6;background:#1e3a8a}.visitors-summary{background:#111827;border-color:#374151}.visitor-chip{background:#374151;border-color:#4b5563;color:#f9fafb}}*{box-sizing:border-box}body{font-family:Montserrat,Inter,system-ui,sans-serif;margin:0;padding:0;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;color:#1e293b;line-height:1.6}.header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(226,232,240,.8);padding:1rem 0;position:sticky;top:0;z-index:50;box-shadow:0 4px 6px -1px #0000000d}.header-content{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:1rem}.header-logo{width:2.5rem;height:2.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.header-title{font-size:1.25rem;font-weight:700;margin:0;color:#1e293b}.header-subtitle{font-size:.875rem;color:#64748b;margin:0;font-weight:500}.header-right{display:flex;align-items:center;gap:1rem}main{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.card{background:#fff;border-radius:16px;box-shadow:0 10px 25px -5px #0000001a,0 4px 6px -2px #0000000d;padding:2.5rem;margin:0 auto;border:1px solid rgba(226,232,240,.5);transition:all .3s ease}.card:hover{transform:translateY(-2px);box-shadow:0 20px 40px -10px #00000026}.card-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #f1f5f9}.card-title{font-size:1.5rem;font-weight:700;margin:0;display:flex;align-items:center;justify-content:center;gap:.75rem;color:#1e293b}.card-subtitle{font-size:1rem;color:#64748b;margin:.75rem 0 0;font-weight:500}.form-group{margin-bottom:1.75rem}.form-label{display:flex;align-items:center;gap:.5rem;font-weight:600;margin-bottom:.75rem;font-size:.9rem;color:#374151}.form-label .required{color:#ef4444;font-weight:700}.form-input,.form-select,.form-textarea{width:100%;padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .2s ease;background:#fafafa;font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#7116d1;background:#fff;box-shadow:0 0 0 4px #7116d11a;transform:translateY(-1px)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#cbd5e1;background:#fff}.form-textarea{resize:vertical;min-height:120px;font-family:inherit}.form-error{color:#ef4444;font-size:.875rem;margin-top:.5rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.btn{padding:.875rem 1.5rem;border-radius:12px;border:none;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;text-decoration:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#7116d1,#8b5cf6);color:#fff;box-shadow:0 4px 15px #7116d14d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#7c3aed);transform:translateY(-2px);box-shadow:0 8px 25px #7116d166}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 15px #7116d133}.btn-ghost{background:#fffc;color:#64748b;border:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d}.btn-ghost:hover{background:#fff;color:#374151;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.attendance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;margin-bottom:1rem}.icon{width:1.125rem;height:1.125rem;flex-shrink:0}.connection-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:8px;background:#ffffffb3}.icon-online{color:#10b981}.icon-offline{color:#ef4444}.loader{border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}.alert{padding:1.25rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-weight:500;border:1px solid;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.alert-success{background:#10b9811a;color:#065f46;border-color:#10b98133}.alert-error{background:#ef44441a;color:#991b1b;border-color:#ef444433}.alert-warning{background:#f59e0b1a;color:#92400e;border-color:#f59e0b33}@media (max-width: 768px){.header-content{padding:0 1rem}main{padding:1.5rem 1rem}.card{padding:1.5rem;border-radius:12px}.card-header{margin-bottom:1.5rem;padding-bottom:1rem}.card-title{font-size:1.25rem}.attendance-grid{grid-template-columns:1fr;gap:1rem}.form-group{margin-bottom:1.5rem}.header-title{font-size:1.125rem}.header-right{gap:.5rem}}@media (max-width: 480px){.card{padding:1.25rem;margin:0 .5rem}main{padding:1rem .5rem}.btn{padding:.75rem 1.25rem;font-size:.9rem}}.form-input:focus,.form-select:focus,.form-textarea:focus{animation:inputFocus .3s ease}@keyframes inputFocus{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.btn:focus-visible{outline:2px solid #7116d1;outline-offset:2px}.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible{outline:2px solid #7116d1;outline-offset:2px}all .2s; display: inline-flex; align-items: center; justify-content: center; gap: .5rem; } .btn-primary{background-color:#7116d1;color:#fff}.btn-primary:hover:not(:disabled){background-color:#6d28d9;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-full{width:100%}.btn-ghost{background:transparent;color:#6b7280;border:1px solid #e5e7eb}.btn-ghost:hover{background-color:#f9fafb}.attendance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.icon{width:1rem;height:1rem}.connection-indicator{display:flex;align-items:center;gap:.25rem}.icon-online{color:#059669}.icon-offline{color:#dc2626}.loader{border:3px solid #f3f3f3;border-top:3px solid #7116d1;border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.alert{padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.alert-success{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.alert-error{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.alert-warning{background-color:#fef3c7;color:#92400e;border:1px solid #fcd34d}@media (max-width: 768px){.header-content{padding:0 .5rem}main{padding:1rem .5rem}.card{padding:1.5rem}.attendance-grid{grid-template-columns:1fr}}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.font-semibold{font-weight:600}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.hidden{display:none}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.space-x-2>*+*{margin-left:.5rem}.space-x-3>*+*{margin-left:.75rem}