.App{width:100%}.title{position:absolute;top:0;left:0;width:100%;text-align:center;padding-top:1rem}.dashboard{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%}.sidebar{width:250px;height:60vh;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:start}.account-div{background-color:#3b82f6e6;color:#fff;border-radius:8px;font-size:16px;width:75px;height:75px;display:flex;align-items:center;justify-content:center}.account-icon{width:50px;height:50px;cursor:pointer}.nav-buttons{margin-top:20px;display:flex;flex-direction:column;gap:10px;width:80%;align-items:center;padding:10px 0;border-radius:8px}.nav-button{background-color:transparent;color:#3b82f6e6;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;width:80%;font-size:16px;font-weight:600;transition:background-color .3s,color .3s}.nav-button.selected{background-color:#3b82f6e6;color:#fff}.nav-button:hover{background-color:#3b82f6;color:#fff}.content{width:50vw;height:60vh;color:#3b82f6;position:relative;border:2px dashed rgba(59,130,246,.5);border-radius:12px;background-color:#eff6ff80;overflow:scroll}.no-designs,.no-areas,.no-boothmaps,.no-items{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.plus-icon{width:50px;height:50px;cursor:pointer;position:absolute;bottom:30px;right:30px;background-color:#fff;border-radius:50%;border:4px solid rgba(59,130,246,.9);box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,inset 0 1px #fff3;display:flex;align-items:center;justify-content:center}.plus-icon img{width:100%;height:100%;object-fit:contain}.area-tiles,.boothmap-tiles,.design-tiles,.custom-item-tiles{display:flex;flex-wrap:wrap;gap:10px;padding:10px}@media (max-width: 768px){.title{padding:0!important}.dashboard{flex-direction:column-reverse;gap:1rem}.sidebar{width:100%;height:auto;flex-direction:row;justify-content:center;align-items:center}.account-div{width:50px;height:50px;margin:0 10px}.account-icon{width:30px;height:30px}.nav-buttons{flex-direction:row;width:auto;overflow-x:auto;padding:0 10px;margin:0;gap:5px}.content{width:90vw;height:50vh}.plus-icon{width:40px;height:40px;bottom:20px;right:20px}}.area-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;width:150px;position:relative;background-color:#fffc;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer}.area-info{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;word-break:break-word;padding-bottom:8px}.area-info h3{margin:0;width:100%}.area-preview-container{width:100px;padding:10px}.area-preview-img{width:100%;border-radius:4px;object-fit:cover}.area-actions{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}.area-trash{width:30px;height:30px;object-fit:cover;cursor:pointer}.create-design-dialog{background-color:#fff;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,inset 0 1px #fff3;border-radius:16px;outline:none!important;color:#000;border:1px solid rgba(255,255,255,1);z-index:100}.create-design-dialog-div h2{font-size:32px;font-weight:700;margin-bottom:16px;text-align:center;color:#3b82f6e6;margin-top:0}.create-design-row{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:16px;gap:16px}.create-design-row label{font-size:16px;color:#333;flex:1}.create-design-row input{padding:8px;font-size:16px;outline:none!important;border:2px solid rgba(59,130,246,.9);border-radius:4px;background-color:#fff;flex:2;color:#000;max-width:300px}.create-design-size input{width:50px}.create-design-size label{margin-right:10px}.create-design-size{display:block!important}.create-design-size span{font-size:16px;color:#333}.create-design-row select{padding:8px;font-size:16px;outline:none!important;border:2px solid rgba(59,130,246,.9);border-radius:4px;background-color:#fff;flex:2;color:#000;max-width:320px}.design-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;width:150px;position:relative;background-color:#fffc;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer}.design-info{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;word-break:break-word;padding-bottom:8px;padding-left:8px;padding-right:8px}.design-tile h3{margin:0;width:100%}.design-area-name{font-size:14px;margin:0;color:#3b82f6e6}.design-preview-container{width:100px;padding:10px}.design-preview-img{width:100%;border-radius:4px;object-fit:cover}.design-actions{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}.design-link,.design-trash,.design-preview{width:30px;height:30px;object-fit:cover;cursor:pointer}.account-dialog{background-color:#fff;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,inset 0 1px #fff3;border-radius:16px;outline:none!important;color:#000;border:1px solid rgba(255,255,255,1);z-index:100}.account-dialog-div h2{font-size:32px;font-weight:700;margin-bottom:16px;text-align:center;color:#3b82f6e6;margin-top:0}.create-area-dialog{background-color:#fff;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,inset 0 1px #fff3;border-radius:16px;outline:none!important;color:#000;border:1px solid rgba(255,255,255,1);z-index:100}.create-area-dialog-div h2{font-size:32px;font-weight:700;margin-bottom:16px;text-align:center;color:#3b82f6e6;margin-top:0}.create-area-dialog-close{cursor:pointer;background-color:#3b82f6e6;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:16px;font-weight:700;transition:background-color .3s ease}.create-area-row{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:16px;gap:16px}.create-area-row label{font-size:16px;color:#333;flex:1}.create-area-row input{padding:8px;font-size:16px;outline:none!important;border:2px solid rgba(59,130,246,.9);border-radius:4px;background-color:#fff;flex:2;color:#000;max-width:300px}.create-area-size input{width:50px}.create-area-size label{margin-right:10px}.create-area-size{display:block!important}.create-area-size span{font-size:16px;color:#333}.create-area-dialog-add{cursor:pointer;background-color:#3b82f6e6;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:16px;font-weight:700;transition:background-color .3s ease}.create-boothMap-dialog{background-color:#fff;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,inset 0 1px #fff3;border-radius:16px;outline:none!important;color:#000;border:1px solid rgba(255,255,255,1);z-index:100}.create-boothMap-dialog-div h2{font-size:32px;font-weight:700;margin-bottom:16px;text-align:center;color:#3b82f6e6;margin-top:0}.create-boothMap-row{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:16px;gap:16px}.create-boothMap-row label{font-size:16px;color:#333;flex:1}.create-boothMap-row input{padding:8px;font-size:16px;outline:none!important;border:2px solid rgba(59,130,246,.9);border-radius:4px;background-color:#fff;flex:2;color:#000;max-width:300px}.create-boothMap-size input{width:50px}.create-boothMap-size label{margin-right:10px}.create-boothMap-size{display:block!important}.create-boothMap-size span{font-size:16px;color:#333}.create-boothMap-row select{padding:8px;font-size:16px;outline:none!important;border:2px solid rgba(59,130,246,.9);border-radius:4px;background-color:#fff;flex:2;color:#000;max-width:320px}.boothMap-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;width:150px;position:relative;background-color:#fffc;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer}.boothMap-info{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;word-break:break-word;padding-bottom:8px;padding-left:8px;padding-right:8px}.boothMap-tile h3{margin:0;width:100%}.boothMap-area-name{font-size:14px;margin:0;color:#3b82f6e6}.boothMap-preview-container{width:100px;padding:10px}.boothMap-preview-img{width:100%;border-radius:4px;object-fit:cover}.boothMap-actions{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}.boothMap-link,.boothMap-trash,.boothMap-preview{width:30px;height:30px;object-fit:cover;cursor:pointer}.custom-item-dialog{background-color:#fff;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,inset 0 1px #fff3;border-radius:16px;outline:none!important;color:#000;border:1px solid rgba(255,255,255,1);z-index:100}.custom-item-dialog .action-btn{margin-top:10px}.custom-item-dialog-div{display:flex;flex-direction:column;align-items:center;justify-content:center}.custom-item-dialog-div h2{font-size:32px;font-weight:700;margin-bottom:16px;text-align:center;color:#3b82f6e6;margin-top:0}.custom-item-dialog-close{cursor:pointer;background-color:#3b82f6e6;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:16px;font-weight:700;transition:background-color .3s ease}.custom-item-row{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:16px;gap:16px}.custom-item-row label{font-size:16px;color:#333;flex:1}.custom-item-row input{padding:8px;font-size:16px;outline:none!important;border:2px solid rgba(59,130,246,.9);border-radius:4px;background-color:#fff;flex:2;color:#000;max-width:300px}.custom-item-size input{width:50px}.custom-item-size label{margin-right:10px}.custom-item-size{display:block!important}.custom-item-size span{font-size:16px;color:#333}.custom-item-dialog-add{cursor:pointer;background-color:#3b82f6e6;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:16px;font-weight:700;transition:background-color .3s ease}.custom-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;transition:all .2s ease;cursor:grab;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.custom-item:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a,0 2px 4px #0000000f}.custom-item:active{cursor:grabbing;transform:translateY(0)}.custom-item img{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;transition:all .2s ease}.custom-item-display{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;transition:all .2s ease;cursor:grab;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}custom-item-display:active{cursor:grabbing;transform:translateY(0)}.custom-item-display img{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;transition:all .2s ease}.custom-item{width:100px;height:fit-content;display:flex;flex-direction:column;align-items:center;padding:12px;background:#fffc;border-radius:12px;border:1px solid rgba(148,163,184,.2);transition:all .2s ease}.custom-item:hover{background:#fffffff2;border-color:#6366f14d;box-shadow:0 4px 12px #00000014,0 1px 3px #0000000a}.custom-item p{color:#475569;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:4px 0 0;font-size:11px;font-weight:500;text-align:center;letter-spacing:.5px}.custom-item-list{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;width:100%;height:200px}