@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-dark:#1e40af;--primary-light:#3b82f6;--accent:#0ea5e9;--success:#059669;--warning:#d97706;--danger:#dc2626;--dark:#0f172a;--dark-light:#1e293b;--dark-lighter:#334155;--gray:#64748b;--gray-light:#cbd5e1;--gray-lighter:#e2e8f0;--gray-lightest:#f8fafc;--white:#fff;--shadow-sm:0 1px 3px 0 #0000000d;--shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;--shadow-md:0 10px 15px -3px #00000014,0 4px 6px -2px #00000008;--shadow-lg:0 20px 25px -5px #0000001a,0 10px 10px -5px #00000005;--shadow-xl:0 25px 50px -12px #00000026;--radius:8px;--radius-lg:12px;--radius-xl:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#0f172a;color:var(--dark);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;min-height:100vh}body,code{background:#f8fafc}code{background:var(--gray-lightest);border-radius:4px;color:#2563eb;color:var(--primary);font-family:JetBrains Mono,Fira Code,monospace;font-size:.9em;padding:2px 6px}.container{margin:0 auto;max-width:1280px;padding:32px 24px}.header{background:#fff;background:var(--white);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-lighter);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;box-shadow:var(--shadow);position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav{background:#0000;display:flex;gap:0;margin:0 auto;max-width:1280px;padding:0}.nav a{border-bottom:3px solid #0000;color:#64748b;color:var(--gray);font-size:.9375rem;font-weight:600;padding:20px 32px;position:relative;text-decoration:none;transition:all .2s ease}.nav a:hover{background:#f8fafc;background:var(--gray-lightest)}.nav a.active,.nav a:hover{color:#2563eb;color:var(--primary)}.nav a.active{background:#0000;border-bottom-color:#2563eb;border-bottom-color:var(--primary)}.card{background:#fff;background:var(--white);border:1px solid #f8fafc;border:1px solid var(--gray-lightest);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;box-shadow:var(--shadow);margin-bottom:24px;padding:32px;transition:all .2s ease}.card:hover{box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #00000008;box-shadow:var(--shadow-md)}.card h2{font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin-bottom:24px}.card h2,.card h3{color:#0f172a;color:var(--dark)}.card h3{font-size:1.125rem;font-weight:600;margin-bottom:16px}.grid{grid-gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.camera-dashboard-grid,.grid{display:grid;gap:24px;margin-top:24px}.camera-dashboard-grid{grid-gap:24px;grid-template-columns:repeat(2,1fr)}.camera-preview-card{background:#fff;background:var(--white);border:1px solid #f8fafc;border:1px solid var(--gray-lightest);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;box-shadow:var(--shadow);cursor:pointer;overflow:hidden;transition:all .3s ease}.camera-preview-card:hover{border-color:#2563eb;border-color:var(--primary);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #00000005;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.camera-preview-header{background:#fff;background:var(--white);border-bottom:1px solid #f8fafc;border-bottom:1px solid var(--gray-lightest);padding:20px 24px}.camera-preview-header h3{color:#0f172a;color:var(--dark);font-size:1.25rem;font-weight:600;line-height:1.3;margin:0 0 8px}.camera-preview-header .camera-date{color:#64748b;color:var(--gray);font-size:.9rem;font-weight:400}.camera-photo-count{color:#2563eb;color:var(--primary);font-size:.875rem;font-weight:600;margin-top:4px}.camera-preview-image{aspect-ratio:16/9;background:#f8fafc;background:var(--gray-lightest);overflow:hidden;position:relative;width:100%}.camera-preview-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.camera-preview-card:hover .camera-preview-image img{transform:scale(1.05)}.camera-preview-placeholder{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);background:linear-gradient(135deg,var(--gray-lightest) 0,var(--gray-lighter) 100%);color:#64748b;color:var(--gray);display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.camera-preview-placeholder span{font-size:4rem;margin-bottom:12px;opacity:.5}.camera-preview-placeholder p{font-size:.9375rem;font-weight:500;margin:0;opacity:.7}.timelapses-list{display:flex;flex-direction:column;gap:24px}.timelapse-card{background:#fff;background:var(--white);border:1px solid #f8fafc;border:1px solid var(--gray-lightest);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;box-shadow:var(--shadow);overflow:hidden;transition:all .2s ease}.timelapse-card:hover{box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #00000008;box-shadow:var(--shadow-md)}.timelapse-content{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 600px}.timelapse-info{display:flex;flex-direction:column;gap:20px;padding:32px}.timelapse-info h3{color:#0f172a;color:var(--dark);font-size:1.5rem;font-weight:600;margin:0}.timelapse-meta{display:flex;flex-direction:column;gap:8px}.meta-item{display:flex;font-size:.9375rem;gap:8px}.meta-label{color:#64748b;color:var(--gray);font-weight:600;min-width:100px}.meta-value{color:#0f172a;color:var(--dark)}.timelapse-status{align-items:center;border-top:1px solid #f8fafc;border-top:1px solid var(--gray-lightest);display:flex;gap:12px;padding-top:12px}.timelapse-download{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto}.timelapse-video{align-items:center;background:#0f172a;background:var(--dark);border-left:1px solid #f8fafc;border-left:1px solid var(--gray-lightest);display:flex;justify-content:center}.timelapse-video .video-player{border-radius:0;height:100%;width:100%}.badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:4px 12px;text-transform:uppercase}.badge.processing{background:#fef3c7;color:#92400e}.badge.completed{background:#d1fae5;color:#065f46}.badge.failed{background:#fee2e2;color:#991b1b}.form-group{margin-bottom:24px}.form-group label{color:#0f172a;color:var(--dark);display:block;font-size:.875rem;font-weight:600;letter-spacing:.01em;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--white);border:1px solid #cbd5e1;border:1px solid var(--gray-light);border-radius:8px;border-radius:var(--radius);color:#0f172a;color:var(--dark);font-family:Plus Jakarta Sans,sans-serif;font-size:.9375rem;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-group small{color:#64748b;color:var(--gray);display:block;font-size:.8125rem;margin-top:6px}.button{background:#2563eb;background:var(--primary);border:none;border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 3px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;color:var(--white);cursor:pointer;display:inline-block;font-family:Plus Jakarta Sans,sans-serif;font-size:.9375rem;font-weight:600;letter-spacing:.01em;padding:12px 24px;text-decoration:none;transition:all .2s ease}.button:hover{background:#1e40af;background:var(--primary-dark);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;box-shadow:var(--shadow);transform:translateY(-1px)}.button:active{transform:translateY(0)}.button:disabled{background:#cbd5e1;background:var(--gray-light);box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.button.secondary{background:#fff;background:var(--white);border:1px solid #cbd5e1;border:1px solid var(--gray-light);color:#0f172a;color:var(--dark)}.button.secondary:hover{background:#f8fafc;background:var(--gray-lightest);border-color:#2563eb;border-color:var(--primary);color:#2563eb;color:var(--primary)}.btn{border:none;border-radius:8px;border-radius:var(--radius);cursor:pointer;display:inline-block;font-family:Plus Jakarta Sans,sans-serif;font-size:.9375rem;font-weight:600;padding:10px 20px;text-align:center;text-decoration:none;transition:all .2s ease}.btn-primary{background:#2563eb;background:var(--primary);box-shadow:0 1px 3px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;color:var(--white)}.btn-primary:hover{background:#1e40af;background:var(--primary-dark);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;box-shadow:var(--shadow);transform:translateY(-1px)}.btn-secondary{background:#f8fafc;background:var(--gray-lightest);border:1px solid #cbd5e1;border:1px solid var(--gray-light);color:#0f172a;color:var(--dark)}.btn-secondary:hover{background:#cbd5e1;background:var(--gray-light);border-color:#2563eb;border-color:var(--primary);color:#2563eb;color:var(--primary)}.btn-danger{background:#fff;background:var(--white);border:1px solid #dc2626;border:1px solid var(--danger);box-shadow:0 1px 3px 0 #0000000d;box-shadow:var(--shadow-sm);color:#dc2626;color:var(--danger)}.btn-danger:hover{background:#dc2626;background:var(--danger);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;box-shadow:var(--shadow);color:#fff;color:var(--white);transform:translateY(-1px)}.btn-danger:disabled{background:#cbd5e1;background:var(--gray-light);border-color:#cbd5e1;border-color:var(--gray-light);color:#64748b;color:var(--gray);cursor:not-allowed;opacity:.6;transform:none}.video-player{background:#0f172a;background:var(--dark);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #00000005;box-shadow:var(--shadow-lg);max-width:100%;outline:none}.stats-table,.video-player{border-radius:12px;border-radius:var(--radius-lg);width:100%}.stats-table{border:1px solid #f8fafc;border:1px solid var(--gray-lightest);border-collapse:initial;border-spacing:0;margin-top:20px;overflow:hidden}.stats-table td,.stats-table th{padding:16px 20px;text-align:left}.stats-table th{background:#f8fafc;background:var(--gray-lightest);border-bottom:1px solid #cbd5e1;border-bottom:1px solid var(--gray-light);color:#0f172a;color:var(--dark);font-size:.8125rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.stats-table tbody tr{background:#fff;background:var(--white);border-bottom:1px solid #f8fafc;border-bottom:1px solid var(--gray-lightest);transition:all .15s ease}.stats-table tbody tr:hover{background:#f8fafc;background:var(--gray-lightest)}.stats-table td{color:#0f172a;color:var(--dark);font-size:.9375rem}.loading{color:#64748b;color:var(--gray);font-size:1rem;font-weight:500;padding:60px 20px;text-align:center}.loading:before{animation:spin .7s linear infinite;border:3px solid #e2e8f0;border-top-color:#2563eb;border:3px solid var(--gray-lighter);border-radius:50%;border-top-color:var(--primary);content:"";display:inline-block;height:32px;margin-bottom:16px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.error{background:#fef2f2;border-left:3px solid #dc2626;border-left:3px solid var(--danger);color:#dc2626;color:var(--danger)}.error,.success{border-radius:8px;border-radius:var(--radius);font-size:.9375rem;font-weight:500;margin-bottom:24px;padding:16px 20px}.success{background:#f0fdf4;border-left:3px solid #059669;border-left:3px solid var(--success);color:#059669;color:var(--success)}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{animation:modalSlideUp .3s ease-out;background:#fff;background:var(--white);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000026;box-shadow:var(--shadow-xl);max-height:90vh;max-width:800px;overflow-y:auto;padding:32px;width:90%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal h2{color:#0f172a;color:var(--dark);font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin-bottom:24px}.modal-actions{border-top:1px solid #f8fafc;border-top:1px solid var(--gray-lightest);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.gallery-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#0f172af2;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:2000}.gallery-container{animation:modalSlideUp .3s ease-out;border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000026;box-shadow:var(--shadow-xl);max-height:90vh;max-width:1600px;overflow-y:auto;width:100%}.gallery-container,.gallery-header{background:#fff;background:var(--white)}.gallery-header{align-items:center;border-bottom:1px solid #f8fafc;border-bottom:1px solid var(--gray-lightest);display:flex;justify-content:space-between;padding:24px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.gallery-header h2{color:#0f172a;color:var(--dark);font-size:1.25rem;font-weight:600;margin:0}.btn-close{align-items:center;background:#f8fafc;background:var(--gray-lightest);border:none;border-radius:50%;color:#64748b;color:var(--gray);cursor:pointer;display:flex;font-size:1.5rem;font-weight:300;height:40px;justify-content:center;line-height:1;transition:all .2s ease;width:40px}.btn-close:hover{background:#cbd5e1;background:var(--gray-light);color:#0f172a;color:var(--dark);transform:rotate(90deg)}.gallery-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(10,1fr);padding:24px}.gallery-item{aspect-ratio:4/3;background:#f8fafc;background:var(--gray-lightest);border:1px solid #f8fafc;border:1px solid var(--gray-lightest);border-radius:8px;border-radius:var(--radius);cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.gallery-item:hover{box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #00000008;box-shadow:var(--shadow-md);transform:scale(1.05);z-index:5}.gallery-item img{height:100%;object-fit:cover;transition:all .3s ease;width:100%}.gallery-item:hover img{transform:scale(1.1)}.gallery-item-info{background:linear-gradient(0deg,#0f172ae6,#0000);bottom:0;color:#fff;color:var(--white);font-size:.75rem;font-weight:500;left:0;opacity:0;padding:8px 10px 6px;position:absolute;right:0;text-align:center;transition:opacity .2s ease}.gallery-item:hover .gallery-item-info{opacity:1}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--gray-lightest)}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--gray-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--gray)}::selection{background:#3b82f6;background:var(--primary-light);color:#fff;color:var(--white)}::-moz-selection{background:#3b82f6;background:var(--primary-light);color:#fff;color:var(--white)}pre{background:#0f172a;background:var(--dark);border-radius:8px;border-radius:var(--radius);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;box-shadow:var(--shadow);color:#f8fafc;color:var(--gray-lightest);font-family:JetBrains Mono,monospace;font-size:.875rem;line-height:1.5;margin:16px 0;overflow-x:auto;padding:16px}
/*# sourceMappingURL=main.c0ca0c19.css.map*/