@import"https://fonts.googleapis.com/css2?family=Hind:wght@400;500;600;700&display=swap";.turn-your-device{display:none!important;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#191919;color:#fff;z-index:1000;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}.turn-your-device h1{font-size:2rem;margin-top:2rem}.turn-your-device svg{width:8rem;height:auto}@media (orientation: landscape){.turn-your-device{display:flex!important}}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:9999}.loading-overlay .loading-spinner{display:flex;flex-direction:column;align-items:center;color:#fff}.loading-overlay .loading-spinner .spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #e21617;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-overlay .loading-spinner p{font-size:18px;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes checkpointShimmer{0%{box-shadow:0 0 .4rem #ffffff73,0 0 .9rem #ffffff40}to{box-shadow:0 0 .8rem #ffffffe6,0 0 1.8rem #fff9}}html{font-size:62.5%}html body{margin:0;padding:0;box-sizing:border-box;background:#191919;width:100vw;min-height:100vh;color:#fff;font-family:Hind,sans-serif;font-size:1.6rem}html body.manual-mode footer{display:none!important}html body *{box-sizing:border-box;margin:0}html body #root,html body #root .page-container{width:100vw;min-height:100vh}html body #root .page-container.classroom-section{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:100vh}html body #root .page-container.classroom-section header{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;width:100vw;height:10rem}html body #root .page-container.classroom-section header .subtle-back-button{position:absolute;top:2rem;left:2rem;display:flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border:0;border-radius:999rem;background:#ffffff14;color:#ffffffbf;font-family:Hind,sans-serif;font-size:1.3rem;cursor:pointer;transition:background-color .2s ease,color .2s ease;z-index:9999}html body #root .page-container.classroom-section header .subtle-back-button svg{width:1.4rem;height:1.4rem}html body #root .page-container.classroom-section header .subtle-back-button:hover{background:#ffffff29;color:#fff}html body #root .page-container.classroom-section header h1{margin-top:1rem;font-size:2rem}html body #root .page-container.classroom-section header img{height:6rem;width:auto!important}html body #root .page-container.classroom-section header button{background:transparent;border:0;cursor:pointer;outline:0;color:#fff;font-size:inherit;font-family:Hind,sans-serif;display:flex;align-items:center;margin-top:1rem}html body #root .page-container.classroom-section header button svg{height:2rem;width:auto;margin-right:.5rem;position:relative;top:-.2rem}html body #root .page-container.classroom-section header button p{margin:0}html body #root .page-container.classroom-section footer{width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}html body #root .page-container.classroom-section footer img{height:8rem}html body #root .page-container.classroom-section footer img.mirrored-template{transform:scaleX(-1)}html body #root .page-container.classroom-section footer .recap-actions{margin-top:1rem;display:flex;flex-direction:column;justify-content:center;list-style:none;padding-left:0}html body #root .page-container.classroom-section footer .recap-actions li{margin:.5rem 0;width:100%}html body #root .page-container.classroom-section footer .recap-actions li button{background-color:#4ed964;width:100%;border:0;cursor:pointer;outline:0;color:#fff;font-weight:700;padding:1rem 2rem;border-radius:999rem}html body #root .page-container.classroom-section footer .recap-actions li:nth-child(2) button{background-color:#ff4e4e}html body #root .page-container.classroom-section .camera-intro{display:flex;flex-direction:column;align-items:center;position:fixed;top:0;left:0;z-index:999;background-color:#191919;width:100vw;height:100vh;overflow-x:hidden;padding:2rem}html body #root .page-container.classroom-section .camera-intro .intro-container{display:flex;flex-direction:column;align-items:center;width:100%;overflow-y:auto;overflow-x:hidden;height:100vh;justify-content:center}html body #root .page-container.classroom-section .camera-intro .intro-container:not(:has(>:last-child:in-viewport)){justify-content:flex-start}html body #root .page-container.classroom-section .camera-intro .intro-container .logo{height:6rem;margin-bottom:3rem}html body #root .page-container.classroom-section .camera-intro .intro-container h1{font-size:1.8rem}html body #root .page-container.classroom-section .camera-intro .intro-container>p{text-align:left;width:100%;margin:1rem}html body #root .page-container.classroom-section .camera-intro .intro-container ul{list-style:none;padding-left:0;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:3rem}html body #root .page-container.classroom-section .camera-intro .intro-container ul li{color:#fff;font-weight:700;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(50% - 2rem);text-align:center}html body #root .page-container.classroom-section .camera-intro .intro-container ul li img{width:7rem;height:7rem;margin-bottom:1rem;object-fit:contain}html body #root .page-container.classroom-section .camera-intro .intro-container button{margin-top:3rem;padding:1rem 2rem;border:0;border-radius:999rem;background-color:#e21617;color:#fff;font-weight:700;cursor:pointer;outline:0}html body #root .page-container.classroom-section .camera-intro .intro-container button.upload-btn{background:transparent;border:solid .2rem white;margin-top:1rem}html body #root .page-container.classroom-section .camera-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#191919;position:relative;overflow:visible;flex-wrap:wrap}html body #root .page-container.classroom-section .camera-container video{width:100vw;height:100vw;max-width:400px;max-height:400px;object-fit:cover}html body #root .page-container.classroom-section .camera-container .centrage{width:100vw;height:100vw;max-width:400px;max-height:400px;position:absolute;z-index:2}html body #root .page-container.classroom-section .camera-container .switch-camera{position:absolute;bottom:1rem;right:1rem;border:0;background:#0000004d;border-radius:999rem;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3}html body #root .page-container.classroom-section .camera-container .switch-camera svg{width:2rem;height:auto}html body #root .page-container.classroom-section .camera-container .scan-template-container{width:100vw;height:100vw;max-width:400px;max-height:400px;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;pointer-events:none}html body #root .page-container.classroom-section .camera-container .scan-template-container .scan-template-image{height:90%;opacity:.5}html body #root .page-container.classroom-section .checkpoints{display:flex;width:100vw;max-width:400px;list-style:none;padding-left:0;justify-content:center;align-items:center}html body #root .page-container.classroom-section .checkpoints li{width:calc(7.1428571429vw - 1rem);max-width:calc(28.5714285714px - 1rem);margin:.5rem;height:calc(7.1428571429vw - 1rem);max-height:calc(28.5714285714px - 1rem);background-color:#ff4e4e;transition:background-color .2s,box-shadow .2s;border-radius:999rem}html body #root .page-container.classroom-section .checkpoints li.next{background-color:#ffd95e;border:.1rem solid rgba(255,255,255,.9);box-shadow:0 0 .6rem #ffffffb3,0 0 1.4rem #ffffff73;animation:checkpointShimmer 1.2s ease-in-out infinite alternate}html body #root .page-container.classroom-section .checkpoints li.done{background-color:#4ed964;animation:none;box-shadow:none}html body #root .page-container.classroom-section .camera-recap{width:100vw;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:.5rem}html body #root .page-container.classroom-section .camera-recap div{width:calc(33% - 1rem);margin:.5rem}html body #root .page-container.classroom-section .camera-recap div img{width:100%;height:auto}html body #root .page-container.classroom-section .camera-recap div p{opacity:.7;text-align:center}html body #root .page-container.story-section{display:flex;flex-direction:column;justify-content:space-around;align-items:center}html body #root .page-container.story-section header{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;width:100vw;height:calc((100vh - 100vw)/2);min-height:calc((100vh - 400px)/2)}html body #root .page-container.story-section header .subtle-back-button{position:absolute;top:2rem;left:2rem;display:flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border:0;border-radius:999rem;background:#ffffff14;color:#ffffffbf;font-family:Hind,sans-serif;font-size:1.3rem;cursor:pointer;transition:background-color .2s ease,color .2s ease;z-index:9999}html body #root .page-container.story-section header .subtle-back-button svg{width:1.4rem;height:1.4rem}html body #root .page-container.story-section header .subtle-back-button:hover{background:#ffffff29;color:#fff}html body #root .page-container.story-section header h1{margin-top:1rem;font-size:2rem}html body #root .page-container.story-section header img{height:6rem;width:auto!important}html body #root .page-container.story-section header p{margin:0}html body #root .page-container.story-section .camera-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#191919;position:relative;overflow:hidden;flex-wrap:wrap}html body #root .page-container.story-section .camera-container video{width:100vw;height:100vw;max-width:400px;max-height:400px;object-fit:cover}html body #root .page-container.story-section .camera-container .centrage{width:100vw;height:100vw;max-width:400px;max-height:400px;position:absolute;z-index:2;transform:scale(1.3)}html body #root .page-container.story-section .camera-container .switch-camera{position:absolute;bottom:1rem;right:1rem;border:0;background:#0000004d;border-radius:999rem;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3}html body #root .page-container.story-section .camera-container .switch-camera svg{width:2rem;height:auto}html body #root .page-container.story-section .camera-container .preview{position:absolute;z-index:2;width:100vw;height:100vw;max-height:400px;max-width:400px;top:0;left:0}html body #root .page-container.story-section .camera-container .story-recap h2{font-size:2rem;text-align:center;margin-bottom:1rem}html body #root .page-container.story-section .camera-container .story-recap ul{display:flex;list-style:none;padding-left:0;width:100vw;max-width:400px;padding:0 .5rem}html body #root .page-container.story-section .camera-container .story-recap ul li{width:calc(33.3333333333% - .5rem);margin:.25rem;padding:0}html body #root .page-container.story-section .camera-container .story-recap ul li button{background:transparent;border:0;cursor:pointer;outline:0;padding:0;border:solid .3rem #191919;border-radius:1rem;overflow:hidden}html body #root .page-container.story-section .camera-container .story-recap ul li button.active{border:solid .3rem white}html body #root .page-container.story-section .camera-container .story-recap ul li button img{width:100%;height:100%;object-fit:cover;display:block}html body #root .page-container.story-section .camera-container .scan-template-container{width:100vw;height:100vw;max-width:400px;max-height:400px;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;pointer-events:none}html body #root .page-container.story-section .camera-container .scan-template-container .scan-template-image{height:90%;opacity:.5}html body #root .page-container.story-section footer{height:calc((100vh - 100vw)/2);min-height:calc((100vh - 400px)/2);display:flex;align-items:center;justify-content:center;flex-direction:column}html body #root .page-container.story-section footer .capture-button{background:#000;width:8rem;height:8rem;display:flex;align-items:center;justify-content:center;padding:1rem;outline:0;cursor:pointer;border:solid .5rem rgb(148,148,148);border-radius:999rem}html body #root .page-container.story-section footer .capture-button img{width:75%;height:auto}html body #root .page-container.story-section footer .recap-actions{margin-top:1rem;display:flex;flex-direction:column;justify-content:center;list-style:none;padding-left:0}html body #root .page-container.story-section footer .recap-actions li{margin:.5rem 0;width:100%}html body #root .page-container.story-section footer .recap-actions li button{background-color:#4ed964;width:100%;border:0;cursor:pointer;outline:0;color:#fff;font-weight:700;padding:1rem 2rem;border-radius:999rem}html body #root .page-container.story-section footer .recap-actions li:nth-child(2) button{background-color:#ff4e4e}html body #root .page-container .upload-container{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;background:#191919;color:#fff;min-height:100vh}html body #root .page-container .upload-container .upload-header{text-align:center;margin-bottom:2rem}html body #root .page-container .upload-container .upload-header .logo{height:4rem;margin-bottom:1rem}html body #root .page-container .upload-container .upload-header h2{margin:1rem 0;color:#e21617;font-size:1.5rem}html body #root .page-container .upload-container .upload-header p{color:#ccc;margin-bottom:2rem}html body #root .page-container .upload-container .upload-content{width:100%;max-width:500px}html body #root .page-container .upload-container .upload-content .upload-button{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #666;border-radius:1rem;padding:3rem 2rem;margin-bottom:2rem;cursor:pointer;transition:all .3s ease;background:transparent}html body #root .page-container .upload-container .upload-content .upload-button:hover{border-color:#e21617;background:#e216171a}html body #root .page-container .upload-container .upload-content .upload-button svg{margin-bottom:1rem;opacity:.7}html body #root .page-container .upload-container .upload-content .upload-button p{margin:0;color:#ccc;font-weight:700}html body #root .page-container .upload-container .upload-content .uploaded-preview{margin-bottom:2rem}html body #root .page-container .upload-container .upload-content .uploaded-preview h3{color:#e21617;margin-bottom:1rem;text-align:center}html body #root .page-container .upload-container .upload-content .uploaded-preview .preview-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}html body #root .page-container .upload-container .upload-content .uploaded-preview .preview-grid .preview-item{position:relative;width:120px;text-align:center}html body #root .page-container .upload-container .upload-content .uploaded-preview .preview-grid .preview-item .preview-controls{display:flex;justify-content:center;gap:.3rem;margin-bottom:.3rem}html body #root .page-container .upload-container .upload-content .uploaded-preview .preview-grid .preview-item .move-btn{width:28px;height:28px;background:#222;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;margin:0 2px;transition:background .2s,transform .2s;box-shadow:0 1px 4px #0000001f;opacity:.85}html body #root .page-container .upload-container .upload-content .uploaded-preview .preview-grid .preview-item .move-btn:disabled{background:#444;color:#888;cursor:not-allowed;opacity:.5}html body #root .page-container .upload-container .upload-content .uploaded-preview .preview-grid .preview-item .move-btn:not(:disabled):hover{background:#e21617;color:#fff;transform:scale(1.12)}html body #root .page-container .upload-container .upload-content .uploaded-preview .preview-grid .preview-item img{width:100%;height:120px;object-fit:cover;border-radius:.5rem;border:2px solid #333}html body #root .page-container .upload-container .upload-content .uploaded-preview .preview-grid .preview-item .remove-btn{position:absolute;top:-10px;right:-10px;width:30px;height:30px;background:#e21617;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}html body #root .page-container .upload-container .upload-content .uploaded-preview .preview-grid .preview-item .remove-btn:hover{background:#f33;transform:scale(1.1)}html body #root .page-container .upload-container .upload-content .uploaded-preview .preview-grid .preview-item .remove-btn svg{width:14px;height:14px}html body #root .page-container .upload-container .upload-content .uploaded-preview .preview-grid .preview-item p{margin:.5rem 0 0;font-size:1.6rem;color:#ccc}html body #root .page-container .upload-container .upload-content .upload-actions{text-align:center}html body #root .page-container .upload-container .upload-content .upload-actions>p{margin-bottom:2rem;color:#fff;font-weight:700}html body #root .page-container .upload-container .upload-content .upload-actions .recap-actions{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}html body #root .page-container .upload-container .upload-content .upload-actions .recap-actions li{width:100%}html body #root .page-container .upload-container .upload-content .upload-actions .recap-actions li button{width:100%;padding:1rem 2rem;border:0;border-radius:999rem;background-color:#4caf50;color:#fff;font-weight:700;cursor:pointer;outline:0;transition:all .3s ease}html body #root .page-container .upload-container .upload-content .upload-actions .recap-actions li button:hover{background-color:#45a049;transform:translateY(-2px)}html body #root .page-container .upload-container .upload-content .upload-actions .recap-actions li:nth-child(2) button{background-color:#e21617}html body #root .page-container .upload-container .upload-content .upload-actions .recap-actions li:nth-child(2) button:hover{background-color:#f33}html body #root .page-container .upload-container .upload-content .reset-upload{width:100%;padding:.8rem 1.5rem;border:2px solid #666;border-radius:999rem;background:transparent;color:#ccc;font-weight:700;cursor:pointer;outline:0;margin-top:1rem;transition:all .3s ease}html body #root .page-container .upload-container .upload-content .reset-upload:hover{border-color:#e21617;color:#e21617}html body #root .flash{position:fixed;inset:0;width:100vw;height:100vh;z-index:999;background:#fffc;opacity:0;transition:opacity .2s;pointer-events:none}html body #root .flash.active{opacity:1}@keyframes flash-effect{0%{opacity:0}10%{opacity:1}to{opacity:0}}.flash.active{animation:flash-effect .5s}#root>div{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100vw;min-height:100vh;padding:2rem}@keyframes waiting-shine{0%{left:-100%}50%,to{left:160%}}@keyframes waiting-pulse{0%,to{box-shadow:0 0 .6rem #fff3}50%{box-shadow:0 0 2rem #ffffffb3,0 0 1rem #fff6}}body header{padding:2rem;display:flex;justify-content:center}body header img{width:80%;max-width:9rem}body .page-container{min-height:auto!important}body .page-container h1{width:calc(100% - 4rem);text-align:center;display:block;margin:0 auto .5rem;font-size:3rem}body .page-container.login-section{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}body .page-container.login-section header{padding:0 2rem 2rem}body .page-container.login-section header img{width:auto;max-width:8rem}body .page-container.login-section form{display:flex;flex-direction:column;justify-content:center;align-items:center}body .page-container.login-section form input{width:100%;max-width:20rem;padding:1rem;font-size:1.6rem;border-radius:.5rem;border:0;outline:0;background-color:#000;color:#fff;text-align:center;margin-bottom:3rem}body .page-container.login-section form button{width:8rem;height:8rem;font-size:2rem;font-weight:700;border-radius:9999px;border:0;outline:0;background-color:#80171e;color:#fff}body .page-container.login-section form button:hover{background:transparent}body .page-container.home-section{padding-bottom:calc(6rem + env(safe-area-inset-bottom))}body .page-container.home-section header{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}body .page-container.home-section header .calendar-btn{position:absolute;top:2rem;left:2rem;background:transparent;border:0;outline:0;padding:.4rem;cursor:pointer;opacity:.7;transition:opacity .2s ease}body .page-container.home-section header .calendar-btn svg{width:3rem;height:auto;display:block}body .page-container.home-section header .calendar-btn:hover{opacity:1}body .page-container.home-section header .logout-button{display:flex;justify-content:center;align-items:center;background-color:transparent;border:0;outline:0;color:#fff;font-size:1.6rem;padding:.5rem 1rem;margin-top:1rem;opacity:.8}body .page-container.home-section header .logout-button svg{height:2rem;margin-left:.4rem;position:relative;top:0rem}body .page-container.home-section ul{list-style:none;padding-left:0;margin-bottom:2rem}body .page-container.home-section ul li{width:100%;list-style:none;padding-left:0;background-color:transparent}body .page-container.home-section ul li:nth-child(odd){background-color:transparent}body .page-container.home-section nav ul{background-color:transparent;height:6rem;display:flex;justify-content:center;align-items:center}body .page-container.home-section nav ul li{width:max-content;background:transparent!important}body .page-container.home-section nav ul li button{font-size:1.6rem;background-color:#060606;border:0;outline:0;padding:1rem 1.5rem;color:#fff;margin:0 1rem;border-radius:.8rem;border:.2rem solid #060606;opacity:.8;transition:all .2s ease-in-out}body .page-container.home-section nav ul li button.selected{background-color:#060606;border:.2rem solid #80171E;opacity:1}body .page-container.home-section .clients li a,body .page-container.home-section .clients li .search-btn{color:#fff;text-decoration:none;font-size:1.8rem;text-align:center;font-weight:700;position:relative;width:90%;display:flex;justify-content:center;align-items:center;margin:1rem auto;background-color:#060606;padding:.75rem;border-radius:.8rem;border:0}body .page-container.home-section .clients li a p,body .page-container.home-section .clients li .search-btn p{width:100%;font-size:1.9rem}body .page-container.home-section .clients li a>svg,body .page-container.home-section .clients li .search-btn>svg{height:2rem;width:auto;margin-right:1rem}body .page-container.home-section .clients li a.search-btn,body .page-container.home-section .clients li .search-btn.search-btn{height:6.5rem}body .page-container.home-section .clients li a span,body .page-container.home-section .clients li .search-btn span{display:block;opacity:1;font-weight:400;display:flex;justify-content:center;align-items:center;text-align:center;font-size:1.6rem}body .page-container.home-section .clients li a span svg,body .page-container.home-section .clients li .search-btn span svg{height:1.6rem;margin-right:.4rem;position:relative;top:-.2rem}body .page-container.home-section .clients li a .remove-button,body .page-container.home-section .clients li .search-btn .remove-button{width:5rem;height:5rem;background-color:transparent;display:flex;justify-content:center;align-items:center;z-index:0;border:0;outline:0;border-radius:.5rem}body .page-container.home-section .clients li a .remove-button img,body .page-container.home-section .clients li .search-btn .remove-button img{height:60%;width:auto;display:block}body .page-container.home-section .clients li.waiting a{background-color:#80171e;overflow:hidden;animation:waiting-pulse 2s ease-in-out infinite}body .page-container.home-section .clients li.waiting a:after{content:"";position:absolute;top:0;left:-100%;width:55%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.18),transparent);animation:waiting-shine 2.4s ease-in-out infinite}body .page-container.home-section .clients li.no-client{text-align:center;padding:2rem;font-size:1.6rem;color:#666}body .page-container.home-section .clients li .search-mode-bar{display:flex;align-items:center;width:90%;margin:1rem auto;background-color:#060606;border-radius:.8rem;padding:.75rem;height:6.5rem}body .page-container.home-section .clients li .search-mode-bar .search-back-btn{width:4rem;height:4rem;background:transparent;border:0;outline:0;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;padding:0}body .page-container.home-section .clients li .search-mode-bar .search-back-btn svg{height:2.2rem;width:auto}body .page-container.home-section .clients li .search-mode-bar input{flex:1;background:transparent;border:0;outline:0;color:#fff;font-size:1.8rem;padding:0 .8rem;font-family:inherit}body .page-container.home-section .clients li .search-mode-bar input::placeholder{color:#555}body .page-container.home-section .clients li .search-result-btn{color:#fff;font-size:1.8rem;font-weight:700;position:relative;width:90%;display:flex;justify-content:flex-start;align-items:center;margin:1rem auto;background-color:#060606;padding:.75rem;border-radius:.8rem;border:0;cursor:pointer;text-align:left}body .page-container.home-section .clients li .search-result-btn .search-result-photo{width:5rem;height:5rem;border-radius:50%;object-fit:cover;margin-right:1rem;flex-shrink:0}body .page-container.home-section .clients li .search-result-btn p{font-size:1.9rem;margin:0}.home-bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;padding:1rem 1.5rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));background:linear-gradient(to top,#000 60%,transparent)}.home-bottom-nav__btn{flex:1;display:flex;justify-content:center;align-items:center;gap:.6rem;padding:1.1rem 1rem;border:0;outline:0;border-radius:.8rem;font-size:1.5rem;font-weight:700;cursor:pointer;background-color:#80171e;color:#fff;transition:opacity .2s ease}.home-bottom-nav__btn svg{width:1.8rem;height:1.8rem;flex-shrink:0}.home-bottom-nav__btn p{margin:0}.home-bottom-nav__btn:hover{opacity:.85}.new-client-modal{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:flex-end;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:nc-modal-fade-in .2s ease}.new-client-modal__box{width:100%;background-color:#111;border-radius:1.2rem 1.2rem 0 0;padding:1.6rem 1.5rem;padding-bottom:calc(1.6rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.8rem;animation:nc-modal-slide-up .25s ease;max-height:92dvh;overflow-y:auto}.new-client-modal h3{font-size:1.8rem;font-weight:700;margin:0 0 .4rem;text-align:center;color:#fff}.new-client-modal__fields{display:flex;flex-direction:column;gap:.7rem;text-align:left}.new-client-modal__row{display:flex;gap:.8rem}.new-client-modal__row .new-client-modal__field{flex:1}.new-client-modal__field{display:flex;flex-direction:column;gap:.3rem}.new-client-modal__field label{font-size:1.5rem;color:#888;font-weight:500}.new-client-modal__field input,.new-client-modal__field select{background-color:#1a1a1a;border:.15rem solid #2e2e2e;border-radius:.7rem;color:#fff;font-size:1.5rem;padding:.75rem 1rem;outline:none;font-family:inherit;transition:border-color .2s ease;box-sizing:border-box;width:100%;margin-bottom:.4rem!important}.new-client-modal__field input::placeholder,.new-client-modal__field select::placeholder{color:#555}.new-client-modal__field input:focus,.new-client-modal__field select:focus{border-color:#80171e}.new-client-modal__field:nth-child(3){width:100%}.new-client-modal__field:nth-child(3) input{width:100%;max-width:100%}.new-client-modal__email{display:flex;align-items:center;gap:.4rem}.new-client-modal__email input{flex:1;min-width:0}.new-client-modal__email span{font-size:1.5rem;color:#888;flex-shrink:0}.new-client-modal__email select{flex:0 0 auto;width:auto}.new-client-modal__email-custom{flex:0 0 12rem;min-width:0}.new-client-modal__checkbox{display:flex;align-items:flex-start;gap:.7rem;font-size:1.35rem;color:#ccc;line-height:1.4;cursor:pointer;margin-bottom:.4rem}.new-client-modal__checkbox input[type=checkbox]{width:1.6rem;height:1.6rem;min-width:1.6rem;margin-top:.15rem;accent-color:#80171E;cursor:pointer;flex-shrink:0;vertical-align:middle}.new-client-modal__checkbox span{flex:1;vertical-align:middle}.new-client-modal__checkbox a{color:#e05060;text-decoration:underline}.new-client-modal__checkbox a:hover{color:#fff}.new-client-modal__checkbox:nth-child(4) span{position:relative;top:.2rem}.new-client-modal__checkbox:nth-child(4){margin:.4rem auto 3rem}.new-client-modal__actions{display:flex;gap:.8rem;margin-top:.2rem}.new-client-modal__btn{flex:1;padding:1.1rem;border:0;outline:0;border-radius:.8rem;font-size:1.5rem;font-weight:700;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.new-client-modal__btn--cancel{background-color:#1e1e1e;color:#aaa}.new-client-modal__btn--cancel:hover{background-color:#2a2a2a;color:#fff}.new-client-modal__btn--submit{background-color:#80171e;color:#fff}.new-client-modal__btn--submit:hover{opacity:.85}.new-client-modal__btn--submit:disabled{opacity:.35;cursor:not-allowed}@keyframes nc-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes nc-modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}#root>div{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100vw;height:100vh;padding:2rem}#root>div h1{font-size:2.2rem;font-weight:400;text-align:center}#root>div .success-countdown{font-size:1.6rem;opacity:.8;text-align:center;margin:2rem 0 0}#root>div .success-info{font-size:1.6rem;text-align:center}.success-checkmark{width:80px;height:115px;margin:0 auto}.success-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid #4CAF50}.success-checkmark .check-icon:before{top:3px;left:-2px;width:30px;transform-origin:100% 50%;border-radius:100px 0 0 100px}.success-checkmark .check-icon:after{top:0;left:30px;width:60px;transform-origin:0 50%;border-radius:0 100px 100px 0;animation:rotate-circle 4.25s ease-in}.success-checkmark .check-icon:before,.success-checkmark .check-icon:after{content:"";height:100px;position:absolute;background:#191919;transform:rotate(-45deg)}.success-checkmark .check-icon .icon-line{height:5px;background-color:#4caf50;display:block;border-radius:2px;position:absolute;z-index:10}.success-checkmark .check-icon .icon-line.line-tip{top:46px;left:14px;width:25px;transform:rotate(45deg);animation:icon-line-tip .75s}.success-checkmark .check-icon .icon-line.line-long{top:38px;right:8px;width:47px;transform:rotate(-45deg);animation:icon-line-long .75s}.success-checkmark .check-icon .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;box-sizing:content-box;border:4px solid rgba(76,175,80,.5)}.success-checkmark .check-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;transform:rotate(-45deg);background-color:#191919}@keyframes rotate-circle{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}to{transform:rotate(-405deg)}}@keyframes icon-line-tip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@keyframes icon-line-long{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}.comments-section{display:flex;flex-direction:column;align-items:center;padding-bottom:calc(6rem + env(safe-area-inset-bottom))}.comments-section header{padding:2rem;display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%;position:relative}.comments-section header .calendar-btn{position:absolute;top:2rem;left:2rem;background:transparent;border:0;outline:0;padding:.4rem;cursor:pointer;opacity:.7;transition:opacity .2s ease}.comments-section header .calendar-btn svg{width:3rem;height:auto;display:block}.comments-section header .calendar-btn:hover{opacity:1}.comments-section header img{width:80%;max-width:9rem;margin-bottom:2rem}.comments-section header h1{width:calc(100% - 4rem);text-align:center;display:block;margin:0 auto;font-size:3rem}.comments-section header h1 .customer-last-name{white-space:nowrap}.comments-section header h1 .customer-name-actions{display:flex;justify-content:center;align-items:center;gap:1.6rem;margin-top:.8rem;margin-bottom:.8rem}.comments-section header h1 .customer-name-actions .customer-contact-icon{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;opacity:.6;cursor:pointer;transition:opacity .2s ease;text-decoration:none}.comments-section header h1 .customer-name-actions .customer-contact-icon svg{width:100%;height:100%;display:block}.comments-section header h1 .customer-name-actions .customer-contact-icon:hover{opacity:1}.comments-section header h1 .customer-name-actions .customer-contact-icon--phone{color:#4cd964}.comments-section header h1 .customer-name-actions .customer-edit-icon{width:2.2rem;height:2.2rem;opacity:.6;cursor:pointer;transition:opacity .2s ease}.comments-section header h1 .customer-name-actions .customer-edit-icon:hover{opacity:1}.comments-section header h1 .customer-name-actions .customer-delete-icon{width:2.2rem;height:2.2rem;color:#ff4d4d;opacity:.6;cursor:pointer;transition:opacity .2s ease}.comments-section header h1 .customer-name-actions .customer-delete-icon:hover{opacity:1}.comments-section header .pictures-actions{display:flex;gap:1rem;margin-top:1rem}.comments-section header .pictures-actions button{font-size:1.6rem;background-color:#060606;border:0;outline:0;padding:1rem 1.5rem;color:#fff;border-radius:.8rem;border:.2rem solid #060606;opacity:.8;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.comments-section header .pictures-actions button svg{width:3rem;height:3rem;margin-right:1rem}.comments-section header .pictures-actions button p{margin:0}.comments-section header .pictures-actions button:hover{opacity:1;border-color:#80171e}.comments-section h2{font-size:2rem;font-weight:400;color:#aaa;margin-bottom:1.5rem;align-self:flex-start;text-align:center;width:100%;padding:0 2rem}.comments-section .comments-list{width:100%;display:flex;flex-direction:column}.comments-section .no-comment{text-align:center;padding:2rem;font-size:1.6rem;color:#666}.comment{display:flex;align-items:center;background-color:#0f0f0f;padding:1.6rem 1.2rem;transition:border-color .2s ease}.comment:nth-child(2n){background-color:transparent}.comment:hover{border-color:#333}.comment__body{flex:1;display:flex;flex-direction:column;gap:.4rem}.comment__content{font-size:1.6rem;color:#fff;margin:0;line-height:1.4}.comment__meta{gap:.8rem;flex-wrap:wrap;display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:.5rem}.comment__date{font-size:1.5rem;color:#666}.comment__author{font-size:1.2rem;color:#80171e;font-weight:700;display:none}.comment__actions{display:flex;gap:.5rem}.comment__btn{width:3.6rem;height:3.6rem;border:0;outline:0;border-radius:9999rem;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .2s ease,color .2s ease}.comment__btn svg{width:1.8rem;height:1.8rem}.comment__btn--edit{background-color:#ffbf0020;border:solid 1px #ffbf00;color:#fff}.comment__btn--edit:hover{background-color:#2a2a2a;color:#fff}.comment__btn--delete{background-color:#ff4d4d20;border:solid 1px #ff4d4d;color:#fff}.comment__btn--delete:hover{background-color:#2d0a0d;color:#80171e}.comments-tabs{display:flex;width:100%;border-bottom:.15rem solid #222;margin-bottom:.5rem}.comments-tabs__btn{flex:1;padding:1.2rem 1rem;background:transparent;border:0;outline:0;color:#666;font-size:1.5rem;font-weight:600;cursor:pointer;transition:color .2s ease;border-bottom:.25rem solid transparent;margin-bottom:-.15rem}.comments-tabs__btn--active{color:#fff;border-bottom-color:#80171e}.comments-tabs__btn:hover:not(.comments-tabs__btn--active){color:#aaa}.photos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.2rem;width:100%;padding-bottom:calc(7rem + env(safe-area-inset-bottom))}.photos-grid .no-comment{grid-column:1/-1}.photos-grid__item{aspect-ratio:1/1;overflow:hidden;background:#111;border:0;outline:0;padding:0;cursor:pointer;display:block;transition:opacity .15s ease}.photos-grid__item:hover{opacity:.85}.photos-grid__item img{width:100%;height:100%;object-fit:cover;display:block}.photo-popup{position:fixed;inset:0;background-color:#000000eb;display:flex;align-items:flex-end;justify-content:center;z-index:150;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:modal-fade-in .2s ease}.photo-popup__box{width:100%;background-color:#0d0d0d;border-radius:1.4rem 1.4rem 0 0;padding-bottom:calc(2rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;animation:modal-slide-up .25s ease;position:relative;overflow:hidden}.photo-popup__close{position:absolute;top:1rem;right:1rem;width:3.6rem;height:3.6rem;border-radius:50%;background-color:#0009;border:0;outline:0;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}.photo-popup__close svg{width:1.8rem;height:1.8rem}.photo-popup__close:hover{background-color:#000000d9}.photo-popup__img{width:100%;max-height:55vh;object-fit:contain;background:#000;display:block}.photo-popup__meta{display:flex;gap:1rem;padding:.8rem 1.5rem;font-size:1.3rem;color:#888;justify-content:center;text-align:center}.photo-popup__actions{display:flex;gap:1rem;padding:.5rem 1.5rem 0}.photo-popup__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.7rem;padding:1.1rem 1rem;border:0;outline:0;border-radius:.8rem;font-size:1.4rem;font-weight:700;cursor:pointer;transition:opacity .2s ease}.photo-popup__btn svg{width:1.8rem;height:1.8rem;flex-shrink:0}.photo-popup__btn--mail{background-color:#1a1a1a;color:#ccc;border:.15rem solid #333}.photo-popup__btn--mail:hover{background-color:#252525;color:#fff}.photo-popup__btn--delete{background-color:#ff4d4d20;color:#ff4d4d;border:.15rem solid rgba(255,77,77,.3333333333)}.photo-popup__btn--delete:hover{background-color:#2d0a0d}.comments-bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;gap:1rem;padding:1rem 1.5rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));background:linear-gradient(to top,#000 60%,transparent)}.comments-bottom-nav__btn{flex:1;display:flex;justify-content:center;align-items:center;gap:.6rem;padding:1.1rem 1rem;border:0;outline:0;border-radius:.8rem;font-size:1.5rem;font-weight:700;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.comments-bottom-nav__btn svg{width:1.8rem;height:1.8rem;flex-shrink:0}.comments-bottom-nav__btn--back{background-color:#1a1a1a;color:#ccc}.comments-bottom-nav__btn--back:hover{background-color:#2a2a2a;color:#fff}.comments-bottom-nav__btn--new{background-color:#80171e;color:#fff}.comments-bottom-nav__btn--new:hover{opacity:.85}.comment-modal{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:flex-end;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modal-fade-in .2s ease}.comment-modal__box{width:100%;background-color:#111;border-radius:1.2rem 1.2rem 0 0;padding:2rem 1.5rem;padding-bottom:calc(2rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:1.2rem;animation:modal-slide-up .25s ease}.comment-modal h3{font-size:1.8rem;font-weight:700;margin:0;text-align:center;color:#fff}.comment-modal__textarea{width:100%;background-color:#1a1a1a;border:.15rem solid #2e2e2e;border-radius:.8rem;color:#fff;font-size:1.6rem;line-height:1.5;padding:1rem 1.2rem;resize:none;outline:none;font-family:inherit;transition:border-color .2s ease;box-sizing:border-box}.comment-modal__textarea::placeholder{color:#555}.comment-modal__textarea:focus{border-color:#80171e}.comment-modal__actions{display:flex;gap:1rem}.comment-modal__btn{flex:1;padding:1.1rem;border:0;outline:0;border-radius:.8rem;font-size:1.5rem;font-weight:700;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.comment-modal__btn--cancel{background-color:#1e1e1e;color:#aaa}.comment-modal__btn--cancel:hover{background-color:#2a2a2a;color:#fff}.comment-modal__btn--submit{background-color:#80171e;color:#fff}.comment-modal__btn--submit:hover{opacity:.85}.comment-modal__btn--submit:disabled{opacity:.35;cursor:not-allowed}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes dialog-pop-in{0%{opacity:0;transform:scale(.9) translateY(1rem)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes icon-pop-in{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}.app-dialog{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:2rem;animation:modal-fade-in .2s ease}.app-dialog__box{width:100%;max-width:32rem;background-color:#111;border-radius:1.4rem;padding:2.4rem 2rem 2rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.8rem;border-top:.3rem solid #80171E;box-shadow:0 1.5rem 4rem #00000080;animation:dialog-pop-in .25s cubic-bezier(.34,1.56,.64,1)}.app-dialog__box--success{border-top-color:#2ecc71}.app-dialog__box--error{border-top-color:#ff4d4d}.app-dialog__box--confirm{border-top-color:#e8a020}.app-dialog__icon{width:5.2rem;height:5.2rem;border-radius:9999rem;display:flex;align-items:center;justify-content:center;margin-bottom:.4rem;animation:icon-pop-in .35s cubic-bezier(.34,1.56,.64,1) .05s backwards}.app-dialog__icon svg{width:2.6rem;height:2.6rem}.app-dialog__box--success .app-dialog__icon{background-color:#2ecc7120;color:#2ecc71}.app-dialog__box--error .app-dialog__icon{background-color:#ff4d4d20;color:#ff4d4d}.app-dialog__box--confirm .app-dialog__icon{background-color:#e8a02020;color:#e8a020}.app-dialog h3{font-size:1.9rem;font-weight:700;margin:0;color:#fff}.app-dialog__message{font-size:1.5rem;line-height:1.5;color:#ccc;margin:0}.app-dialog__actions{display:flex;gap:1rem;width:100%;margin-top:.6rem}.app-dialog__btn{flex:1;padding:1.1rem;border:0;outline:0;border-radius:.8rem;font-size:1.5rem;font-weight:700;cursor:pointer;transition:background-color .2s ease,opacity .2s ease,transform .1s ease;margin-top:.6rem;background-color:#80171e;color:#fff}.app-dialog__btn:hover{opacity:.85}.app-dialog__btn:active{transform:scale(.97)}.app-dialog__btn--cancel{background-color:#1e1e1e;color:#aaa;margin-top:0}.app-dialog__btn--cancel:hover{background-color:#2a2a2a;color:#fff}.app-dialog__btn--confirm{margin-top:0}.app-dialog__btn--danger{background-color:#ff4d4d}.edit-client-modal{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:flex-end;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modal-fade-in .2s ease}.edit-client-modal__box{width:100%;background-color:#111;border-radius:1.2rem 1.2rem 0 0;padding:2rem 1.5rem;padding-bottom:calc(2rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:1.4rem;animation:modal-slide-up .25s ease}.edit-client-modal h3{font-size:1.8rem;font-weight:700;margin:0;text-align:center;color:#fff}.edit-client-modal__fields{display:flex;flex-direction:column;gap:1rem}.edit-client-modal__field{display:flex;flex-direction:column;gap:.4rem}.edit-client-modal__field label{font-size:1.3rem;color:#888;font-weight:500}.edit-client-modal__field input{background-color:#1a1a1a;border:.15rem solid #2e2e2e;border-radius:.8rem;color:#fff;font-size:1.6rem;padding:.9rem 1.2rem;outline:none;font-family:inherit;transition:border-color .2s ease;box-sizing:border-box;width:100%}.edit-client-modal__field input::placeholder{color:#555}.edit-client-modal__field input:focus{border-color:#80171e}.edit-client-modal__input-row{display:flex;align-items:stretch;gap:.8rem}.edit-client-modal__input-row input{flex:1;min-width:0}.edit-client-modal__contact-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:4.6rem;background-color:#1a1a1a;border:.15rem solid #2e2e2e;border-radius:.8rem;color:#fff;text-decoration:none;transition:border-color .2s ease,background-color .2s ease,opacity .2s ease}.edit-client-modal__contact-btn svg{width:2.2rem;height:2.2rem;display:block}.edit-client-modal__contact-btn:hover{border-color:#80171e;background-color:#222}.edit-client-modal__contact-btn--disabled{opacity:.3;pointer-events:none}.edit-client-modal__warning{font-size:1.3rem;color:#e8a020;background-color:#2a1f00;border:.1rem solid #5a3d00;border-radius:.6rem;padding:.7rem 1rem;margin:0;line-height:1.4}.edit-client-modal__actions{display:flex;gap:1rem}.edit-client-modal__btn{flex:1;padding:1.1rem;border:0;outline:0;border-radius:.8rem;font-size:1.5rem;font-weight:700;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.edit-client-modal__btn--cancel{background-color:#1e1e1e;color:#aaa}.edit-client-modal__btn--cancel:hover{background-color:#2a2a2a;color:#fff}.edit-client-modal__btn--submit{background-color:#80171e;color:#fff}.edit-client-modal__btn--submit:hover{opacity:.85}.edit-client-modal__btn--submit:disabled{opacity:.35;cursor:not-allowed}