@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@media (max-width:479px){header{padding:10px 20px}}@media (max-width:479px){header .header-nav .header-logo .logo{width:40px}}@media (max-width:479px){header .header-nav .header-logo h1{font-size:1.2rem}}@media (max-width:768px){header nav .nav-container{gap:0}}@media (max-width:992px){header nav .nav-container{font-size:small}}@media (max-width:768px){header nav .nav-container li{background:0 0;border:0 solid #0000;width:100%;margin:0;display:flex}}@media (max-width:768px){header nav .nav-container .nav-link{background:0 0;border:0 solid #0000;width:100%;margin:0;display:flex}header nav .nav-container{background:#fff;border:2px solid #5664e3;flex-direction:column}}@media (max-width:768px){.hamburger{margin:20px 10px;display:flex}.hamburger .close-nav{margin:-1.5px -2px;line-height:27px}.nav-container{opacity:0;visibility:hidden;border-radius:10px;flex-direction:column;margin-left:10px;transition:opacity .3s,transform .3s;position:absolute;top:55px;right:55px;transform:translateY(-20px)}.nav-container.open{opacity:1;visibility:visible;transform:translateY(0)}}@media (max-width:479px){.nav-container{top:50px;right:20px}}@media (max-width:992px){.btn-logout{font-size:small}}@media (min-width:600px){.container .form-group{min-width:none}}@media (max-width:768px){.home .introduction .options-container{flex-direction:column;gap:25px}}@media (max-width:768px){main section{max-width:100%;margin:30px auto;padding:0 15px}.groups-grid{grid-template-columns:1fr!important}.meetings-section .section-header{flex-direction:column;align-items:flex-start;gap:15px}.meetings-section .section-header button{width:100%}}@media (max-width:768px){.history-container{max-width:100%;margin:30px auto;padding:0 15px}.history-container .history-header{flex-direction:column;align-items:flex-start;gap:15px}.history-container .history-header button{width:100%}}@media (max-width:600px){section{width:100%}}header{color:#5664e3;background-color:#fff;flex-direction:column;align-items:stretch;padding:15px 50px;display:flex;box-shadow:0 4px 6px #0000001a}@media (max-width:479px){header{padding:10px 20px}}header .header-nav{flex-direction:row;justify-content:space-between;align-items:center;gap:15px;display:flex}header .header-nav .header-logo{flex-direction:row;align-items:center;gap:10px;display:flex}header .header-nav .header-logo a,header .header-nav .header-logo a:visited,header .header-nav .header-logo a:active,header .header-nav .header-logo a:hover,header .header-nav .header-logo a:focus{color:inherit;outline:none;text-decoration:none}header .header-nav .header-logo .logo{max-width:50px}@media (max-width:479px){header .header-nav .header-logo .logo{width:40px}}header .header-nav .header-logo h1{font-size:1.5rem}@media (max-width:479px){header .header-nav .header-logo h1{font-size:1.2rem}}header nav .nav-container{font-size:normal;flex-direction:row;justify-content:space-between;align-items:center;gap:15px;display:flex}@media (max-width:768px){header nav .nav-container{gap:0}}@media (max-width:992px){header nav .nav-container{font-size:small}}@media (max-width:768px){header nav .nav-container li{background:0 0;border:0 solid #0000;width:100%;margin:0;display:flex}}header nav .nav-container .nav-link{cursor:pointer;color:#5664e3;background:#f7f9ff;border:2px solid #5664e3;border-radius:5px;padding:10px 20px;font-family:Inter,sans-serif;font-weight:600;transition:background-color .3s ease-in-out,color .3s ease-in-out}header nav .nav-container .nav-link:hover{color:#fff;background-color:#5664e3}@media (max-width:768px){header nav .nav-container .nav-link{background:0 0;border:0 solid #0000;width:100%;margin:0;display:flex}header nav .nav-container{background:#fff;border:2px solid #5664e3;flex-direction:column}}.hamburger{cursor:pointer;flex-direction:column;display:none}.hamburger .bar{background-color:#5664e3;border-radius:25%;width:25px;height:4px;margin:2px 0;transition:background-color .3s}.hamburger .close-nav{padding:0;font-size:50px}@media (max-width:768px){.hamburger{margin:20px 10px;display:flex}.hamburger .close-nav{margin:-1.5px -2px;line-height:27px}.nav-container{opacity:0;visibility:hidden;border-radius:10px;flex-direction:column;margin-left:10px;transition:opacity .3s,transform .3s;position:absolute;top:55px;right:55px;transform:translateY(-20px)}.nav-container.open{opacity:1;visibility:visible;transform:translateY(0)}}@media (max-width:479px){.nav-container{top:50px;right:20px}}.btn-logout{font-size:16px}@media (max-width:992px){.btn-logout{font-size:small}}footer{color:#fff;text-align:center;background-color:#5664e3;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:50px;padding:50px 0;display:flex}footer img{filter:invert(80%)sepia(0)saturate()hue-rotate(-100deg)brightness(200%)contrast(200%);max-width:50px}footer p{margin:10px 20px}button:disabled{color:#a9a9a9;cursor:not-allowed;background-color:#d3d3d3;border-color:#a9a9a9}.btn-main{color:#fff;cursor:pointer;background:linear-gradient(90deg,#5664e3 0%,#ff914d 100%);border:none;border-radius:20px;margin-top:30px;padding:10px 20px;font-family:Inter,sans-serif;font-weight:600;transition:box-shadow .3s ease-in-out,transform .3s ease-in-out}.btn-main:hover{transform:scale(1.02);box-shadow:0 2px 10px 1px #69696966}.btn-main:disabled{cursor:not-allowed;background-color:gray}.btn-secondary{cursor:pointer;color:#5664e3;background:#f7f9ff;border:2px solid #5664e3;border-radius:5px;padding:10px 20px;font-family:Inter,sans-serif;font-weight:600;transition:background-color .3s ease-in-out,color .3s ease-in-out}.btn-secondary:hover{color:#fff;background-color:#5664e3}.btn-delete{cursor:pointer;color:#b81313;background:#f7f9ff;border:2px solid #b81313;border-radius:5px;padding:10px 20px;font-family:Inter,sans-serif;font-weight:600;transition:background-color .3s ease-in-out,color .3s ease-in-out}.btn-delete:hover{color:#fff;background-color:#b81313}.btn-confirm{cursor:pointer;color:#07832a;background:#f7f9ff;border:2px solid #07832a;border-radius:5px;padding:10px 20px;font-family:Inter,sans-serif;font-weight:600;transition:background-color .3s ease-in-out,color .3s ease-in-out}.btn-confirm:hover{color:#fff;background-color:#07832a}.btn-i-add{cursor:pointer;background:0 0;border:none;margin:0 5px;font-family:Inter,sans-serif;font-size:17px;font-weight:600;transition:transform .2s ease-in-out}.btn-i-add:hover{transform:scale(1.2)}.btn-i-add{color:#5664e3}.btn-i-remove{cursor:pointer;background:0 0;border:none;margin:0 5px;font-family:Inter,sans-serif;font-size:17px;font-weight:600;transition:transform .2s ease-in-out}.btn-i-remove:hover{transform:scale(1.2)}.btn-i-remove{color:#b81313}.link-card{cursor:pointer;background-color:#fff;border:2px solid #0000;border-radius:8px;padding:20px;transition:all .3s;box-shadow:0 2px 4px #0000001a}.link-card:hover{background-color:#eef1ff;border:2px solid #5664e3;box-shadow:0 4px 8px #0003}.link-card h4{color:#5664e3;margin-top:0;margin-bottom:10px}.link-card p{color:#666;margin-bottom:12px;line-height:1.5}.link-card p:last-child{color:#999;margin-bottom:0;font-size:14px}.link-card strong{font-weight:600}.static-component{background-color:#fff;border:2px solid #0000;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.card-component{border:2px solid #0000;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}form{flex-direction:column;align-items:center;display:flex}input{border:2px solid #d3d3d3;border-radius:5px;height:35px;margin:5px 0;padding:0 7px}input:focus{border:2px solid #5664e3;outline:none}.container{flex-direction:column;gap:15px;width:100%;display:flex}.container .form-group{flex-direction:column;gap:7px;width:100%;min-width:380px;display:flex}@media (min-width:600px){.container .form-group{min-width:none}}.container .container-add{justify-content:space-between;display:flex}.container .container-add input{width:100%}.member-container{align-items:center;display:flex}.member-container .member-item{color:#fff;background-color:#5664e3;border-radius:5px;width:100%;margin:5px 0;padding:7px 12px;display:flex}textarea{border-radius:5px;height:100px;border:2px solid #d3d3d3!important}.info-description{color:#666;margin-top:3px;font-size:.85em}.home{flex-direction:column;justify-content:space-between;height:100%;min-height:100vh;display:flex}.home .introduction{text-align:center}.home .introduction p{max-width:600px}.home .introduction .options-container{flex-direction:row;justify-content:center;gap:50px;margin-top:30px;display:flex}@media (max-width:768px){.home .introduction .options-container{flex-direction:column;gap:25px}}.home .introduction .options-container .option{color:#5664e3;background-color:#fff;border:2px solid #5664e3;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:center;max-width:300px;padding:20px;display:flex}.home .introduction .options-container .option .icon{font-size:30px}.home .introduction .options-container .option h3{margin-bottom:15px}.home .introduction .options-container .option p{margin-bottom:20px}.groups-section{flex-direction:column;display:flex}.groups-section .groups-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.meetings-section .section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.meetings-section .empty-meetings-message{color:#666;font-size:16px}.meetings-section ul{padding:0;list-style:none}.meetings-section ul li{background-color:#fff;border-left:4px solid #5664e3;border-radius:4px;margin-bottom:15px;padding:15px;transition:all .3s}.meetings-section ul li:hover{background-color:#eef1ff;box-shadow:0 2px 8px #0000001a}.meetings-section ul li .meeting-container{justify-content:space-between;align-items:flex-start;display:flex}.meetings-section ul li .meeting-info{flex:1}.meetings-section ul li .meeting-info h4{color:#5664e3;margin:0 0 8px;font-size:16px;font-weight:600}.meetings-section ul li .meeting-info p{color:#666;margin:5px 0;font-size:14px}.meetings-section ul li .meeting-info p strong{font-weight:600}.meetings-section ul li .meeting-info p:last-child{color:#999;font-size:13px}@media (max-width:768px){main section{max-width:100%;margin:30px auto;padding:0 15px}.groups-grid{grid-template-columns:1fr!important}.meetings-section .section-header{flex-direction:column;align-items:flex-start;gap:15px}.meetings-section .section-header button{width:100%}}.history-container{max-width:1000px;margin:40px auto;padding:0 20px}.history-container .history-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.history-container .history-header h2{margin-bottom:0}.history-container .empty-message{color:#666;text-align:center;margin-top:40px;font-size:16px}.history-container .total-count{color:#666;margin-bottom:20px}.history-container .total-count strong{font-weight:600}.history-container .meetings-list{padding:0;list-style:none}.history-container .meetings-list .meeting-item{background-color:#fff;border-left:4px solid #5664e3;border-radius:4px;margin-bottom:15px;padding:15px;transition:all .3s}.history-container .meetings-list .meeting-item:hover{background-color:#eef1ff;box-shadow:0 2px 8px #0000001a}.history-container .meetings-list .meeting-item .meeting-info{justify-content:space-between;align-items:start;display:flex}.history-container .meetings-list .meeting-item .meeting-info .meeting-details{flex:1}.history-container .meetings-list .meeting-item .meeting-info .meeting-details h4{color:#5664e3;margin:0 0 8px;font-size:16px;font-weight:600}.history-container .meetings-list .meeting-item .meeting-info .meeting-details .meeting-item-text{color:#666;margin:5px 0;font-size:14px}.history-container .meetings-list .meeting-item .meeting-info .meeting-details .meeting-item-text.group-text{color:#999;font-size:13px}.history-container .meetings-list .meeting-item .meeting-info .meeting-details .meeting-item-text strong{font-weight:600}.history-container .footer-button-container{justify-content:center;margin-top:40px;padding-bottom:20px;display:flex}@media (max-width:768px){.history-container{max-width:100%;margin:30px auto;padding:0 15px}.history-container .history-header{flex-direction:column;align-items:flex-start;gap:15px}.history-container .history-header button{width:100%}}.meeting main section .meeting-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.meeting main section .meeting-header h2{margin:0}.meeting main section .meeting-header .header-info{margin-top:6px}.meeting main section .meeting-header .header-info .time-item{color:#666;align-items:center;gap:6px;margin-top:6px;font-size:14px;display:flex}.meeting main section .meeting-header .header-info .time-item strong{font-weight:600}.meeting main section .meeting-header .header-info .overtime{color:red;margin-top:6px;font-weight:600}.meeting main section .speakers-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:20px;display:grid}.meeting main section .card-component{color:#333;border:2px solid #0000;border-radius:8px;padding:20px;transition:background .2s;box-shadow:0 2px 4px #0000001a}.meeting main section .card-component.time-under-eighty{background:#eef1ff}.meeting main section .card-component.time-eighty-to-hundred{background:#e0ffe0}.meeting main section .card-component.time-exceeded{background:#ffe0e0}.meeting main section .card-component .card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.meeting main section .card-component .card-header .speaker-name{align-items:center;gap:4px;display:flex}.meeting main section .card-component .card-header .speaker-name strong{font-weight:600}.meeting main section .card-component .card-header .speaker-name .reorder-buttons{gap:2px;display:flex}.meeting main section .card-component .card-header .speaker-name .reorder-buttons button{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:4px;padding:4px 6px;font-size:12px;transition:all .2s}.meeting main section .card-component .card-header .speaker-name .reorder-buttons button:disabled{cursor:not-allowed;opacity:.5;background:#f0f0f0}.meeting main section .card-component .card-header .speaker-name .reorder-buttons button:not(:disabled):hover{background:#f5f5f5;border-color:#999}.meeting main section .card-component .card-header .speak-button{cursor:pointer;color:#fff;border:none;border-radius:8px;padding:6px 10px;font-weight:600;transition:all .2s}.meeting main section .card-component .card-header .speak-button.speaking{background:#e53e3e}.meeting main section .card-component .card-header .speak-button.speaking:hover{background:#c53030}.meeting main section .card-component .card-header .speak-button.not-speaking{background:#3182ce}.meeting main section .card-component .card-header .speak-button.not-speaking:hover{background:#2c5aa0}.meeting main section .card-component .card-content{margin-top:10px}.meeting main section .card-component .card-content .speaking-info{color:#333;margin-bottom:8px;font-size:13px}.meeting main section .card-component .card-content .speaking-info.overtime{color:red}.meeting main section .card-component .card-content .speaking-info strong{font-weight:600}.meeting main section .card-component .card-content .allocation-info{color:#555;margin-top:8px;font-size:13px}.meeting main section .card-component .card-content .allocation-info strong{margin-left:8px;font-weight:600}.meeting main section .card-component .card-content .overtime-alert{color:red;margin-top:8px;font-weight:600}.duration-mode-buttons{gap:10px;margin-bottom:15px;display:flex}.duration-mode-buttons button{cursor:pointer;color:#333;background-color:#fff;border:2px solid #ccc;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:400;transition:all .3s}.duration-mode-buttons button:hover{border-color:#5664e3}.duration-mode-buttons button.active{color:#5664e3;background-color:#eef1ff;border:2px solid #5664e3;font-weight:600}.until-time-container{align-items:center;gap:10px;display:flex}.until-time-container input[type=time]{flex:1}.until-time-container .arrow-icon{color:#5664e3;font-size:18px}.until-time-container .duration-display{white-space:nowrap;color:#5664e3;background-color:#eef1ff;border-radius:4px;padding:10px 15px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600}.container-dropdown{width:100%;margin-bottom:5px;position:relative}.container-dropdown .click-toggle{height:45px;margin:0;padding:0;position:relative}.container-dropdown h3{color:#fff;cursor:pointer;margin:0;font-size:14px;font-weight:600;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.container-dropdown button{cursor:pointer;background-color:#5664e3;border:none;border-radius:8px;align-items:center;width:100%;height:45px;padding:0;transition:box-shadow .3s;display:flex}.container-dropdown button:hover{box-shadow:0 2px 10px 1px #69696966}.container-dropdown button svg{color:#fff;width:20px;font-size:16px;position:absolute;top:14px;right:12px}.container-dropdown .content-dropdown{background-color:#f9f9f9;border-radius:8px;margin-top:5px;box-shadow:0 2px 8px #0000001a}.container-dropdown .content-dropdown.open{height:auto}.container-dropdown .content-dropdown.closed{height:0}.container-dropdown .content-dropdown .content-drop{margin:0;padding:10px 0;font-weight:500;list-style:none}.container-dropdown .content-dropdown .content-drop li{color:#333;cursor:pointer;padding:12px 15px;font-size:14px;transition:all .2s}.container-dropdown .content-dropdown .content-drop li:hover{color:#5664e3;background-color:#f0f5ff;padding-left:20px}.container-dropdown .content-dropdown .content-drop li.selected{color:#5664e3;background-color:#eef1ff;font-weight:600}.container-dropdown .content-dropdown .content-drop li:first-child{border-radius:8px 8px 0 0}.container-dropdown .content-dropdown .content-drop li:last-child{border-radius:0 0 8px 8px}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:700}body{background-color:#f7f9ff;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;margin:0 auto}body,html{height:100%;padding:0}.App{flex-direction:column;justify-content:space-between;height:100%;min-height:100vh;display:flex}main{max-width:1240px;margin:30px auto;padding:0 30px}section{flex-direction:column;align-items:center;max-width:1024px;margin:30px 0;display:flex}@media (max-width:600px){section{width:100%}}p,label,input,select,textarea,ul,li,button{font-family:Inter,sans-serif;font-weight:400}span{font-family:Montserrat,sans-serif;font-size:15px;font-weight:600}ul{padding:0}li{list-style-type:none}a{color:inherit;outline:none;text-decoration:none}a:-webkit-any-link{color:none;cursor:pointer}main{flex-direction:column;align-items:center;display:flex}.group-between{flex-direction:row;justify-content:space-between;align-items:center;gap:15px;display:flex}.error-message{color:red;background-color:#ffe0e0;border-radius:4px;margin-bottom:20px;padding:10px;font-size:14px}.success-message{color:green;background-color:#e0ffe0;border-radius:4px;margin-bottom:20px;padding:10px;font-size:14px}.empty-message{color:#666;font-size:16px}