.sidebar{color:#fff;box-sizing:border-box;background:#151a23;flex-direction:column;justify-content:space-between;width:260px;height:100vh;padding:25px;display:flex}.logo h1{margin:0;font-size:28px}.logo p{color:#9ca3af;margin-top:5px}nav{flex-direction:column;gap:8px;margin-top:35px;display:flex}nav button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:start;gap:15px;padding:14px;font-size:16px;transition:all .2s;display:flex}nav button:hover{background:#222938}.active{background:#2563eb!important}.bottom{flex-direction:column;gap:15px;display:flex}.profile{align-items:center;gap:12px;display:flex}.profile img{border-radius:50%;width:50px;height:50px}.profile p{color:#9ca3af;margin:0;font-size:13px}button{color:#000;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:8px;padding:8px 16px;font-size:15px;font-weight:600;transition:all .2s}button:hover{background:#f3f4f6;transform:translateY(-2px)}button:active{transform:scale(.97)}.upcoming-events::-webkit-scrollbar{width:8px}.upcoming-events::-webkit-scrollbar-track{background:0 0}.upcoming-events::-webkit-scrollbar-thumb{background:#333435;border-radius:999px}.upcoming-events::-webkit-scrollbar-thumb:hover{background:#222223}#today{border-bottom:1px solid #eee;padding:10px}#summary{cursor:pointer}#grid{grid-template-columns:repeat(7,1fr);gap:10px;display:grid}#day{border:1px solid #ddd;border-radius:10px;padding:10px}.event{margin-top:6px;font-size:12px}#header{justify-content:space-between;display:flex}#week{text-align:center;grid-template-columns:repeat(7,1fr);margin-top:10px;font-weight:700;display:grid}#grid{grid-template-columns:repeat(7,10.4vw);gap:8px;margin-top:10px;display:grid}#day{background:0 0;border-radius:10px;min-height:90px;padding:6px}.event{color:#fff;white-space:nowrap;text-overflow:ellipsis;border:none;border-radius:6px;margin-top:2px;padding:2px 4px;font-size:11px;overflow:hidden}#add{font-size:11px}.Overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{color:#fff;z-index:1001;background:#2b2932;border-radius:12px;flex-direction:column;gap:14px;width:500px;max-width:90vw;padding:24px;display:flex;box-shadow:0 10px 35px #0000004d}.modal h2{margin:0}.modal form{flex-direction:column;gap:12px;display:flex}.modal input,.modal textarea{box-sizing:border-box;border:1px solid #ccc;border-radius:8px;width:100%;padding:10px;font-size:15px}.modal textarea{resize:vertical;min-height:100px}.modal label{font-weight:600}.buttons{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.buttons button{cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:15px}.buttons button:first-child{color:#000;background:#d1d5db}.buttons button:last-child{color:#fff;background:#2563eb}.buttons button:hover{opacity:.9}#delete{color:#fff;background:#dc2626}input{border-radius:10px;width:100%;margin-bottom:20px;padding:12px}button{background:if(style(--view: var(--v)): #2563eb; else: white);color:if(style(--view: var(--v)): white; else: black);cursor:pointer;border:1px solid #ccc;border-radius:8px;padding:8px 16px}#button{gap:10px;margin:20px 0;display:flex}#add{--is-active: ;cursor:pointer;color:#fff;z-index:100;background:#2563eb;border:none;border-radius:50%;width:60px;height:60px;font-size:30px;position:fixed;bottom:25px;right:25px;box-shadow:0 4px 10px #0003}#when{justify-content:space-between;align-items:center;margin-bottom:20px;padding-top:5px;display:flex}#container{padding:30px}#card{grid-template-columns:350px 1fr;gap:25px;display:grid}#courses{border:1px solid #ddd;border-radius:12px;max-height:75vh;overflow-y:auto}#cHeader{border-bottom:1px solid #eee;padding:18px}#assignment{border:1px solid #ddd;border-radius:12px;max-height:75vh;padding:20px;overflow-y:auto}#assignment-card{border-bottom:1px solid #eee;padding:18px 0}.login-page{background:linear-gradient(135deg,#121213,#022857);justify-content:center;align-items:center;min-height:100vh;font-family:Arial,Helvetica,sans-serif;display:flex}.login-card{text-align:center;opacity:0;background:0 0;justify-content:center;animation:.8s forwards fadeIn;transform:translateY(40px)scale(.98)}.login-card h1{color:#09328a;margin:0;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:100px;animation:.8s .2s forwards slideDown;transform:translateY(-30px)}.login-card h3{color:#666;opacity:0;margin-bottom:10px;font-family:Times New Roman,Times,serif;font-size:25px;animation:.8s .45s forwards fadeUp;transform:translateY(20px)}.Gbutton{color:#fff;cursor:pointer;opacity:0;background:#516374;border-radius:15px;justify-content:center;align-items:center;gap:12px;width:80%;height:56px;margin:auto;font-size:17px;font-weight:700;transition:background .25s,color .25s,transform .25s,box-shadow .25s;animation:.8s .7s forwards fadeUp;display:flex;transform:translateY(30px)}.Gbutton:hover{color:#a3a1a1;background:#36414d;transform:translateY(-3px)scale(1.03);box-shadow:0 10px 25px #00000059}.Gbutton:active{transform:scale(.97)}@keyframes fadeIn{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideDown{to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}body{color:#fff;background:linear-gradient(135deg,#121213,#022857)}.app{min-height:100vh;display:flex}.sidebar{background:#111827;flex-direction:column;width:240px;padding:20px;display:flex}.sidebar h2{margin-bottom:30px}.sidebar button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;margin-bottom:8px;padding:12px}.sidebar button:hover,.sidebar.active{background:#256}.main{flex:1;padding:30px}header{justify-content:space-between;margin-bottom:30px;display:flex}header input{border:none;border-radius:8px;width:350px;padding:10px}header button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 18px}.card{background:#1e293b;border-radius:15px;padding:25px}