.top-nav[data-v-089e4bdd]{background-color:#2e3348;color:#c1bfd6;height:60px;width:100%;display:flex;justify-content:center;border-bottom:1px solid rgba(193,191,214,.5)}.container[data-v-089e4bdd]{width:100%;max-width:1400px;display:flex;justify-content:space-between;align-items:center;padding:20px}.logo[data-v-089e4bdd]{font-family:Unica One,sans-serif;font-size:1.6rem}.right-icons[data-v-089e4bdd]{display:flex;align-items:center}.icon-container[data-v-089e4bdd],.menu-icon[data-v-089e4bdd]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;transition:background-color .3s ease;cursor:pointer;position:relative}.icon-container[data-v-089e4bdd]:hover,.menu-icon[data-v-089e4bdd]:hover{background-color:rgba(193,191,214,.2)}.menu-icon i[data-v-089e4bdd],.right-icons i[data-v-089e4bdd]{font-size:1.2rem;color:#c1bfd6;transition:color .3s ease}.notification-icon[data-v-089e4bdd]{position:relative}.notification-dot[data-v-089e4bdd]{width:8px;height:8px;background:#ff4c51;border-radius:50%;position:absolute;top:-2px;right:-2px;border:2px solid #2e3348}.message-icon[data-v-089e4bdd]{position:relative}.message-dot[data-v-089e4bdd]{width:10px;height:10px;background:skyblue;border-radius:50%;position:absolute;bottom:-2px;right:-4px;border:2px solid #2e3348}.profile[data-v-089e4bdd]{position:relative;width:36px;height:36px;cursor:pointer;margin-left:5px}.profile img[data-v-089e4bdd]{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.online-indicator[data-v-089e4bdd]{width:11px;height:11px;background:#28c76f;border-radius:50%;position:absolute;bottom:0;right:0;border:2px solid #2e3348}.menu-icon[data-v-089e4bdd]{display:none}@media (max-width:400px){.logo[data-v-089e4bdd]{display:none}.menu-icon[data-v-089e4bdd]{display:flex}}@media (max-width:280px){.icon-container[data-v-089e4bdd]{display:none}}.kpi-card[data-v-93568a42]{background-color:#2e3348;color:#fff;padding:20px 15px;height:80px;border-radius:8px;display:flex;align-items:center}.icon-container[data-v-93568a42]{display:flex;margin-right:10px;width:35px;height:35px;align-items:center}.icon-container i[data-v-93568a42]{font-size:1.6rem;transition:color .3s ease}.info[data-v-93568a42]{display:flex;flex-direction:column;align-items:flex-start}.label[data-v-93568a42]{font-size:.9rem;color:#c1bfd6;margin-bottom:5px}.value[data-v-93568a42]{text-align:right;font-size:.9rem;font-weight:700}.progress-chart[data-v-319629ee]{padding:10px 10px 0 10px;margin-left:-20px;margin-bottom:-20px;margin-top:-30px}.donut-chart[data-v-29e599b8]{position:relative;border-radius:8px;display:flex;flex-direction:column;align-items:center}.chart-center-text[data-v-29e599b8]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.9rem;font-family:Inter;color:#fff;font-weight:600;text-align:center}.chart-center-text .value[data-v-29e599b8]{font-size:1.1rem;font-weight:500;color:#c1bfd6}@media (max-width:300px){.donut-chart[data-v-29e599b8]{display:none}}.sidebar-card[data-v-e0b77cf4]{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;color:#fff}.sidebar-card[data-v-e0b77cf4]:hover{cursor:pointer;background-color:rgba(193,191,214,.2)}.icon-container[data-v-e0b77cf4]{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:4px}.icon-container i[data-v-e0b77cf4]{font-size:20px}.course-details[data-v-e0b77cf4]{display:flex;flex-direction:column;justify-content:center}.course-title[data-v-e0b77cf4]{font-size:1rem;font-weight:600}.course-start-date[data-v-e0b77cf4]{color:#c1bfd6;font-size:13px}@media (max-width:250px){.sidebar-card[data-v-e0b77cf4]{flex-direction:column;align-items:baseline}}.instructor-card[data-v-00514694]{display:flex;align-items:center;padding:10px;border-radius:8px;color:#fff;width:100%}.profile-container[data-v-00514694]{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden}.profile-image[data-v-00514694]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.instructor-details[data-v-00514694]{display:flex;flex-direction:column;margin-left:10px}.instructor-name[data-v-00514694]{font-size:1rem;font-weight:600;color:#fff}.instructor-area[data-v-00514694]{font-size:.9rem;color:#c1bfd6}.view-button[data-v-00514694]{margin-left:auto;font-family:Inter;background:linear-gradient(270deg,rgba(115,103,240,.7),#7367f0);color:#fff;border:none;padding:8px 16px;font-size:.9rem;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.view-button[data-v-00514694]:hover{background-color:#5f4bdb}@media (max-width:400px){.instructor-card[data-v-00514694]{flex-wrap:wrap}.view-button[data-v-00514694]{margin-right:auto;margin-left:0;margin-top:10px;width:100%}}.recent-activity-card[data-v-cad11580]{background-color:#2e3348;border-radius:8px;padding:10px;color:#fff}.recent-activity-card[data-v-cad11580]:hover{cursor:pointer;background-color:rgba(193,191,214,.2)}.activity-header[data-v-cad11580]{display:flex;align-items:center;gap:5px;font-size:14px}.activity-header i[data-v-cad11580]{color:#28c76f;font-size:15px}.activity-time[data-v-cad11580]{color:#c1bfd6;font-size:13px}.activity-body[data-v-cad11580]{margin-bottom:5px}.activity-title[data-v-cad11580]{font-size:16px;font-weight:600;color:#fff}.assignment-card[data-v-02553e50]{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;color:#fff}.assignment-card[data-v-02553e50]:hover{cursor:pointer;background-color:rgba(193,191,214,.2)}.icon-container[data-v-02553e50]{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:4px}.icon-container i[data-v-02553e50]{font-size:20px}.assignment-details[data-v-02553e50]{display:flex;flex-direction:column;justify-content:center}.assignment-title[data-v-02553e50]{font-size:1rem;font-weight:600}.assignment-due-date[data-v-02553e50]{color:#c1bfd6;font-size:13px}.home-page[data-v-2d51bc24]{display:flex;flex-direction:column;gap:20px}.fa-star[data-v-2d51bc24]{color:gold;font-size:1.4rem}.kpi-area[data-v-2d51bc24]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.heading-area[data-v-2d51bc24]{display:grid;grid-template-columns:2fr 1fr;gap:20px}.donut-chart-container[data-v-2d51bc24]{display:flex;gap:20px;align-items:center}.stats-section[data-v-2d51bc24]{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;height:100%}.monthly-stats[data-v-2d51bc24],.weekly-stats[data-v-2d51bc24]{display:flex;flex-direction:column;border-radius:8px}.stats-heading[data-v-2d51bc24]{font-size:1rem;font-family:Inter;color:#fff;margin-bottom:8px}.stats-time[data-v-2d51bc24]{font-size:16px;color:#c1bfd6;margin-bottom:8px}.stats-change[data-v-2d51bc24]{font-size:14px;font-weight:600;color:#28c76f;background-color:rgba(40,199,111,.2);padding:5px 10px;border-radius:6px;width:70px}.donut-chart-section[data-v-2d51bc24]{display:flex;justify-content:center;align-items:center;border-radius:8px}.main-content[data-v-2d51bc24]{display:grid;grid-template-columns:2fr 1fr;gap:20px;box-sizing:border-box}.chart-area[data-v-2d51bc24]{background-color:#2e3348;border-radius:8px;color:#c1bfd6;display:flex;padding:20px;flex-direction:column;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}.chart-area[data-v-2d51bc24] ::-webkit-scrollbar{display:none}.welcome-heading[data-v-2d51bc24]{padding-top:10px;font-size:20px;color:#fff}.welcome-container[data-v-2d51bc24]{display:flex;align-items:flex-end;justify-content:space-between}.welcome-back-message[data-v-2d51bc24]{font-size:14px;color:#c1bfd6;margin-bottom:20px;font-weight:600}.start-next-class-button-container[data-v-2d51bc24]{margin-left:auto;display:flex;align-items:center}.next-class-button[data-v-2d51bc24]{margin-left:auto;font-family:Inter;background:linear-gradient(270deg,rgba(115,103,240,.7),#7367f0);color:#fff;border:none;padding:8px 16px;font-size:.9rem;border-radius:4px;cursor:pointer;transition:background-color .2s linear;margin-left:10px;margin-bottom:10px}.next-class-button[data-v-2d51bc24]:hover{background-color:#5f4bdb}.sidebar-area[data-v-2d51bc24]{background-color:#2e3348;border-radius:8px;color:#c1bfd6;display:flex;padding:20px;flex-direction:column}h3[data-v-2d51bc24]{font-size:1rem;font-family:Inter;color:#fff;font-weight:400;margin-bottom:10px}.bottom-content[data-v-2d51bc24]{display:grid;grid-template-columns:2fr 1fr;gap:20px}.bottom-left-area[data-v-2d51bc24]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.assignments-area[data-v-2d51bc24],.instructors-area[data-v-2d51bc24],.recent-activity-area[data-v-2d51bc24]{background-color:#2e3348;padding:20px;gap:20px;box-sizing:border-box;border-radius:8px}@media (max-width:1000px){.bottom-content[data-v-2d51bc24],.bottom-left-area[data-v-2d51bc24],.heading-area[data-v-2d51bc24],.main-content[data-v-2d51bc24]{grid-template-columns:1fr}.kpi-area[data-v-2d51bc24]{grid-template-columns:1fr 1fr}.donut-chart-container[data-v-2d51bc24]{justify-content:space-around}.stats-section[data-v-2d51bc24]{flex-direction:row;align-items:center;text-align:center;justify-content:space-between}}@media (max-width:600px){.donut-chart-container[data-v-2d51bc24]{grid-template-columns:1fr;flex-direction:column}.welcome-container[data-v-2d51bc24]{flex-direction:column;justify-content:center;align-items:center}.start-next-class-button-container[data-v-2d51bc24]{display:flex;width:100%;justify-content:center;margin-bottom:10px;margin-left:0}button[data-v-2d51bc24]{margin:auto;width:100%;max-width:500px}.next-class-button[data-v-2d51bc24]{margin-left:0;margin-right:0}}@media (max-width:420px){.kpi-area[data-v-2d51bc24]{grid-template-columns:1fr}}.floating-button{position:fixed;bottom:15px;right:20px;z-index:1000;background:#fff;border:1px solid #d8d7d7;border-radius:25%;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:10px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.floating-button:hover{transform:scale(1.1)}.floating-button img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}*{padding:0;box-sizing:border-box}*,body{margin:0}body{background-color:#25293c;color:#fff;font-family:Inter,sans-serif}.app-container{display:flex;flex-direction:column;height:100vh;align-items:center}.content{flex:1;padding:10px 20px 20px 20px;max-width:1400px;box-sizing:border-box;width:100%;margin:0 auto}