:root{--cor-primario: #2c3e50;--cor-secundario: #bea82a;--cor-texto: #212121;--cor-fundo: #ffffff;--cor-hover: #122A42;--cor-borda: #cccccc;--cor-ativo: #28a745;--cor-inativo: #dc3545}*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins,sans-serif}body::-webkit-scrollbar{width:5px}body::-webkit-scrollbar-track{background:#e5e5e5}body::-webkit-scrollbar-thumb{background-color:#2c3e50;border-radius:20px}.button{cursor:pointer}.frame-timeline-section{margin:1rem 0}.frame-timeline-section .timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,255,255,.3)}.frame-timeline-section .timeline-header .section-title{color:#2c3e50;font-weight:700;display:flex;align-items:center;gap:.75rem;margin:0}.frame-timeline-section .timeline-header .section-title i{font-size:1.5rem;color:#0a0e1a}.frame-timeline-section .timeline-header .section-title small{font-weight:400;font-size:.875rem;opacity:.7}.frame-timeline-section .timeline-header .timeline-controls{display:flex;gap:.75rem}.frame-timeline-section .timeline-header .timeline-controls .btn-control{background:#fff;border:2px solid #e1e8ed;color:#2c3e50;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;display:flex;align-items:center;gap:.5rem}.frame-timeline-section .timeline-header .timeline-controls .btn-control:hover{border-color:#0a0e1a;transform:translateY(-1px)}.frame-timeline-section .timeline-header .timeline-controls .btn-control.active{background:#0a0e1a;border-color:#0a0e1a;color:#fff;box-shadow:0 4px 12px #3498db4d}.frame-timeline-section .frame-timeline-container{position:relative}.frame-timeline-section .frame-timeline-container .timeline-scale{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem;background:#fffc;border-radius:8px}.frame-timeline-section .frame-timeline-container .timeline-scale .zoom-btn{background:#3498db;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.frame-timeline-section .frame-timeline-container .timeline-scale .zoom-btn:hover{background:#2980b9;transform:scale(1.1)}.frame-timeline-section .frame-timeline-container .timeline-scale .zoom-level{font-weight:600;color:#2c3e50;min-width:50px;text-align:center}.frame-timeline-section .timeline-day-view .view-title{color:#2c3e50;font-weight:600;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.frame-timeline-section .timeline-day-view .view-title i{color:#e74c3c}.frame-timeline-section .timeline-day-view .day-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.frame-timeline-section .timeline-day-view .day-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 20px #0000001a;cursor:pointer;transition:all .3s ease}.frame-timeline-section .timeline-day-view .day-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #00000026}.frame-timeline-section .timeline-day-view .day-card .day-preview{position:relative;height:180px}.frame-timeline-section .timeline-day-view .day-card .day-preview .frame-preview-container{width:100%;height:100%;position:relative;overflow:hidden}.frame-timeline-section .timeline-day-view .day-card .day-preview .frame-preview-container .day-frame-preview{width:100%;height:100%;object-fit:cover}.frame-timeline-section .timeline-day-view .day-card .day-preview .frame-preview-container .placeholder-preview,.frame-timeline-section .timeline-day-view .day-card .day-preview .frame-preview-container .empty-preview{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;gap:.5rem}.frame-timeline-section .timeline-day-view .day-card .day-preview .frame-preview-container .placeholder-preview i,.frame-timeline-section .timeline-day-view .day-card .day-preview .frame-preview-container .empty-preview i{font-size:2.5rem;opacity:.8}.frame-timeline-section .timeline-day-view .day-card .day-preview .frame-preview-container .placeholder-preview span,.frame-timeline-section .timeline-day-view .day-card .day-preview .frame-preview-container .empty-preview span{font-weight:600;font-size:1.1rem}.frame-timeline-section .timeline-day-view .day-card .day-preview .frame-preview-container .empty-preview{background:linear-gradient(135deg,#bdc3c7,#95a5a6)}.frame-timeline-section .timeline-day-view .day-card .day-preview .frame-preview-container .empty-preview i{opacity:.6}.frame-timeline-section .timeline-day-view .day-card .day-preview .frame-preview-container .day-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:1rem}.frame-timeline-section .timeline-day-view .day-card .day-preview .frame-preview-container .day-overlay .day-info{margin-bottom:.75rem}.frame-timeline-section .timeline-day-view .day-card .day-preview .frame-preview-container .day-overlay .day-info .day-date{margin:0 0 .5rem;font-size:1.2rem;font-weight:700;color:#060606}.frame-timeline-section .timeline-day-view .day-card .day-preview .frame-preview-container .day-overlay .day-info .day-stats{display:flex;gap:1rem;font-size:.875rem;margin-bottom:0}.frame-timeline-section .timeline-day-view .day-card .day-preview .frame-preview-container .day-overlay .day-info .day-stats span{margin-bottom:0;display:flex;align-items:center;gap:.25rem;opacity:.9}.frame-timeline-section .timeline-day-view .day-card .day-preview .frame-preview-container .day-overlay .day-info .day-stats span i{font-size:.9rem}.frame-timeline-section .timeline-day-view .day-card .day-preview .frame-preview-container .day-overlay .hour-activity-bar{display:flex;gap:1px;height:20px;background:#ffffff1a;border-radius:2px;overflow:hidden}.frame-timeline-section .timeline-day-view .day-card .day-preview .frame-preview-container .day-overlay .hour-activity-bar .hour-indicator{flex:1;background:linear-gradient(to top,#3498db,#060606);opacity:.7;transition:opacity .2s ease}.frame-timeline-section .timeline-day-view .day-card .day-preview .frame-preview-container .day-overlay .hour-activity-bar .hour-indicator:hover{opacity:1}.frame-timeline-section .timeline-hour-view .view-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.frame-timeline-section .timeline-hour-view .view-header .back-btn{background:#e74c3c;border:none;color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-weight:500}.frame-timeline-section .timeline-hour-view .view-header .back-btn:hover{background:#c0392b;transform:translate(-2px)}.frame-timeline-section .timeline-hour-view .view-header .view-title{color:#2c3e50;font-weight:600;margin:0;display:flex;align-items:center;gap:.5rem}.frame-timeline-section .timeline-hour-view .view-header .view-title i{color:#f39c12}.frame-timeline-section .timeline-hour-view .hour-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.frame-timeline-section .timeline-hour-view .hour-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #0000001a;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.frame-timeline-section .timeline-hour-view .hour-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026;border-color:#b48f4c}.frame-timeline-section .timeline-hour-view .hour-card .hour-preview{position:relative;height:120px}.frame-timeline-section .timeline-hour-view .hour-card .hour-preview .frame-preview-container{width:100%;height:100%;position:relative}.frame-timeline-section .timeline-hour-view .hour-card .hour-preview .frame-preview-container .hour-frame-preview{width:100%;height:100%;object-fit:cover}.frame-timeline-section .timeline-hour-view .hour-card .hour-preview .frame-preview-container .placeholder-preview{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;gap:.5rem}.frame-timeline-section .timeline-hour-view .hour-card .hour-preview .frame-preview-container .placeholder-preview i{font-size:1.8rem;opacity:.8}.frame-timeline-section .timeline-hour-view .hour-card .hour-preview .frame-preview-container .placeholder-preview span{font-weight:600;font-size:1rem}.frame-timeline-section .timeline-hour-view .hour-card .hour-preview .frame-preview-container .empty-preview{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff;gap:.5rem}.frame-timeline-section .timeline-hour-view .hour-card .hour-preview .frame-preview-container .empty-preview i{font-size:1.8rem;opacity:.6}.frame-timeline-section .timeline-hour-view .hour-card .hour-preview .frame-preview-container .empty-preview span{font-weight:600;font-size:1rem;opacity:.8}.frame-timeline-section .timeline-hour-view .hour-card .hour-preview .frame-preview-container .hour-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000d9);color:#fff;padding:.75rem}.frame-timeline-section .timeline-hour-view .hour-card .hour-preview .frame-preview-container .hour-overlay .hour-info{margin-bottom:.5rem}.frame-timeline-section .timeline-hour-view .hour-card .hour-preview .frame-preview-container .hour-overlay .hour-info .hour-time{margin:0 0 .25rem;font-size:1.1rem;font-weight:700;color:#060606}.frame-timeline-section .timeline-hour-view .hour-card .hour-preview .frame-preview-container .hour-overlay .hour-info .hour-stats{display:flex;gap:.75rem;font-size:.8rem}.frame-timeline-section .timeline-hour-view .hour-card .hour-preview .frame-preview-container .hour-overlay .hour-info .hour-stats span{display:flex;align-items:center;gap:.2rem;opacity:.9}.frame-timeline-section .timeline-hour-view .hour-card .hour-preview .frame-preview-container .hour-overlay .minute-activity-bar{display:flex;gap:1px;height:12px;background:#ffffff1a;border-radius:1px;overflow:hidden}.frame-timeline-section .timeline-hour-view .hour-card .hour-preview .frame-preview-container .hour-overlay .minute-activity-bar .minute-indicator{flex:1;background:#ffffff4d}.frame-timeline-section .timeline-hour-view .hour-card .hour-preview .frame-preview-container .hour-overlay .minute-activity-bar .minute-indicator.has-data{background:linear-gradient(to top,#e74c3c,#ff6b6b)}.frame-timeline-section .timeline-minute-view .view-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.frame-timeline-section .timeline-minute-view .view-header .back-btn{background:#e74c3c;border:none;color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-weight:500}.frame-timeline-section .timeline-minute-view .view-header .back-btn:hover{background:#c0392b;transform:translate(-2px)}.frame-timeline-section .timeline-minute-view .view-header .view-title{color:#2c3e50;font-weight:600;margin:0;display:flex;align-items:center;gap:.5rem}.frame-timeline-section .timeline-minute-view .view-header .view-title i{color:#9b59b6}.frame-timeline-section .timeline-minute-view .minute-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.frame-timeline-section .timeline-minute-view .minute-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;border:2px solid transparent;position:relative}.frame-timeline-section .timeline-minute-view .minute-card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #00000026;border-color:#b48f4c}.frame-timeline-section .timeline-minute-view .minute-card:hover .play-overlay{opacity:1}.frame-timeline-section .timeline-minute-view .minute-card.has-frames{border-left:4px solid #B48F4C}.frame-timeline-section .timeline-minute-view .minute-card.has-frames:after{content:"";position:absolute;top:.5rem;right:.5rem;width:8px;height:8px;background:#27ae60;border-radius:50%;box-shadow:0 0 0 2px #fff}.frame-timeline-section .timeline-minute-view .minute-card .minute-preview{position:relative;height:100px}.frame-timeline-section .timeline-minute-view .minute-card .minute-preview .frame-preview-container{width:100%;height:100%;position:relative}.frame-timeline-section .timeline-minute-view .minute-card .minute-preview .frame-preview-container .minute-frame-preview{width:100%;height:100%;object-fit:cover}.frame-timeline-section .timeline-minute-view .minute-card .minute-preview .frame-preview-container .placeholder-preview{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;gap:.5rem}.frame-timeline-section .timeline-minute-view .minute-card .minute-preview .frame-preview-container .placeholder-preview i{font-size:1.5rem;opacity:.8}.frame-timeline-section .timeline-minute-view .minute-card .minute-preview .frame-preview-container .placeholder-preview span{font-weight:600;font-size:.9rem}.frame-timeline-section .timeline-minute-view .minute-card .minute-preview .frame-preview-container .empty-preview{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff;gap:.5rem}.frame-timeline-section .timeline-minute-view .minute-card .minute-preview .frame-preview-container .empty-preview i{font-size:1.5rem;opacity:.6}.frame-timeline-section .timeline-minute-view .minute-card .minute-preview .frame-preview-container .empty-preview span{font-weight:600;font-size:.9rem;opacity:.8}.frame-timeline-section .timeline-minute-view .minute-card .minute-preview .frame-preview-container .minute-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000e6);color:#fff;padding:.6rem}.frame-timeline-section .timeline-minute-view .minute-card .minute-preview .frame-preview-container .minute-overlay .minute-info{margin-bottom:.4rem}.frame-timeline-section .timeline-minute-view .minute-card .minute-preview .frame-preview-container .minute-overlay .minute-info .minute-time{margin:0 0 .2rem;font-size:1rem;font-weight:700;color:#060606}.frame-timeline-section .timeline-minute-view .minute-card .minute-preview .frame-preview-container .minute-overlay .minute-info .minute-stats{display:flex;gap:.5rem;font-size:.75rem}.frame-timeline-section .timeline-minute-view .minute-card .minute-preview .frame-preview-container .minute-overlay .minute-info .minute-stats span{display:flex;align-items:center;gap:.2rem;opacity:.9}.frame-timeline-section .timeline-minute-view .minute-card .minute-preview .frame-preview-container .minute-overlay .second-activity-bar{display:flex;gap:1px;height:8px;background:#ffffff1a;border-radius:1px;overflow:hidden;margin-bottom:.5rem}.frame-timeline-section .timeline-minute-view .minute-card .minute-preview .frame-preview-container .minute-overlay .second-activity-bar .second-indicator{flex:1;background:#fff3}.frame-timeline-section .timeline-minute-view .minute-card .minute-preview .frame-preview-container .minute-overlay .second-activity-bar .second-indicator.has-data{background:linear-gradient(to top,#9b59b6,#e74c3c)}.frame-timeline-section .timeline-minute-view .minute-card .minute-preview .frame-preview-container .minute-overlay .play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .3s ease}.frame-timeline-section .timeline-minute-view .minute-card .minute-preview .frame-preview-container .minute-overlay .play-overlay .play-btn{background:#ffffff80;border:2px solid #060606;color:#060606;width:30px;height:30px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px)}.frame-timeline-section .timeline-minute-view .minute-card .minute-preview .frame-preview-container .minute-overlay .play-overlay .play-btn i{font-size:1.2rem;margin-left:2px}.frame-timeline-section .timeline-minute-view .minute-card .minute-preview .frame-preview-container .minute-overlay .play-overlay .play-btn:hover{background:#00d4ff;color:#fff;transform:scale(1.1)}.frame-timeline-section .empty-timeline{text-align:center;padding:3rem;color:#7f8c8d}.frame-timeline-section .empty-timeline i{font-size:4rem;margin-bottom:1rem;opacity:.5}.frame-timeline-section .empty-timeline p{font-size:1.1rem;margin-bottom:1.5rem}.frame-timeline-section .empty-timeline .btn{background:#3498db;border-color:#3498db;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:500}.frame-timeline-section .empty-timeline .btn:hover{background:#2980b9;border-color:#2980b9;transform:translateY(-1px)}.frame-timeline-section .timeline-minimap{position:relative;height:40px;background:#fffc;border-radius:8px;margin-top:1rem;overflow:hidden}.frame-timeline-section .timeline-minimap .minimap-viewport{position:absolute;top:0;bottom:0;background:#3498db4d;border:2px solid #3498db;border-radius:4px}.frame-timeline-section .timeline-minimap .minimap-content{display:flex;height:100%}.frame-timeline-section .timeline-minimap .minimap-content .minimap-segment{height:100%;border-right:1px solid rgba(255,255,255,.5);transition:background .2s ease;cursor:pointer}.frame-timeline-section .timeline-minimap .minimap-content .minimap-segment:hover{opacity:.8}@media (max-width: 1200px){.frame-timeline-section .day-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.frame-timeline-section .hour-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.frame-timeline-section .minute-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width: 768px){.frame-timeline-section{padding:1rem}.frame-timeline-section .timeline-header{flex-direction:column;gap:1rem;align-items:stretch}.frame-timeline-section .timeline-header .timeline-controls{justify-content:space-between;flex-wrap:wrap}.frame-timeline-section .day-grid{grid-template-columns:1fr}.frame-timeline-section .hour-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.frame-timeline-section .minute-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.frame-timeline-section .view-header .view-title{text-align:center}}@media (max-width: 700px){#body{min-height:100dvh}}