@import"https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100..900&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Vazirmatn,sans-serif}:root{--primary: #6a2e35;--secondery: #2e2836;--font-color: white;--flavor: hsl(80, 3%, 77%);--second-flavor: hsl(0, 11%, 47%);--third-flavor: hsl(327, 5%, 62%);--red: hsl(333, 100%, 18%);--green: hsl(159, 30%, 43%)}button{cursor:pointer}button:hover{transform:translateY(-2px)}.container{background-color:var(--secondery);width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:space-between;row-gap:1.5rem;color:#fff}.header{height:6%;background-color:var(--primary);color:var(--font-color);padding:.5rem}.header .logo{display:flex;gap:.5rem;height:100%;align-items:center}.header .logo img{width:2rem;aspect-ratio:1/1}.main{height:80%;display:flex;justify-content:space-between;padding-inline:max(1.5rem,2%)}.main>*{border-radius:.5rem}.sidebar{background-color:var(--primary);width:20%;display:flex;align-items:center;flex-direction:column;padding:1rem;gap:1rem;position:relative}.sidebar .college-id-input{width:100%;text-align:center;border:0;padding:.5rem;border-radius:.25rem;background-color:var(--secondery);color:var(--font-color)}.sidebar .lessons{display:flex;flex-direction:column;gap:.25rem;overflow-y:scroll;width:100%}.sidebar .lessons .lesson{display:flex;align-items:center;justify-content:center;width:100%;border:1px solid var(--flavor);border-radius:.25rem;padding-block:.5rem;cursor:pointer}.sidebar .lessons .lesson.conflicting{text-decoration:line-through;background-color:var(--third-flavor);cursor:initial}.sidebar .lessons .lesson:hover{background-color:var(--second-flavor)}.sidebar .lessons .lesson.active{text-decoration:none;background-color:var(--second-flavor)}.sidebar .lessons .lesson .info{position:absolute;right:-100%;top:10%;display:none;flex-direction:column;align-items:center;gap:1rem}.sidebar .lessons .lesson .info .filed{color:var(--flavor)}.sidebar .lessons .lesson .info .base-info{display:flex;flex-direction:column;text-align:right;padding:.7rem;border-radius:.25rem;background-color:var(--second-flavor)}.sidebar .lessons .lesson .info .base-info .sign-cap{width:100%;text-align:center;border-radius:.5rem;border:1px solid var(--flavor);margin-block:.25rem;position:relative}.sidebar .lessons .lesson .info .base-info .sign-cap:before{content:"";position:absolute;width:var(--progress);left:0;height:100%;background-color:var(--primary);border-radius:.5rem;mix-blend-mode:difference}.sidebar .lessons .lesson .info .limit,.sidebar .lessons .lesson .info .more-info{max-width:10rem;height:fit-content;font-size:.8rem;text-align:center;background-color:var(--second-flavor);padding:.7rem;border-radius:.5rem}.sidebar .lessons .lesson:hover .info{display:flex}.plan{background-color:var(--primary);width:78%;padding:.5rem;display:grid;grid-template-columns:repeat(27,1fr);grid-template-rows:repeat(22,1fr);row-gap:.25rem}.plan .hours-bar{grid-column:1 / -3;grid-row:1 / 1;display:flex;flex-direction:row-reverse;justify-content:space-between;border-bottom:var(--secondery) 1px solid}.plan .hours-bar span{text-align:center;flex:1}.plan .day-bar{grid-column:-3/ -1;grid-row:2/-1;display:grid;grid-template-rows:repeat(6,1fr)}.plan .day-bar span{display:flex;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;text-wrap:nowrap}.plan .lessons{grid-column:1/ -3;grid-row:2/-1;display:grid;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(24,1fr);row-gap:.25rem}.plan .lessons .lesson{background-color:var(--second-flavor);border-radius:.5rem;display:flex;flex-direction:column;justify-content:space-around;padding-block:.5rem;margin-inline:1px;cursor:pointer;border:1px solid var(--red)}.plan .lessons .lesson.ghost{background-color:var(--third-flavor)}.plan .lessons .lesson .lesson-name{text-align:center;font-weight:700}.plan .lessons .lesson .lesson-code{text-align:center;color:var(--flavor)}.dialog{position:absolute;top:50%;left:50%;translate:-50% -50%;background-color:var(--secondery);border:none;border-radius:.5rem;padding:.5rem;display:flex;flex-direction:column;gap:.5rem}.dialog .schedule{display:flex;gap:.5rem}.dialog .schedule .times{display:flex;gap:.25rem;color:#fff}.dialog .schedule .times input{background-color:var(--primary);color:var(--font-color);outline:none;border:none;border-radius:.25rem;text-align:center;padding:.25rem;width:3rem}.dialog .schedule .del,.dialog .schedule .add{outline:none;border:none;color:var(--font-color);padding:.25rem;border-radius:.5rem;display:flex;place-items:center}.dialog .schedule .del{background-color:var(--red)}.dialog .schedule .add{background-color:var(--green)}.dialog::backdrop{background-color:var(--secondery);opacity:.25}.dialog .close-btn{outline:none;border:none;background-color:var(--primary);border-radius:.5rem;color:var(--font-color);padding-block:.1rem}.footer{height:6%;background-color:var(--primary);display:flex;justify-content:center;align-items:center}