@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap";*{margin:0;padding:0;color:#fff;font-family:Poppins,sans-serif;box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#166ba880;color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#444;border-radius:4px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#555}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.wholePage{color:#fff!important;display:grid;grid-template-columns:17% 83%;overflow-x:hidden;min-height:100vh}.statsSide{width:100%;padding-right:1rem;box-sizing:border-box}.filtersSection{font-size:1rem;display:flex;justify-content:center;align-items:center;text-align:center;background-color:#2c2c2c}.filtersSection p{background-color:#2c2c2c;padding:1rem 20.1%;border-radius:6px;color:#fff;cursor:pointer;transition:background-color .2s ease,color .2s ease}.filtersSection p:hover{background-color:#383838}.selected{background-color:#1a3c54!important;border-bottom:.3rem solid #0D99FF}.generalStats{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;margin-top:2.5rem}.filter-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.filterStats{display:flex;justify-content:space-between;align-items:center;width:84%;margin-top:2.5rem;flex-wrap:wrap;gap:1rem}.filterStats h1{font-size:1.5rem}.filters{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}#hiderr{padding:.5rem 1rem;border:none;outline:none;background-color:#0d9affad;border-radius:5px;cursor:pointer;transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease}#hiderr:hover{background-color:#0d99ff;transform:translateY(-1px);box-shadow:0 4px 12px #0d9aff4d}#hiderr:active{transform:translateY(0)}#byGroup{width:10rem;padding:.5rem;border-radius:5px;border:1px solid rgba(255,255,255,.3);background:#1f1f1f;color:#fff;transition:border-color .2s ease,box-shadow .2s ease}#byGroup:hover{border-color:#ffffff80}#byGroup:focus{border-color:#166ba8;box-shadow:0 0 8px 2px #166ba84d;outline:none}@media (max-width: 1024px){.wholePage{grid-template-columns:22% 78%}.filterStats{width:90%}.filterStats h1{font-size:1.3rem}}@media (max-width: 768px){.wholePage{display:block;width:100vw;padding:0;margin:0;overflow-x:hidden}.statsSide{padding:4rem 1rem 0}.filtersSection{display:none}.filter-wrapper{width:100%;padding:0}.filterStats{width:100%;margin-top:1rem;flex-direction:column;align-items:flex-start;gap:1rem}.filterStats h1{font-size:1.2rem;width:100%}.filters{width:100%;justify-content:flex-start}#byGroup{width:100%;max-width:200px}#hiderr{flex:1;min-width:100px}.generalStats{margin-top:1.5rem;padding:0}}@media (max-width: 480px){.statsSide{padding:3.5rem .5rem 0}.filterStats{padding:0 .5rem}.filterStats h1{font-size:1.1rem}.filters{flex-direction:column;align-items:stretch}#byGroup,#hiderr{width:100%;max-width:none}}.navBar{color:#fff!important;padding-top:1.5rem;padding-left:1rem;padding-right:.5rem;height:100vh;width:18%;overflow-x:hidden;position:fixed;display:flex;flex-direction:column;justify-content:space-between;gap:2rem;font-size:.8rem;border-right:.15rem solid rgba(255,255,255,.151);z-index:1000}.navBar::-webkit-scrollbar{height:8px;width:2px;background-color:#575757}.navBar::-webkit-scrollbar-thumb{background-color:#e0e0e09a;border-radius:20px}.navBar::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e}.navBar,.navContent,.navSection,.navSection a,.navSection p,.navBar p,.navBar h3{background-color:#242424}a{text-decoration:none}.navContent{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem}.navSection{display:flex;justify-content:space-between;align-items:center;gap:.5rem;text-align:left;width:80%;padding:.76863rem 1.08144rem .80975rem .80975rem;border-radius:.41594rem;background:#282828;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.navSection:hover{background:#333;transform:translate(3px)}.navSection a{text-decoration:none;color:#fff;background:transparent;transition:color .2s ease}.navSection p{margin:0;background:transparent}.active{padding:.76863rem 1.08144rem .80975rem .80975rem;border-radius:.41594rem;background:#1a3c54;box-shadow:0 0 12px #166ba833}.active:hover{background:#1a3c54;transform:none}.active a,.active p{background-color:transparent}.profile{background-color:#242424;margin-bottom:20%}.profile-content h3{font-weight:500;font-size:1.1rem}.profile-content p{font-size:.7rem}.buttonsSection{display:flex;gap:.5rem;flex-wrap:wrap;background-color:#242424}.logoutBtn{margin-top:.5rem;padding:.2rem 1rem;background:#c307306b;border:none;border:.1rem solid #C30730;border-radius:5px;font-size:.8rem;font-weight:300;cursor:pointer;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.logoutBtn:hover{background:#c3073099;transform:translateY(-1px);box-shadow:0 4px 12px #c3073040}.logoutBtn:active{transform:translateY(0)}.changeBtn{margin-top:.5rem;padding:.2rem .5rem;background:#c307306b;border:none;border:.1rem solid #C30730;border-radius:5px;font-size:.8rem;font-weight:300;cursor:pointer;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.changeBtn:hover{background:#c3073099;transform:translateY(-1px);box-shadow:0 4px 12px #c3073040}.changeBtn:active{transform:translateY(0)}.mobile-hamburger{display:none;position:fixed;top:1rem;left:1rem;z-index:1100;width:40px;height:40px;background:#242424;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;padding:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px}.hamburger-line{display:block;width:22px;height:2px;background-color:#fff;border-radius:2px;transition:all .3s ease}.hamburger-line.open:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:999;opacity:0;transition:opacity .3s ease;pointer-events:none}.mobile-overlay.show{opacity:1;pointer-events:all}@media (max-width: 1024px){.navBar{width:22%;font-size:.75rem}.navSection{width:85%;padding:.6rem .8rem}.profile-content h3{font-size:1rem}}@media (max-width: 768px){.mobile-hamburger{display:flex}.mobile-overlay{display:block}.navBar{position:fixed;left:-100%;top:0;width:75%;max-width:300px;height:100vh;padding:4rem 1rem 2rem;transition:left .3s ease;overflow-y:auto;box-shadow:2px 0 10px #0000004d}.navBar.mobile-open{left:0}.navContent{gap:1rem}.navSection{width:100%;padding:.8rem 1rem;font-size:.85rem}.profile{margin-bottom:2rem}.profile-content{padding-bottom:.5rem}.profile-content h3{font-size:1rem}.buttonsSection{flex-direction:column;gap:.5rem}.logoutBtn,.changeBtn{width:100%;padding:.5rem 1rem;text-align:center}}@media (max-width: 480px){.navBar{width:85%;max-width:none}.navSection{font-size:.8rem}.mobile-hamburger{top:.5rem;left:.5rem;width:36px;height:36px}}.generals{width:85%;display:flex;flex-direction:column;gap:1rem}.gen-cards{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2.5%;width:100%}.gen-card{flex:1;min-width:200px;display:flex;flex-direction:column;justify-content:center;width:16.304rem;height:6.09631rem;border-radius:.29775rem;border:.794px solid #444!important;background:#242424;margin-bottom:1%;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.gen-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d;border-color:#166ba866!important}.upper-content{background:#242424;padding:.6rem .6rem 0rem;display:flex;justify-content:space-between}.upper-content p{background:#242424;font-size:.75rem;color:#ffffffb4}span{background:#242424}.upper-content h3{background:#242424;font-size:1.5rem;font-weight:500}.upper-content img{background:#242424;width:1.98481rem!important;height:1.98481rem!important}.gen-card img{background:#242424;width:100%;height:auto;object-fit:cover;display:block;overflow:hidden}#totalPeople{font-size:.9rem;font-weight:400}@media (max-width: 1024px){.generals{width:92%}.gen-card{min-width:180px;height:auto;min-height:5.5rem}.upper-content h3{font-size:1.3rem}}@media (max-width: 768px){.generals{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:0 .5rem;box-sizing:border-box}.gen-cards{display:grid;grid-template-columns:1fr;justify-content:center;align-items:center;width:100%;gap:.8rem}.gen-card{flex:1 1 100%;min-width:0;width:100%;height:auto;min-height:5rem}.upper-content{padding:.8rem}.upper-content h3{font-size:1.4rem}.upper-content p{font-size:.7rem}#totalPeople{font-size:.8rem}}@media (min-width: 400px) and (max-width: 768px){.gen-cards{grid-template-columns:repeat(2,1fr)}.gen-card{min-height:5.5rem}.upper-content h3{font-size:1.2rem}}@media (max-width: 399px){.gen-cards{grid-template-columns:1fr}.upper-content h3{font-size:1.3rem}}.blur{filter:blur(4.5px);-webkit-user-select:none;user-select:none;pointer-events:none;color:#ffffff59!important}.splitter-text{display:flex;flex:1 1 48px;width:85%;height:3.3125rem;justify-content:center;align-items:center;border-radius:.9375rem;border:1px solid rgba(201,201,201,.72);background:#4444445e;font-size:1.4rem;text-align:center;padding:0 1rem;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.splitter-text:hover{border-color:#166ba880;box-shadow:0 0 10px #166ba826}@media (max-width: 1024px){.splitter-text{width:92%;font-size:1.2rem;height:3rem}}@media (max-width: 768px){.splitter-text{width:100%;max-width:none;font-size:1rem;height:2.5rem;padding:0 .5rem;margin:0 .5rem;box-sizing:border-box}}@media (max-width: 480px){.splitter-text{font-size:.9rem;height:2.2rem;margin:0 .25rem}}.leads{width:85%;display:flex;flex-direction:column;gap:1rem}.lead-cards{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2.5%;width:100%}.lead-card{flex:1;min-width:200px;display:flex;flex-direction:column;justify-content:center;width:16.304rem;height:5.09631rem;border-radius:.29775rem;border:.794px solid #444;background:#242424;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.lead-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d;border-color:#166ba866}.lupper-content{background:#242424;padding:.6rem .6rem 0rem;display:flex;justify-content:space-between}.lupper-content p{background:#242424;font-size:.75rem;color:#ffffffb4}.lupper-content h3{background:#242424;font-size:1.4rem;font-weight:500}.lupper-content img{background:#242424;width:1.98481rem!important;height:1.98481rem!important}.lead-card img{background:#242424;width:100%;height:auto;object-fit:cover;display:block;overflow:hidden}@media (max-width: 1024px){.leads{width:92%}.lead-card{min-width:180px}.lupper-content h3{font-size:1.2rem}}@media (max-width: 768px){.leads{width:100%;padding:0 .5rem;box-sizing:border-box}.lead-cards{display:grid;grid-template-columns:1fr;gap:.8rem;width:100%}.lead-card{flex:1 1 100%;min-width:0;width:100%;height:auto;min-height:4.5rem}.lupper-content{padding:.8rem}.lupper-content h3{font-size:1.3rem}.lupper-content p{font-size:.7rem}}@media (min-width: 400px) and (max-width: 768px){.lead-cards{grid-template-columns:repeat(2,1fr)}.lupper-content h3{font-size:1.1rem}}@media (max-width: 399px){.lead-cards{grid-template-columns:1fr}}.teamPerformance{width:85%;display:flex;flex-direction:column;overflow-x:auto}#performanceTable{width:100%;border-radius:15px!important;box-shadow:0 4px 10px #0000000d;padding:1rem;border-collapse:collapse;min-width:600px}#performanceTable tr{display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:1rem;width:100%}table{width:100%;border-radius:15px!important;box-shadow:0 4px 10px #0000000d;padding:1rem;border-collapse:collapse}#performanceTable thead tr,#performanceTable thead tr th{background:#323232;text-align:left;font-weight:500;border-top-right-radius:8px;border-top-left-radius:8px}#performanceTable tbody tr,#performanceTable tbody tr td{background:#454545;text-align:left;transition:background-color .15s ease}#performanceTable tbody tr:hover,#performanceTable tbody tr:hover td{background:#505050}#performanceTable th,#performanceTable td{flex:1;padding:12px 16px;font-size:14px;text-align:left;white-space:nowrap}#performanceTable tr{border-bottom:1px solid #eeeeeeaf}@media (max-width: 1024px){.teamPerformance{width:92%}#performanceTable th,#performanceTable td{padding:10px 12px;font-size:13px}}@media (max-width: 768px){.teamPerformance{width:100%;padding:0 .5rem;box-sizing:border-box;overflow-x:auto;-webkit-overflow-scrolling:touch}#performanceTable{min-width:550px;padding:.5rem}#performanceTable th,#performanceTable td{padding:8px 10px;font-size:12px;min-width:70px}#performanceTable tr{gap:.5rem}}@media (max-width: 480px){.teamPerformance{padding:0 .25rem}#performanceTable{min-width:500px}#performanceTable th,#performanceTable td{padding:6px 8px;font-size:11px;min-width:60px}}.footer-text a{text-decoration:underline;transition:opacity .2s ease}.footer-text a:hover{opacity:.8}.footer-text{padding:1rem 0rem;font-size:.9rem;font-weight:300;text-align:center;width:100%}@media (max-width: 1024px){.footer-text{font-size:.85rem}}@media (max-width: 768px){.footer-text{font-size:.8rem;padding:1rem .5rem;line-height:1.5}}@media (max-width: 480px){.footer-text{font-size:.75rem;padding:.8rem .5rem}}.loginSection img{width:193px;height:auto;max-width:80%}.loginSection{display:flex;justify-content:center;align-items:center;gap:1rem;flex-direction:column;min-height:85vh;padding:2rem 1rem;box-sizing:border-box}@media (max-width: 1024px){.loginSection{padding:1.5rem}.loginSection img{width:170px}}@media (max-width: 768px){.loginSection{min-height:100vh;padding:3rem 1rem 2rem;justify-content:flex-start}.loginSection img{width:150px}}@media (max-width: 480px){.loginSection{padding:2rem .5rem 1.5rem}.loginSection img{width:130px}}#userLogin{display:flex;flex-direction:column;align-items:flex-start;color:#fff;gap:1.5rem;width:100%;max-width:38rem;padding:0 1rem;box-sizing:border-box}.inputSection{display:flex;justify-content:left;flex-direction:column;text-align:left;align-items:flex-start;gap:.5rem;width:100%}.inputSection input{background-color:#444;width:100%;box-sizing:border-box}.loginBtn{background:#5932ea}.guestBtn{cursor:not-allowed!important;background:#14a351}.inputButtonSection{display:flex;gap:1rem;width:100%;flex-wrap:wrap}*{margin:0;padding:0;background-color:#1e1e1e;color:#fff;font-family:Poppins,sans-serif}.loginBtn,.guestBtn{padding:.6875rem 2rem;border-radius:.5625rem;flex:1;min-width:140px;font-size:1rem;font-weight:500;border:none;cursor:pointer;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.loginBtn:hover{background:#4830cc;transform:translateY(-2px);box-shadow:0 4px 14px #5932ea59}.loginBtn:active,.guestBtn:active{transform:translateY(0)}input{padding:.6875rem 1.1875rem;border-radius:.5625rem;outline:none;border:none;font-size:16px;transition:border-color .2s ease,box-shadow .2s ease}input:hover{border-color:#fff9}input:focus{border:.1rem solid rgba(255,255,255,.486);box-shadow:0 0 8px 2px #ffffff1a}#companySelect{margin-top:2rem;display:none;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:44rem;padding:0 1rem;box-sizing:border-box}.upperLogo{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.lowerLogo{display:flex;justify-content:center}.upperLogo img,.lowerLogo img{width:21rem;max-width:calc(50% - .5rem);height:auto;min-width:150px;object-fit:contain;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.upperLogo img:hover,.lowerLogo img:hover{transform:scale(1.02);box-shadow:0 8px 24px #0000004d;opacity:.95}.fade-in-section{opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in-section.visible{opacity:1;transform:translateY(0)}.statusMsg{width:100%;display:none;justify-content:center}.statusMsg p{color:#a7c912;text-align:center;font-size:1rem;font-weight:500}#Guidelines{width:90%;max-width:600px;display:none;justify-content:center;align-items:center;flex-direction:column;gap:.9rem;margin-top:1rem;padding:0 1rem;box-sizing:border-box}#Guidelines h2{font-size:1.3rem;text-align:center}ul{display:flex;flex-direction:column;gap:.5rem;padding-left:1.2rem}ul li{font-size:.9rem;line-height:1.5}#Guidelines button{background-color:#5932ea;color:#fff!important;border:none;padding:.5rem 1rem;border-radius:5px;margin-top:2rem;width:100%;cursor:pointer;font-size:1rem;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}#Guidelines button:hover{background-color:#4830cc;transform:translateY(-2px);box-shadow:0 4px 14px #5932ea59}#Guidelines button:active{transform:translateY(0)}#webhouse,#gdtt,#twf{cursor:pointer}@media (max-width: 1024px){.upperLogo img,.lowerLogo img{width:18rem}}@media (max-width: 768px){#userLogin{max-width:100%;padding:0 1.5rem}.inputButtonSection{flex-direction:column}.loginBtn,.guestBtn{width:100%;padding:.8rem 2rem}#companySelect{padding:0 1rem}.upperLogo{flex-direction:column;align-items:center}.upperLogo img,.lowerLogo img{width:100%;max-width:280px}#Guidelines{width:100%;padding:0 1.5rem}#Guidelines h2{font-size:1.1rem}ul li{font-size:.85rem}.statusMsg p{font-size:.9rem}}@media (max-width: 480px){#userLogin{padding:0 1rem;gap:1.2rem}.inputSection input{padding:.8rem 1rem}.loginBtn,.guestBtn{padding:.7rem 1.5rem;font-size:.9rem}.upperLogo img,.lowerLogo img{max-width:220px}#Guidelines h2{font-size:1rem}ul li{font-size:.8rem}}#orderFormm{display:grid;grid-template-columns:repeat(2,1fr)!important;gap:1.5rem;width:90%}.full-width{grid-column:span 2}.checkbox-section{display:flex;flex-direction:row;gap:.5rem;padding:.5rem .8rem .5rem 0rem;align-items:center}.checkbox-section input[type=checkbox]{width:auto;min-width:18px;height:18px}#inputSection input,#inputSection select{padding:.6rem 1rem;border-radius:5px;border:.1rem solid rgba(255,255,255,.356);width:100%;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}#submit button{background-color:#5a3cf7;border:none;border-radius:5px;color:#fff;font-size:1rem;font-weight:400;padding:.5rem;width:50%;cursor:pointer;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}@media (max-width: 1024px){#orderFormm{width:95%;gap:1.2rem}}@media (max-width: 768px){#orderFormm{grid-template-columns:1fr;width:100%;padding:0 .5rem;box-sizing:border-box;gap:1rem}.full-width{grid-column:span 1}.checkbox-section{font-size:.8rem}#submit{justify-content:center}#submit button{width:100%}#inputSection label{font-size:.75rem}#inputSection input,#inputSection select{padding:.7rem 1rem;font-size:16px}}@media (max-width: 480px){#orderFormm{padding:0 .25rem;gap:.8rem}}@media (max-width: 768px){.blockedUser .content{padding:1.5rem;width:calc(100% - 2rem)}.blockedUser .content h2{font-size:1.2rem}.blockedUser .content p{font-size:.8rem}}.table{width:100%;background-color:#1f1f1f;border-radius:15px!important;box-shadow:0 4px 10px #0000000d;padding:1rem;border-collapse:collapse}.table thead{background:#323232;text-align:left}.table th{background:#1f1f1f;transition:background-color .2s ease}.table td{background:#252525;transition:background-color .2s ease}.table th,.table td{padding:12px 16px;font-size:13px}.table tbody tr{border-bottom:1px solid rgba(255,255,255,.1);transition:background-color .2s ease}.table tbody tr:hover td{background:#2d2d2d}.table tr{border-bottom:1px solid #eee}.badge{padding:6px 12px;border-radius:6px;font-weight:700;font-size:12px;display:inline-block;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease}.badge:hover{transform:scale(1.02)}.badge.received{background:#07c34652;color:#fff;border:.1rem solid rgb(7,195,70);font-weight:400}.badge.pending{background:#c307306b;color:#fff;border:.1rem solid #C30730;font-weight:400}td button{background-color:transparent;border:none;transition:transform .15s ease,opacity .15s ease}td button:hover{transform:scale(1.1);opacity:.8}.status-cell{display:flex;align-items:center}.status-cell img{cursor:pointer;transition:transform .15s ease,opacity .15s ease}.status-cell img:hover{transform:scale(1.15);opacity:.85}.table-wrapper{overflow-x:auto;overflow-y:auto;max-height:90vh;width:85%;border-radius:10px;background:#1f1f1f;box-shadow:0 4px 10px #00000026;margin-bottom:1rem!important;border:.1rem solid rgba(255,255,255,.15)!important;-webkit-overflow-scrolling:touch;transition:box-shadow .2s ease}.table-wrapper:hover{box-shadow:0 6px 16px #00000040}.table-wrapper::-webkit-scrollbar{height:8px;width:0;background-color:#2e2e2e}.table-wrapper::-webkit-scrollbar-thumb{background-color:#e0e0e0;border-radius:20px}.table-wrapper::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e}.table{width:max-content;border-collapse:collapse;min-width:100%}.table th,.table td{white-space:nowrap}.export-btn{padding:8px 14px;background-color:#5a3cf7;color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.export-btn:hover{background-color:#4830cc;transform:translateY(-1px);box-shadow:0 4px 12px #5a3cf74d}.export-btn:active{transform:translateY(0)}.arrow-btn{border:none;background:none;cursor:pointer;font-size:12px;margin-left:8px;transform:rotate(0);transition:transform .2s}.arrow-btn.open{transform:rotate(0)}.dropdown-row{background:#303030;display:none;width:100%}.dropdown-row td{background:#303030;padding:16px}.dropdown-content{background:#303030;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.prev{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px}.next{background:#303030;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.next label{background:#303030;font-size:12px}.next input{background:#303030;padding:6px 8px;width:150px;border-radius:5px;border:.1rem solid rgba(255,255,255,.137);font-size:12px;transition:border-color .2s ease,box-shadow .2s ease}.next input:hover{border-color:#ffffff4d}.next button{width:120px;padding:8px 10px;background:#166ba8;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;font-size:12px;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.next button:hover{background:#1a7fc4;transform:translateY(-1px);box-shadow:0 4px 12px #166ba84d}.next button:active{transform:translateY(0)}.table input:focus,select:focus{outline:none;border:.1rem solid #166ba8;box-shadow:0 0 8px 2px #1a3c548f}.align{background:#303030;display:flex;flex-direction:column;gap:.2rem}.align p{background:#303030}.delete-btn{padding:0rem!important}select{background:#252525;padding:.3rem .5rem;border-radius:5px;border:.1rem solid rgba(255,255,255,.356);transition:border-color .2s ease,box-shadow .2s ease}select:hover{border-color:#ffffff80}select:focus{outline:none;border:.1rem solid #166ba8;box-shadow:0 0 6px 2px #1a3c548f}.topBar{display:flex;justify-content:space-between;align-items:center;width:85%;flex-wrap:wrap;gap:1rem}.topBar h2{font-size:1.3rem}.topFilters{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.topFilters input{background-color:#1f1f1f;padding:.5rem 1rem;outline:none;border:.1rem solid rgba(255,255,255,.452);color:#fff;width:7rem;border-radius:10px;transition:border-color .2s ease,box-shadow .2s ease}.topFilters input:hover{border-color:#fff9}.topFilters select{background-color:#1f1f1f;padding:.5rem .7rem;outline:none;border:.1rem solid rgba(255,255,255,.452);color:#fff;width:9rem;border-radius:10px;transition:border-color .2s ease,box-shadow .2s ease}.topFilters select:hover{border-color:#fff9}.topFilters select:focus{outline:none;border:.1rem solid #166ba8;box-shadow:0 0 8px 2px #1a3c548f}.topFilters input:focus{outline:none;border:.1rem solid #166ba8;box-shadow:0 0 8px 2px #1a3c548f}.packageBtn{border:.1rem solid white;border-radius:100rem;padding:.2rem .3rem;line-height:1;cursor:pointer;margin-left:.2rem;transition:background .2s ease,transform .15s ease}.packageBtn:hover{background:#ffffff1a;transform:scale(1.05)}.blockedUser .content b{background:#2220}.history{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;text-align:left;margin-bottom:1rem;background:transparent}.history div{background:transparent}.history b{display:block;margin-bottom:.5rem}.history p{font-size:.8rem;margin-bottom:.5rem!important}.customer-history-modal .content{width:clamp(380px,92%,850px)!important;max-height:85vh;padding:1.5rem 2rem 2rem;background:linear-gradient(145deg,#1a1a1a,#1f1f1f,#181818);border:1px solid rgba(22,107,168,.25)}.customer-history-modal .content h2{font-size:1.5rem;font-weight:600;letter-spacing:.5px;color:#e0f0ff;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid rgba(22,107,168,.4);background:transparent}.customer-history-modal .history-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;background:transparent}.customer-history-modal .history-card{background:#1a3c5440;border-radius:10px;border:1px solid rgba(22,107,168,.2);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.customer-history-modal .history-card:hover{border-color:#166ba873;box-shadow:0 4px 20px #166ba826}.customer-history-modal .history-card-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#166ba826;border-bottom:1px solid rgba(22,107,168,.2)}.customer-history-modal .history-icon{font-size:1.1rem;background:transparent}.customer-history-modal .history-card-header b{font-size:.9rem;font-weight:600;color:#a8d4f0;background:transparent;margin:0}.customer-history-modal .history-card-content{padding:.75rem 1rem;max-height:200px;overflow-y:auto;background:transparent}.customer-history-modal .history-card-content::-webkit-scrollbar{width:5px}.customer-history-modal .history-card-content::-webkit-scrollbar-track{background:#1a3c544d}.customer-history-modal .history-card-content::-webkit-scrollbar-thumb{background:#166ba866;border-radius:10px}.customer-history-modal .history-card-content::-webkit-scrollbar-thumb:hover{background:#166ba899}.customer-history-modal .history-item{font-size:.82rem;line-height:1.5;color:#b8d4e8;padding:.5rem .6rem;margin:.35rem 0;background:#1a3c5459;border-radius:6px;border-left:3px solid rgba(22,107,168,.5);transition:background-color .15s ease}.customer-history-modal .history-item:hover{background:#1a3c5480}.customer-history-modal .history-loading{font-size:.85rem;color:#166ba8;text-align:center;padding:1rem;background:transparent;animation:historyPulse 1.5s infinite}@keyframes historyPulse{0%,to{opacity:.6}50%{opacity:1}}.customer-history-modal .history-empty{font-size:.82rem;color:#6b7280;text-align:center;padding:1rem;background:transparent;font-style:italic}.customer-history-modal .history-error{font-size:.82rem;color:#f87171;text-align:center;padding:1rem;background:#f871711a;border-radius:6px}.customer-history-modal .history-close-btn{background:#166ba833!important;color:#a8d4f0!important;border:1px solid rgba(22,107,168,.4)!important;padding:.5rem 1.5rem!important;font-size:.9rem!important;font-weight:500;border-radius:8px!important;cursor:pointer;transition:all .2s ease}.customer-history-modal .history-close-btn:hover{background:#166ba859!important;border-color:#166ba899!important;box-shadow:0 0 8px 2px #1a3c548f}@media (max-width: 768px){.customer-history-modal .content{width:calc(100% - 1.5rem)!important;padding:1.25rem 1rem 1.5rem}.customer-history-modal .content h2{font-size:1.25rem}.customer-history-modal .history-grid{grid-template-columns:1fr;gap:.75rem}.customer-history-modal .history-card-content{max-height:150px}}@media (max-width: 480px){.customer-history-modal .content{padding:1rem .75rem 1.25rem}.customer-history-modal .content h2{font-size:1.1rem}.customer-history-modal .history-card-header{padding:.6rem .75rem}.customer-history-modal .history-card-header b{font-size:.85rem}.customer-history-modal .history-item{font-size:.78rem;padding:.4rem .5rem}}.addNewExpense{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:86%;gap:1rem}.addNewExpense input{background-color:#1f1f1f;padding:.5rem 1rem;outline:none;border:.1rem solid rgba(255,255,255,.452);color:#fff;width:20%;min-width:120px;border-radius:10px;transition:border-color .2s ease,box-shadow .2s ease}.addNewExpense input:hover{border-color:#fff9}.addNewExpense button{background-color:#1f1f1f;padding:.5rem 1rem;outline:none;border:.1rem solid rgba(255,255,255,.452);color:#fff;width:23%;min-width:140px;border-radius:10px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .15s ease}.addNewExpense button:hover{border:.1rem solid #166ba8;box-shadow:0 0 8px 2px #1a3c548f}.addNewExpense button:active{transform:translateY(0);opacity:.96}.addNewExpense button:focus-visible{border:.1rem solid #166ba8;box-shadow:0 0 8px 2px #1a3c548f}@media (prefers-reduced-motion: reduce){.addNewExpense button,.addNewExpense button:active,.addNewExpense button:focus-visible{transition:none!important}}.addNewExpense select{background-color:#1f1f1f;padding:.5rem .7rem;outline:none;border:.1rem solid rgba(255,255,255,.452);color:#fff;width:9rem;border-radius:10px;transition:border-color .2s ease,box-shadow .2s ease}.addNewExpense select:hover{border-color:#fff9}.addNewExpense select:focus{outline:none;border:.1rem solid #166ba8;box-shadow:0 0 8px 2px #1a3c548f}.addNewExpense input:focus{outline:none;border:.1rem solid #166ba8;box-shadow:0 0 8px 2px #1a3c548f}.delete-btn{cursor:pointer;transition:transform .15s ease,opacity .15s ease}.delete-btn:hover{transform:scale(1.1);opacity:.8}@media (max-width: 1024px){.topBar,.table-wrapper,.addNewExpense{width:92%}.topBar h2{font-size:1.2rem}}@media (max-width: 768px){.topBar{width:100%;padding:0 .5rem;box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:1rem}.topBar h2{font-size:1.1rem;width:100%}.topFilters{width:100%;justify-content:flex-start}.topFilters input{flex:1;min-width:100px;width:auto}.topFilters select{width:auto;min-width:100px}#hiderr{padding:.5rem .8rem;font-size:.85rem;white-space:nowrap}.table-wrapper{width:100%;padding:0 .5rem;box-sizing:border-box;max-height:70vh;border-radius:8px}.table{min-width:800px}.table th,.table td{padding:8px 10px;font-size:11px}.badge{padding:4px 8px;font-size:10px}.next{flex-wrap:wrap;gap:.5rem}.next input,.next button{width:100px;font-size:11px}.dropdown-row td{padding:10px}.addNewExpense{width:100%;padding:0 .5rem;box-sizing:border-box}.addNewExpense input,.addNewExpense button{width:100%;min-width:0}.blockedUser .content{padding:1.5rem;width:calc(100% - 2rem);max-width:400px}.blockedUser .content h2{font-size:1.2rem}.blockedUser .content p{font-size:.8rem}.history{grid-template-columns:1fr;gap:1rem}}@media (max-width: 480px){.topBar{padding:0 .25rem}.topFilters{flex-direction:column;align-items:stretch}.topFilters input,.topFilters select,#hiderr{width:100%;max-width:none}.table-wrapper{padding:0 .25rem}.table th,.table td{padding:6px 8px;font-size:10px}.blockedUser .content{padding:1rem}.addNewExpense{padding:0 .25rem;gap:.5rem}}.addNewLoanBtn{padding:.5rem 1rem;border:none;outline:none;background-color:#0d9affad;border-radius:5px;cursor:pointer;white-space:nowrap;transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease}.addNewLoanBtn:hover{background-color:#0d99ff;transform:translateY(-1px);box-shadow:0 4px 12px #0d9aff4d}.addNewLoanBtn:active{transform:translateY(0)}.loanHeader{display:flex;justify-content:space-between;align-items:center;width:84%;margin-bottom:-3.5%;flex-wrap:wrap;gap:1rem}.loanHeader h1{font-size:1.5rem}.newLoanModal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;opacity:0;pointer-events:none;transition:opacity .22s ease;padding:1rem;box-sizing:border-box}.newLoanModal.show{opacity:1;pointer-events:all}.newLoanModal .content{width:clamp(280px,90%,520px);max-height:90vh;overflow-y:auto;border-radius:12px;padding:2rem;box-shadow:0 18px 40px #02061759;transform:translateY(18px) scale(.995);transition:transform .24s cubic-bezier(.2,.9,.3,1),box-shadow .2s;text-align:center;will-change:transform,opacity;background:#202020e5}.newLoanModal.show .content{transform:translateY(0) scale(1)}.newLoanModal .content h2{margin:0 0 8px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-size:1.4rem;letter-spacing:.6px;line-height:1.1;margin-bottom:.8rem;background:transparent!important}.newLoanModal .content p{margin:0 0 16px;font-size:.85rem;line-height:1.45;margin-bottom:1.3rem;background:transparent!important}.newLoanModal .content button{background:#c307306b;color:#fff;border:.1rem solid #C30730;font-weight:400;padding:.2rem 1rem;border-radius:5px;font-size:.95rem;cursor:pointer;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.newLoanModal .content button:hover{background:#c3073099;transform:translateY(-1px);box-shadow:0 4px 12px #c3073040}.newLoanModal .content button:active{transform:translateY(0);opacity:.96}.newLoanModal .content button:focus-visible{outline:3px solid rgba(255,255,255,.466);outline-offset:3px;border-radius:9px}.submitBtn{background:#0ac30733!important;color:#fff;border:.1rem solid #0b7e19!important}.submitBtn:hover{background:#0ac30766!important;box-shadow:0 4px 12px #0ac30740!important}.loanBtns{display:flex;justify-content:right;align-items:center;gap:1rem!important;flex-wrap:wrap}@media (prefers-reduced-motion: reduce){.newLoanModal,.newLoanModal .content,.newLoanModal .content button{transition:none!important}}.loanModalHeader h1{font-size:1.7rem;margin-bottom:1.5rem}.loanInputSection{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;font-size:1rem;margin-bottom:1.5rem}.loanInputSection input{width:100%;padding:.5rem;border:1px solid #cccccc3f;border-radius:4px;box-sizing:border-box;font-size:16px;transition:border-color .2s ease,box-shadow .2s ease}.loanInputSection input:hover{border:1px solid #cccccc}.loanInputSection input:focus{border:1px solid #cccccc;box-shadow:0 0 8px 2px #ffffff1a}.loanInputSection select{width:100%;padding:.5rem;border:1px solid #cccccc3f;border-radius:4px;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.loanInputSection select:hover{border:1px solid #cccccc}.loanInputSection select:focus{border:1px solid #cccccc;box-shadow:0 0 8px 2px #ffffff1a}.errorSection p{margin-bottom:1rem;font-size:.9rem;font-weight:300;height:1.2rem;display:none}.displaySectionContent{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem 3rem;text-align:left;justify-content:left;align-items:center}.displaySectionContents{text-align:left;justify-content:left;align-items:center}.loanDetailsSection{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 3rem;margin-top:1rem;border-top:1px solid #cccccc3f;padding-top:1rem}tr{cursor:pointer;transition:background-color .15s ease}@media (max-width: 1024px){.loanHeader{width:92%}.loanHeader h1{font-size:1.3rem}}@media (max-width: 768px){.loanHeader{width:100%;padding:0 .5rem;box-sizing:border-box;flex-direction:column;align-items:flex-start;margin-bottom:0}.loanHeader h1{font-size:1.2rem}.addNewLoanBtn{width:100%;padding:.6rem 1rem}.newLoanModal .content{padding:1.5rem;width:calc(100% - 2rem);max-width:400px}.loanModalHeader h1{font-size:1.3rem;margin-bottom:1rem}.displaySectionContent{grid-template-columns:1fr;gap:.3rem}.displaySectionContent p{margin-bottom:.5rem!important;font-size:.8rem}.loanDetailsSection{grid-template-columns:1fr;gap:1rem}.loanInputSection{margin-bottom:1rem}.loanInputSection label{font-size:.9rem}.loanBtns{justify-content:center;width:100%}.loanBtns button{flex:1;min-width:100px}}@media (max-width: 480px){.loanHeader{padding:0 .25rem}.newLoanModal .content{padding:1rem}.loanModalHeader h1{font-size:1.1rem}.displaySectionContent p{font-size:.75rem}}.input-box{position:relative;margin:5px 0}.input-field{padding:16px 12px 12px;border:1px solid #ccc;border-radius:4px;font-size:16px;outline:none;background:transparent;width:100%;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.input-field:hover{border-color:#ffffff80}.input-label{position:absolute;left:12px;top:16px;color:#777;font-size:16px;background:#1f1f1f;padding:0 4px;pointer-events:none;transition:.2s ease all,color .2s ease}.input-field:focus+.input-label,.input-field:not(:placeholder-shown)+.input-label{top:-8px;left:8px;font-size:12px}.input-field:focus+.input-label{color:#1a73e8}.input-field:focus+.input-label:before,.input-field:not(:placeholder-shown)+.input-label:before{content:"";position:absolute;bottom:0;left:0;height:2px;width:100%;background:#fff;z-index:-1}.input-field:focus{border-color:#1a73e8;box-shadow:0 0 0 1px #1a73e8}#orderForm{display:grid;grid-template-columns:1fr;gap:2rem;width:90%}.inputSectionsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%}.dottedBox{display:grid;grid-template-columns:1fr;width:97%;border:none;border-radius:5px;background:repeating-linear-gradient(to right,rgba(255,255,255,.678) 0 6px,transparent 2px 10px) top,repeating-linear-gradient(to right,rgba(255,255,255,.678) 0 6px,transparent 2px 10px) bottom,repeating-linear-gradient(to bottom,rgba(255,255,255,.678) 0 6px,transparent 2px 10px) left,repeating-linear-gradient(to bottom,rgba(255,255,255,.678) 0 6px,transparent 2px 10px) right;background-size:100% .1rem,100% .1rem,.1rem 100%,.1rem 100%;background-repeat:no-repeat;padding:1rem;justify-content:center;align-items:center;text-align:center;font-size:1.2rem;margin-top:.5rem}.dottedInputSections{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;width:97%;border:none;border-radius:5px;padding:1rem}.dottedCheckboxSections{display:grid;grid-template-columns:repeat(3,1fr);gap:.2rem;width:97%;border:none;border-radius:5px;padding:1rem}#inputSection{display:flex;flex-direction:column;gap:.4rem}.checkbox-section{display:flex;flex-direction:row;gap:.5rem;padding:.5rem .8rem .5rem 0rem;font-size:.95rem;align-items:center}.checkbox-section input[type=checkbox]{width:auto;min-width:16px;height:16px}#inputSection label{font-size:.8rem}#inputSection input,#inputSection select{padding:.6rem 1rem;border-radius:5px;border:.1rem solid rgba(255,255,255,.356);transition:border-color .2s ease,box-shadow .2s ease}#inputSection input:hover,#inputSection select:hover{border-color:#ffffff80}#inputSection option{border-radius:0}#inputSection input:focus,#inputSection select:focus{outline:none;border:.1rem solid #166ba8;box-shadow:0 0 6px 2px #1a3c548f}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#submit{display:flex;justify-content:right;align-items:center}#submit button{background-color:#5a3cf7;border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:400;padding:.5rem;width:50%;cursor:pointer;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}#submit button:hover{background-color:#4830cc;transform:translateY(-2px);box-shadow:0 4px 14px #5a3cf759}#submit button:active{transform:translateY(0)}#addPackage{display:flex;justify-content:left;align-items:center}#addPackage button{border:.1rem solid rgba(255,255,255,.452);border-radius:8px;color:#fff;font-size:1rem;font-weight:400;padding:.5rem;width:50%;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .15s ease,box-shadow .2s ease}#addPackage button:hover{border-color:#166ba8;background:#166ba826;transform:translateY(-1px);box-shadow:0 0 10px #166ba833}#addPackage button:active{transform:translateY(0)}@media (max-width: 1024px){#orderForm{width:95%}.dottedCheckboxSections{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){#orderForm{width:100%;padding:0 .5rem;box-sizing:border-box;gap:1.5rem}.inputSectionsGrid{grid-template-columns:1fr;gap:1rem}.dottedBox{width:100%;padding:.8rem;font-size:1rem;box-sizing:border-box}.dottedInputSections{grid-template-columns:1fr;width:100%;gap:1rem;padding:.5rem}.dottedCheckboxSections{grid-template-columns:repeat(2,1fr);width:100%;gap:.5rem;padding:.5rem}.checkbox-section{font-size:.8rem;padding:.3rem 0}#submit{justify-content:center}#submit button{width:100%}#addPackage{justify-content:center}#addPackage button{width:100%}.input-field{font-size:16px}}@media (max-width: 480px){#orderForm{padding:0 .25rem}.dottedCheckboxSections{grid-template-columns:1fr}.dottedBox{padding:.5rem}}.blockedUser{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;opacity:0;pointer-events:none;transition:opacity .22s ease;padding:1rem;box-sizing:border-box}.blockedUser.show{opacity:1;pointer-events:all}.blockedUser .content{width:clamp(280px,90%,520px);max-height:90vh;overflow-y:auto;border-radius:12px;padding:2rem;box-shadow:0 18px 40px #02061759;transform:translateY(18px) scale(.995);transition:transform .24s cubic-bezier(.2,.9,.3,1),box-shadow .2s;text-align:center;will-change:transform,opacity;background:#202020e5}.blockedUser.show .content{transform:translateY(0) scale(1)}.blockedUser .content h2{margin:0 0 8px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-size:1.4rem;letter-spacing:.6px;line-height:1.1;margin-bottom:.8rem;background:#2220}.blockedUser .content p{margin:0 0 16px;font-size:.85rem;line-height:1.45;margin-bottom:1.3rem;background:#2220}.blockedUser .content button{background:#c307306b;color:#fff;border:.1rem solid #C30730;font-weight:400;padding:.2rem 1rem;border-radius:5px;font-size:.95rem;cursor:pointer;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.blockedUser .content button:hover{background:#c3073099;transform:translateY(-1px);box-shadow:0 4px 12px #c3073040}.blockedUser .content button:active{transform:translateY(0);opacity:.96}.blockedUser .content button:focus-visible{outline:3px solid rgba(255,255,255,.466);outline-offset:3px;border-radius:9px}@media (prefers-reduced-motion: reduce){.blockedUser,.blockedUser .content,.blockedUser .content button{transition:none!important}}:root{--bg: #121212;--card: #1e1e1e;--border: #333;--text: #eee;--muted: #888;--primary: #4ade80;--primary-dark: #22c55e;--highlight: #2563eb;--highlight-bg: #1e3a8a}.room-container{max-width:900px;margin:0 auto;padding:30px;font-family:Inter,sans-serif;color:var(--text);box-sizing:border-box}.title{font-size:28px;font-weight:700;margin-bottom:20px}.label{font-weight:500;margin-bottom:5px;display:block}.dropdown{width:100%;padding:10px;font-size:16px;margin-bottom:20px;border-radius:4px;background-color:var(--card);color:var(--text);border:1px solid var(--border);box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.dropdown:hover{border-color:#fff6}.dropdown:focus{border-color:var(--highlight);box-shadow:0 0 8px #2563eb4d;outline:none}.dropdown option{background-color:var(--card);color:var(--text)}.subheading{font-size:20px;font-weight:600;margin:20px 0 10px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-bottom:20px}.person-card{padding:10px;border:1px solid var(--border);border-radius:5px;cursor:pointer;display:flex;align-items:center;gap:10px;background-color:var(--card);transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease,border-color .2s ease}.person-card:hover{background-color:#2a2a2a;transform:translateY(-2px);box-shadow:0 4px 12px #00000040;border-color:#ffffff40}.person-card.selected{background-color:var(--highlight);color:#fff}.create-button{background-color:var(--primary);color:#000;padding:10px 20px;font-weight:700;border:none;border-radius:4px;cursor:pointer;margin-bottom:20px;transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease;width:100%;max-width:200px}.create-button:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #4ade804d}.create-button:active{transform:translateY(0)}.room-box{border:1px solid var(--border);padding:15px;border-radius:6px;margin-bottom:15px;background-color:var(--card);transition:border-color .2s ease,box-shadow .2s ease}.room-box:hover{border-color:#ffffff40;box-shadow:0 4px 12px #0003}.room-title{font-weight:700;margin-bottom:8px}.room-box ul{padding-left:1.2rem;margin:0}.room-box li{margin-bottom:.3rem}.muted-text{color:var(--muted)}@media (max-width: 1024px){.room-container{padding:20px}.title{font-size:24px}.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width: 768px){.room-container{padding:15px;max-width:100%}.title{font-size:22px;margin-bottom:15px}.subheading{font-size:18px;margin:15px 0 10px}.grid{grid-template-columns:repeat(2,1fr);gap:8px}.person-card{padding:8px;font-size:.9rem}.person-card input[type=checkbox]{min-width:16px;height:16px}.create-button{width:100%;max-width:none;padding:12px 20px}.room-box{padding:12px}.dropdown{font-size:16px;padding:12px}}@media (max-width: 480px){.room-container{padding:10px}.title{font-size:20px}.subheading{font-size:16px}.grid{grid-template-columns:1fr}.person-card{padding:10px}}