.student-page{min-height:100vh;background-color:#f5f5f5;width:100%;position:relative;overflow-y:visible;height:auto}.student-page-loading,.student-page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.loading-spinner{font-size:1.5rem;color:#666}.student-page-error h1{color:#d32f2f;margin-bottom:1rem}.student-page-error p{color:#666}.student-header{width:100%;height:300px;overflow:hidden;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:relative}.header-image{width:100%;height:100%;object-fit:cover}.header-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.header-image-placeholder h2{font-size:2.5rem;font-weight:700;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.student-container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.student-profile-section{background:white;border-radius:8px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a;display:flex;align-items:flex-start;gap:2rem;margin-top:-80px;position:relative;z-index:1}.avatar-container{flex-shrink:0}.student-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 2px 8px #0003}.student-avatar-placeholder{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;border:4px solid white;box-shadow:0 2px 8px #0003}.student-info{flex:1}.student-name{font-size:2rem;font-weight:700;color:#333;margin:0 0 .5rem}.student-details{font-size:1rem;color:#666;margin:0 0 1.5rem}.progress-section{margin-top:1rem}.progress-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.5rem}.progress-amount{font-size:2rem;font-weight:700;color:#667eea}.progress-goal{font-size:1rem;color:#666}.progress-bar-container{width:100%;height:12px;background-color:#e0e0e0;border-radius:6px;overflow:hidden;margin:.5rem 0}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);transition:width .3s ease;border-radius:6px}.progress-percentage{font-size:.875rem;color:#666;margin:.25rem 0 0}.student-content-wrapper{display:grid;grid-template-columns:1fr 400px;gap:2rem}.student-main-content{display:flex;flex-direction:column;gap:2rem}.about-section{background:white;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000001a}.about-section h2{font-size:1.5rem;font-weight:700;color:#333;margin:0 0 1rem}.about-section p{font-size:1rem;line-height:1.6;color:#555;margin:0}.student-custom-description{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.student-custom-description h3{font-size:1.25rem;font-weight:600;color:#333;margin:0 0 .5rem}.student-custom-description p{font-style:italic;color:#666}.video-section{background:white;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000001a}.video-section h2{font-size:1.5rem;font-weight:700;color:#333;margin:0 0 1rem}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.donations-section{background:white;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000001a}.donations-section h2{font-size:1.5rem;font-weight:700;color:#333;margin:0 0 1.5rem}.donation-item{padding:1rem;background:#f9f9f9;border-radius:6px;border-left:4px solid #667eea}.donation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.donation-amount{font-size:1.25rem;font-weight:700;color:#667eea}.donation-date{font-size:.875rem;color:#666}.donor-name{font-size:.875rem;color:#666;margin:.25rem 0}.donation-message{font-size:.875rem;color:#555;font-style:italic;margin:.5rem 0 0;padding-left:1rem;border-left:2px solid #e0e0e0}.donation-sidebar{position:sticky;top:2rem;height:fit-content;width:100%;max-width:400px;box-sizing:border-box}.donation-card{background:white;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000001a;box-sizing:border-box}.donation-card h2{font-size:1.5rem;font-weight:700;color:#333;margin:0 0 1.5rem}.preset-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}.amount-button{padding:.75rem 1rem;border:2px solid #e0e0e0;background:white;border-radius:6px;font-size:1rem;font-weight:600;color:#333;cursor:pointer;transition:all .2s}.amount-button:hover{border-color:#667eea;background:#f5f5ff}.amount-button.active{border-color:#667eea;background:#667eea;color:#fff}.custom-amount-input{margin-bottom:1.5rem}.custom-amount-input label{display:block;font-size:.875rem;font-weight:600;color:#666;margin-bottom:.5rem}.amount-input-wrapper{display:flex;align-items:center;border:2px solid #e0e0e0;border-radius:6px;padding:.5rem;background:white;box-sizing:border-box;transition:border-color .2s,background-color .2s}.amount-input-wrapper.active{border-color:#667eea;background:#f5f5ff}.amount-input-wrapper:has(input:disabled){opacity:.6;background:#f9f9f9}.currency-symbol{font-size:1.25rem;font-weight:600;color:#666;padding:0 .5rem}.custom-amount-field{flex:1;border:none;outline:none;font-size:1.25rem;font-weight:600;color:#333;box-sizing:border-box;min-width:0;background:transparent}.custom-amount-field:disabled{cursor:not-allowed;color:#999}.amount-input-wrapper:focus-within{border-color:#667eea}.donor-info-section{margin-bottom:1.5rem;width:100%;box-sizing:border-box}.donor-info-section h3{font-size:1rem;font-weight:600;color:#333;margin:0 0 1rem}.donor-input{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;margin-bottom:.75rem;transition:border-color .2s;box-sizing:border-box}.donor-input:focus{outline:none;border-color:#667eea}.anonymous-checkbox{margin-top:.75rem;margin-bottom:.75rem}.checkbox-label{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:#666;cursor:pointer;line-height:1.4}.checkbox-label input[type=checkbox]{margin-top:.125rem;cursor:pointer;flex-shrink:0}.checkbox-label span{flex:1}.message-section{margin-top:1rem}.message-section label{display:block;font-size:.875rem;font-weight:600;color:#666;margin-bottom:.5rem}.message-textarea{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:.875rem;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .2s;box-sizing:border-box}.message-textarea:focus{outline:none;border-color:#667eea}.character-warning{display:block;font-size:.75rem;color:#ff9800;margin-top:.25rem}.donate-button-primary{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:6px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-bottom:1rem}.donate-button-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.donate-button-primary:active:not(:disabled){transform:translateY(0)}.donate-button-primary:disabled{opacity:.6;cursor:not-allowed}.donation-note{font-size:.75rem;color:#666;text-align:center;margin:0;line-height:1.4}@media (max-width: 968px){.student-content-wrapper{grid-template-columns:1fr}.donation-sidebar{position:static}.student-profile-section{flex-direction:column;align-items:center;text-align:center}.progress-section{width:100%}}@media (max-width: 640px){.student-container{padding:1rem}.student-profile-section{margin-top:-60px;padding:1.5rem}.student-avatar,.student-avatar-placeholder{width:100px;height:100px}.student-name{font-size:1.5rem}.preset-amounts{grid-template-columns:repeat(3,1fr)}}.student-edit-page{min-height:100vh;background-color:#f5f5f5;padding:2rem}.student-edit-container{max-width:800px;margin:0 auto;background:white;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000001a}.student-edit-header{margin-bottom:2rem}.student-edit-header h1{font-size:2rem;font-weight:700;color:#333;margin:0 0 .5rem}.student-edit-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:#666}.form-group input,.form-group textarea{padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.form-group textarea{min-height:100px;resize:vertical;font-family:inherit}.file-upload-section{display:flex;flex-direction:column;gap:1rem}.file-upload-item{display:flex;flex-direction:column;gap:.5rem}.file-upload-item input[type=file]{padding:.5rem;border:2px dashed #e0e0e0;border-radius:6px;background:#f9f9f9}.button-group{display:flex;gap:1rem;margin-top:1rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background:#e0e0e0;color:#333}.btn-secondary:hover:not(:disabled){background:#d0d0d0}.btn:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#d32f2f;font-size:.875rem;margin-top:.5rem}.success-message{color:#2e7d32;font-size:.875rem;margin-top:.5rem}.password-section{background:#f9f9f9;padding:1.5rem;border-radius:6px;border:2px solid #e0e0e0}.password-section h3{font-size:1.25rem;font-weight:600;color:#333;margin:0 0 1rem}html,body{margin:0;padding:0;min-height:100vh;background:linear-gradient(135deg,#f6f8ff 0%,#f0f4ff 100%);overflow-y:auto;overflow-x:hidden}body{font-family:lato,sans-serif;color:#fff}#root{width:100%;min-height:100vh}.app-wrapper{display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden;height:100vh;width:100vw}.header{display:flex;width:100%;height:65px;min-height:65px}.header button{margin:0;padding:0;border:none;flex:1;font-size:xx-large;font-weight:900;color:#fff}.buttonNorth{background-color:#2196f3}.buttonSouth{background-color:#f44336}.main-content{flex:1;display:flex;position:relative;overflow:hidden;width:100%}.background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.background--north{background:linear-gradient(45deg,#061c51,#642b73,#c6426e,#ea8b54);background-size:200% 100%;background-position:0 0}.background--south{background:linear-gradient(45deg,#061c51,#642b73,#c6426e,#ea8b54);background-size:200% 100%;background-position:100% 0}.verticalText{position:relative;z-index:1;flex-shrink:0}.verticalText img{height:calc(100vh - 65px);opacity:8%}.leaderBoardsContainer{flex:1;display:flex;flex-direction:column;padding:30px;position:relative;z-index:1;overflow-y:auto;width:100%}.leaderboards{width:100%}.leaderboard-grid{display:flex;gap:30px;width:100%}.column1{flex:3;min-width:0}.column2{flex:2;min-width:0}.list{width:100%}h1{font-size:5vw;text-align:center;margin:0}h2{font-size:26px;margin:0 0 10px;text-align:left}h3{font-size:32px;margin:0;text-align:left}h4{font-size:22px;margin:0;text-align:left}li{border-radius:3px;padding:5px;display:flex;justify-content:space-between}table{width:100%;border-spacing:0;border-collapse:collapse;margin:0;padding:0;background:transparent}tbody{margin:0;padding:0}tr{margin:0 0 8px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px;border-radius:3px;box-shadow:0 0 9px #0000001a;background-color:#ffffff4d}button{flex:1;padding:0 20px;margin:0;border:0px;font-size:xx-large;font-weight:900;color:#fff}.currency{font-size:.8em;vertical-align:text-top}.leaderBoardsContainer{position:relative;z-index:1;flex:1}.leaderBoardsContainer{display:flex;flex-direction:column;gap:30px;width:100%;height:100%;padding:30px;box-sizing:border-box;position:relative;z-index:1}.leaderboards{height:100%;display:flex;gap:30px}.leaderboard-grid{display:flex;gap:30px;height:100%}.column1{flex:2;height:100%;overflow:hidden}.column1 .list.scrollable{height:100%;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.column1 .list.scrollable::-webkit-scrollbar{display:none}.column2{flex:1;display:flex;flex-direction:column;gap:30px;width:100%}.leaderboard{display:flex;flex-direction:column;gap:30px}.row-image{border:3px solid #F68A33;border-radius:50%;object-fit:cover}.list{display:flex;flex-direction:column;gap:10px}.list tr{padding:8px 0}.list tr:nth-child(1){background-color:#000c}.list tr:nth-child(1) img{border-color:#d74787}.rank{margin-left:16px}.student_image{margin-left:8px}.donation_amount{text-align:right;margin-right:8px}.class_row,.student_row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px;border-radius:3px;box-shadow:0 0 9px #0000001a;background-color:#ffffff4d;margin-bottom:8px;margin-right:4px}.class_row td:first-child,.student_row td:first-child{display:flex;align-items:center;gap:8px}.class_row td:first-child h3,.student_row td:first-child h3{min-width:24px}tr.class_row{position:relative;display:flex!important;flex-direction:row!important;align-items:center}tr.class_row td:nth-child(1){display:flex;align-items:center;flex:1;min-width:0}tr.class_row td:nth-child(1)>div{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;width:100%;flex:1;min-width:0}tr.class_row td:nth-child(1)>div>div:last-child{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}tr.class_row td:nth-child(1) .progress-bar{width:100%}tr.class_row td:nth-child(1) h4{white-space:nowrap;margin:0}tr.class_row td:nth-child(1) p{opacity:50%;margin:0;padding:0;font-style:italic;font-size:14px;font-weight:400;line-height:14px;white-space:nowrap}tr.class_row td:nth-child(2){text-align:right;width:85px;flex-shrink:0}.column_students{flex:2}tr.student_row{background-color:#ffffff4d;gap:15px;min-height:50px}tr.student_row td{min-height:30px}tr.student_row:nth-child(1){background-color:#000c;border-color:#d74787}tr.student_row td:nth-child(1){display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding-left:8px}tr.student_row td:nth-child(1) img,tr.student_row td:nth-child(1)>div>div:first-child{height:40px;width:40px;border-radius:50%;object-fit:cover;flex-shrink:0}tr.student_row td:nth-child(1) h4{flex:1;min-width:0;margin:0;text-align:left}tr.student_row td:nth-child(2){text-align:right;width:auto;flex-shrink:0;padding-right:8px}tr.student_row td:nth-child(2) h4{text-align:right;margin:0;white-space:nowrap}.message-box{width:100%;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto;margin-top:10px;opacity:0;transform:translate(100%);transition:opacity .5s,transform .5s}.message-box img{height:48px;width:48px}.message-box.active{opacity:1;transform:translate(0);transition:opacity .5s,transform .5s}.message-box-left{display:flex}.message-box-right{margin-left:10px;padding:10px;padding-inline:20px;border-radius:6px;background-color:#0003}.message-student-name{font-weight:900;font-size:1.2em;margin-bottom:10px}.message-profile-image{height:60px;width:60px;border:3px solid;border-radius:50%;object-fit:cover;border-color:#fff}.message-donor-name{font-style:italic;text-align:right}.price-box{background-color:#79d845;padding:5px 10px;align-items:center;font-weight:bolder;margin-right:-5px;border-radius:5px}.progressBar-inner{background:#F68A33;background:-webkit-linear-gradient(to right,#F68A33,#F5B833);background:linear-gradient(to right,#F68A33,#F5B833)}.classesRow:nth-child(1) .progressBar-inner{background:#3AAE84;background:-webkit-linear-gradient(to right,#3AAE84,#79D845);background:linear-gradient(to right,#3AAE84,#79D845)}.bar-overlay{z-index:99;display:flex;padding:0;margin:-18px 0 0;height:20px;width:100%}.avatar{display:inline-flex;align-items:center}.avatar-placeholder{width:40px;height:40px;border-radius:50%;background-color:#6b46c1;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.leaderboard-title{font-size:3em;font-weight:900;margin:0 0 30px;text-align:center;text-transform:uppercase;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}@media (max-width: 768px){.app-container{position:relative;transform:none;top:0;left:0;height:100%;width:100%}.columns{flex-direction:column}.column1,.column2{flex:none}}@media (min-width: 1921px){.app-container{aspect-ratio:16/9;height:auto;width:1920px}}@media (min-height: 1081px){.app-container{aspect-ratio:16/9;width:auto;height:1080px}}@media (min-aspect-ratio: 16/9){.app-container{width:calc(100vh * 16/9);height:100vh;margin:0 auto}}@media (max-aspect-ratio: 16/9){.app-container{width:100vw;height:56.25vw;margin:auto 0}}@media (max-width: 1200px){.app-wrapper h1{font-size:6vw}.app-wrapper button.buttonNorth,.app-wrapper button.buttonSouth{font-size:x-large}.app-wrapper .verticalText{display:none}.app-wrapper .leaderBoardsContainer{display:flex;flex-direction:column;gap:30px;width:100%;height:calc(100% - 65px);margin-bottom:60px;padding:30px;box-sizing:border-box}.app-wrapper .leaderboards{height:100%;display:flex;gap:30px}.app-wrapper .leaderboard-grid{display:flex;flex-direction:column;gap:30px;height:100%}.app-wrapper .fixed{position:static}.app-wrapper .column1{overflow:visible}.app-wrapper .column1 .scrollable{height:100%;overflow-y:unset}.app-wrapper .column2>div:first-child{margin-top:30px}.app-wrapper .leaderboard-grid{flex-direction:column}}@media (max-width: 750px){h1{font-size:8vw}button{font-size:x-large}}@media (max-width: 500px){h1{font-size:10vw}li{padding:0}.leaderBoardsContainer{padding:15px}h3{font-size:20px}h4{font-size:15px}button.buttonNorth,button.buttonSouth{font-size:medium}tr.student_row td:nth-child(1) img,tr.class_row td:nth-child(1) img,.row-image{height:40px;width:40px}tr.class_row td:nth-child(1){flex:1;min-width:0}tr.class_row td:nth-child(1)>div>div:last-child{gap:6px}tr.class_row td:nth-child(2){width:auto;flex-shrink:0}}.student-container{max-width:800px;margin:0 auto;padding:2rem 1rem;min-height:100vh}.student-card{background:linear-gradient(135deg,#ffffff 0%,#f8faff 100%);border-radius:20px;box-shadow:0 10px 30px #0052cc1a;padding:2rem;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.student-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#4776E6 0%,#8E54E9 100%)}.student-name{font-size:2.5rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(90deg,#4776E6 0%,#8E54E9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center}.total-donations{margin-bottom:2rem;text-align:center;padding:1.5rem;background:linear-gradient(135deg,rgba(71,118,230,.1) 0%,rgba(142,84,233,.1) 100%);border-radius:15px;border:2px solid rgba(71,118,230,.2)}.total-amount{font-size:2rem;font-weight:800;color:#4776e6;text-shadow:2px 2px 4px rgba(71,118,230,.1)}.donations-list{display:flex;flex-direction:column;gap:1rem}.donation-item{background:white;border-radius:15px;padding:1.5rem;transition:all .3s ease;border:1px solid rgba(71,118,230,.1);position:relative;overflow:hidden}.donation-item:hover{transform:translateY(-3px);box-shadow:0 8px 20px #4776e626;border-color:#4776e64d}.donation-content{display:flex;flex-direction:column;width:100%}.donation-row{display:flex;align-items:center;gap:2rem;margin-bottom:.75rem;width:100%;flex-wrap:wrap}.donation-amount{font-size:1.5rem;font-weight:800;color:#4776e6;margin:0;display:flex;align-items:center;white-space:nowrap;min-width:120px}.donor-name{color:#2d3748;font-weight:600;font-size:1.1rem;margin:0;flex:1;min-width:200px}.donation-note{color:#718096;font-style:italic;margin:0;padding:.5rem 1rem;background:rgba(71,118,230,.05);border-radius:10px;position:relative;width:100%;box-sizing:border-box}.donation-note:before{content:'"';font-size:1.5rem;color:#4776e633;position:absolute;left:.5rem;top:.25rem}.donation-date{color:#8e54e9;font-size:.9rem;font-weight:600;padding:.5rem 1rem;background:rgba(142,84,233,.1);border-radius:20px;white-space:nowrap;text-align:right}.donation-message-row{padding-left:calc(120px + 2rem);width:100%;box-sizing:border-box}.no-donations{color:#718096;text-align:center;padding:2rem;font-size:1.2rem;background:rgba(71,118,230,.05);border-radius:15px;border:2px dashed rgba(71,118,230,.2)}.loading{text-align:center;padding:3rem;color:#4776e6;font-size:1.5rem;font-weight:600;animation:pulse 2s infinite}.error{text-align:center;padding:2rem;color:#e53e3e;background:rgba(229,62,62,.1);border-radius:15px;border:2px solid rgba(229,62,62,.2);font-weight:600}@media (max-width: 768px){.student-container{padding:1rem}.student-card{padding:1.5rem}.student-name{font-size:2rem}.total-amount{font-size:1.75rem}.donation-row{gap:1rem;flex-direction:column;align-items:flex-start}.donation-amount{min-width:auto;font-size:1.25rem}.donor-name{min-width:0;width:100%;font-size:1rem}.donation-date{text-align:left;margin-top:.5rem;font-size:.875rem;padding:.375rem .75rem}.donation-message-row{padding-left:0;padding-right:0;margin-top:.5rem}.donation-note{font-size:.875rem;padding:.375rem .75rem}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.student-container::-webkit-scrollbar{width:8px}.student-container::-webkit-scrollbar-track{background:rgba(100,43,115,.1);border-radius:4px}.student-container::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#061c51,#642b73,#c6426e,#ea8b54);background-size:200% 100%;border-radius:4px;transition:background .2s ease}.student-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#642b73,#c6426e,#ea8b54,#061c51);background-size:200% 100%}.student-container{scrollbar-width:thin;scrollbar-color:#642b73 rgba(100,43,115,.1)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff}body{margin:0;padding:0;min-width:320px;min-height:100vh;overflow-y:auto!important;overflow-x:hidden}#root{width:100%;min-height:100vh;overflow-y:visible}