.app{width:100%;height:100%;overflow:hidden;display:flex;justify-content:center}.home-header{position:absolute;width:100vw;top:0;left:0}.home-header img{width:100%;object-fit:contain}.content-area{width:90vw;margin-top:15vw;height:calc(100vh - 16vw);position:relative}.title{font-size:4.5vw}.reigsterTitle{font-size:1.7vw;margin-top:5vw}.input-group{background-color:#c2d980;width:53vw;height:3.5vw;padding:1vw;margin-top:2vw;border-radius:.8vw}.input-group input{background:transparent;border:none;outline:none;color:#000;width:100%;height:100%;text-transform:capitalize;font-size:1vw}input::placeholder{color:#000}.number-input-group{background-color:#c2d980;width:53vw;height:3.5vw;padding:1vw;margin-top:2vw;border-radius:.8vw;display:flex}input{background:transparent;border:none;outline:none;color:#000;width:100%;height:100%;text-transform:capitalize;font-size:1vw}.number-input-group input:nth-child(1){width:5%;height:100%;background-color:transparent;border-right:#065f46 solid .1vw;margin-right:1vw}.user-data{display:flex;flex-direction:column}.user-data span:nth-child(1){font-size:2.6vw;text-transform:capitalize}.user-data span:nth-child(2){display:flex;font-size:2vw;margin-top:2vw}.user-data span:nth-child(2) p{font-weight:600;font-size:2vw;margin-left:.4vw}button{border:none;outline:none;cursor:pointer;transition:all .3s ease}.button{display:flex;gap:2vw;justify-content:center;align-items:center;margin-top:2vw}.submit{width:28vw;height:3vw;border-radius:.8vw!important;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.3vw;font-weight:500}.submit:hover{background-color:#333;transform:scale(1.03)}.image-upload-section{border-radius:.8vw!important}.image-upload-button{width:28vw;height:3vw;border-radius:.8vw!important;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.3vw;font-weight:500}.upload-btn{display:flex;gap:3vw;align-items:center;height:3vw;margin-top:4vw;border-radius:.8vw!important}.register-btn{background-color:#c2d980;width:28vw;height:3vw;border-radius:.8vw;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.3vw;font-weight:500;margin-top:2vw}.footer{width:100%;display:flex;justify-content:space-between;margin-top:3vw;align-items:center;position:absolute;bottom:0vw}.footer img:nth-child(1){width:13vw;object-fit:contain}.footer img:nth-child(2){width:2vw;object-fit:contain}.select-system{position:absolute;gap:1vw;bottom:4vw;display:flex;right:2vw}.system-option{width:3vw;height:3vw;border-radius:.6vw;border:1px solid black;display:flex;align-items:center;justify-content:center;font-size:1.2vw;cursor:pointer;background-color:#fff;color:#000;transition:all .3s ease}.system-option.active{background-color:#000;color:#fff;transform:scale(1.05)}.completeText{font-size:2.7vw;margin-top:5vw}.gallery-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec)}.header{background:#fff;box-shadow:0 2px 8px #0000001a;border-bottom:1px solid #e5e7eb}.header-content{max-width:1400px;margin:0 auto;padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.header-left{display:flex;align-items:center;gap:1rem}.header-title{font-size:1.5rem;font-weight:700;color:#1f2937}.image-count{padding:.5rem 1rem;background:#d1fae5;color:#065f46;border-radius:20px;font-size:.875rem;font-weight:600}.main-content{max-width:1400px;margin:0 auto;padding:2rem}.controls-bar{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:1.5rem;margin-bottom:2rem}.controls-wrapper{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.search-container{flex:1;min-width:250px;position:relative}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .3s}.search-input:focus{outline:none;border-color:#5ccb0c;box-shadow:0 0 0 3px #5ccb0c1a}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-icon{color:#4b5563;font-size:1.25rem}.category-select{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;font-size:.875rem;transition:all .3s;min-width:120px}.category-select:focus{outline:none;border-color:#5ccb0c;box-shadow:0 0 0 3px #5ccb0c1a}.status-filters{display:flex;gap:.5rem}.status-btn{padding:.75rem 1rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s;background:#f3f4f6;color:#4b5563}.status-btn:hover{background:#e5e7eb}.status-btn.active{background:#5ccb0c;color:#fff}.gallery-grid{display:flex;flex-wrap:wrap;gap:1.5rem;overflow-y:auto;max-height:calc(100vh - 200px);padding:1rem .5rem;margin:0 -.5rem}.image-card{background:#fff;box-shadow:0 1px 3px #0000001a;width:12vw;position:relative}.image-card img{width:100%;object-fit:contain}.view-notify{display:flex}.view-notify div{width:50%}.user-name{text-align:center;background-color:#e4ff97;height:3vw;display:flex;justify-content:center;align-items:center}.print-btn{width:100%;background-color:#e4ff97;height:2vw;display:flex;justify-content:center;align-items:center}.loading-container{display:flex;align-items:center;justify-content:center;min-height:400px;flex-direction:column;gap:1rem}.empty-title{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:.5rem}.empty-text{color:#6b7280}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-in-out}.modal-content{background:#fff;border-radius:16px;width:80%;max-width:900px;height:90vh;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-image-container{flex:1;overflow:auto;padding:1rem;display:flex;align-items:center;justify-content:center}.printImage{width:100%;object-fit:contain;border-radius:8px}.model-btn{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;background:#f9f9f9;border-top:1px solid #e0e0e0;position:sticky;bottom:0}.close-btn{background:#30833f;color:#fff;font-weight:600;padding:.6rem 1.5rem;border-radius:8px;cursor:pointer;transition:background .2s;text-align:center;-webkit-user-select:none;user-select:none}.close-btn{background:#c0392b}.print-btn:hover{background:#2a7036}.close-btn:hover{background:#a93226}.notify-modal-content{background:#fff;border-radius:16px;width:80%;max-width:900px;height:30vh;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000004d;animation:slideUp .3s ease-out}.notify-header{text-align:center;font-size:3vw;margin-top:2vw}.notify-btn{display:flex;width:100%;justify-content:center;gap:2vw;margin-top:2vw}.notify-btn div{width:9vw;height:3vw;background-color:#065f46;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2vw}.printAreaContainer{height:297mm;width:210mm;position:relative;box-sizing:border-box}.innerDiv{height:297mm;width:210mm}.innerDiv img{width:100%;height:100%;display:block}.queCounter{margin-top:1vw}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes imageLoad{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.button-group{display:flex;gap:.5rem;width:100%;justify-content:space-between}.button-group button{flex:1;margin-top:.5rem;background-color:#3b82f6;color:#fff;border:none;padding:.5rem;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .2s ease;font-weight:500}*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:Figma Sans;src:url(/assets/Figma-Sans-VF-BimcB7Sq.woff2) format("woff2");font-weight:100 900;font-display:swap}body{margin:0;padding:0;box-sizing:border-box;height:100vh;width:100vw;overflow:hidden;background-color:#e4ff97;font-family:Figma Sans}