*{box-sizing:border-box}body{height:100vh;margin:0;font-family:system-ui,sans-serif}.dashboard{width:100%;display:flex}.sidebar{word-wrap:break-word;background:#e6e9ee;border-right:1px solid #ddd;width:25%;height:100%;padding:1rem;position:fixed}.sidebar ul{padding:0;list-style:none}.sidebar li{cursor:pointer;border-radius:4px;padding:8px}.sidebar li.active{color:#fff;background:#5ebec5}.main-content{flex:1;margin-left:25%;padding:1rem 2rem;overflow-y:auto}.main-content h2{color:#3a3a3a;font-family:sans-serif}.add-app-form{gap:8px;margin-bottom:1rem;display:flex}.screenshot-card{border:1px solid #ccc;border-radius:8px;margin-bottom:1rem;padding:2rem}.screenshot-card p{opacity:.7;font-weight:700}.form-app{border:1px solid gray;border-radius:4px;padding-left:12px}.add-btn{color:#fff;cursor:pointer;background-color:#04868f;border:0;border-radius:4px;outline:0;justify-content:center;align-items:center;padding:8px 16px;display:flex}button[disabled]{opacity:.6;cursor:not-allowed}.loading-spinner{border:3px solid #ddd;border-top-color:#333;border-radius:50%;width:12px;height:12px;margin-left:8px;animation:.8s linear infinite spin;display:inline-block}.loader-container{color:#333;background-color:#f8f9fa;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.spinner{border:5px solid #d3d3d3;border-top-color:#007bff;border-radius:50%;width:50px;height:50px;margin-bottom:16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#555;letter-spacing:.5px;font-size:18px}.loading-subtext{color:#777;margin-top:10px;font-style:italic}.dashboard{animation:.4s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}