/*
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
here are some links for style/ui making:
https://cssgradient.io/
https://uiverse.io/elements <- this one seems especially good
https://webcode.tools/css-generator
https://html-css-js.com/css/generator/
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
*/.App,.Home{Color:#fff;font-family:Arial}body{background-color:#282c34;margin:0;text-align:left}.main-layout{align-items:flex-start;display:flex;gap:20px}.main-column{flex:1 1}.side-column{flex:1 1;min-width:320px}.routes{bottom:0;left:0;overflow-y:auto;padding:40px;position:absolute;right:0;top:48px}.User{Color:#00a6ff}.courses-container{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px}.course-card{background-position:50%;background-size:cover;border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;min-height:200px;overflow:hidden;padding:16px;position:relative;transition:transform .2s;width:300px}.course-card:hover{transform:translateY(-4px)}.course-card-overlay{background:linear-gradient(180deg,#0000004d,#00000080);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.course-card-content{display:flex;flex-direction:column;height:100%;position:relative;z-index:2}.course-card-header{flex:1 1}.course-card-title{font-size:24px;font-weight:500;margin:0 0 8px}.course-card-section{font-size:14px;margin:4px 0;opacity:.9}.course-card-footer{margin-top:auto}.course-card-room{font-size:14px;margin:4px 0;opacity:.9}.weather-box{background-color:#3a3f47;border:2px solid #4a5158;border-radius:12px;box-shadow:0 4px 6px #0000004d;margin:20px 0;max-width:400px;padding:20px}.weather-box img{display:block;margin:0 auto}.weather-box h1{font-size:20px;margin:10px 0}.user-box{background-color:#3a3f47;border:2px solid #4a5158;border-radius:12px;box-shadow:0 4px 6px #0000004d;margin:20px 0;max-width:500px;padding:20px}.user-box h1{align-items:center;display:flex;gap:10px;margin:10px 0}.user-box h2,.user-box h3{margin:8px 0}.loading-container{display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px}.loading-container p{color:#fff;font-size:16px}.assignment-link{color:inherit;text-decoration:none}.assignment-link:hover{opacity:.8;text-decoration:underline}.assignment-link:visited{color:inherit}.schedule-box{background-color:#3a3f47;border:2px solid #4a5158;border-radius:12px;box-shadow:0 4px 6px #0000004d;margin:20px 0;max-width:400px;padding:20px;text-align:center}.schedule-box h2{font-size:18px;margin:0 0 10px;opacity:.9}.schedule-box h1{font-size:32px;font-weight:700;margin:0}.bell-schedule-box{background-color:#3a3f47;border:2px solid #4a5158;border-radius:12px;box-shadow:0 4px 6px #0000004d;margin:20px 0;max-width:600px;padding:20px}.bell-schedule-box h2{font-size:24px;margin:0 0 20px}.schedule-list{display:flex;flex-direction:column;gap:12px}.period-item{background-color:#2a2f37;border:2px solid #0000;border-radius:8px;padding:15px;transition:all .2s}.period-item.current-period{background-color:#1e3a1e;border-color:#4caf50}.period-time{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.period-time strong{color:#fff;font-size:16px}.period-time span{color:#b0b0b0;font-size:14px}.period-class{align-items:center;border-top:1px solid #4a5158;color:#e0e0e0;display:flex;font-size:14px;justify-content:space-between;padding-top:8px}.period-class .room{color:#9e9e9e;font-size:13px}.current-badge{background-color:#4caf50;border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:700;margin-top:8px;padding:4px 12px}.canvas-events-box{background-color:#3a3f47;border:2px solid #4a5158;border-radius:12px;box-shadow:0 4px 6px #0000004d;margin:20px 0;max-width:600px;padding:20px}.canvas-events-box h2{font-size:24px;margin:0 0 20px}.events-list{display:flex;flex-direction:column;gap:12px}.canvas-event-item{background-color:#2a2f37;border-radius:8px;padding:15px}.event-date-badge{font-size:12px;font-weight:700;margin-bottom:8px;text-transform:uppercase}.event-header{margin-bottom:8px}.event-title-link{color:#fff;font-size:16px;font-weight:500;text-decoration:none}.event-title-link:hover{color:#e13f2b;text-decoration:underline}.event-title{color:#fff;font-size:16px;font-weight:500}.event-time{color:#b0b0b0;font-size:14px;margin-bottom:8px}.event-description{color:#9e9e9e;font-size:13px;line-height:1.4;margin-top:8px;max-height:60px;overflow:hidden;text-overflow:ellipsis}.canvas-event-item.submitted{border-left-color:#4caf50;opacity:.8}.event-title-link.submitted-link,.event-title.submitted-text{color:#4caf50!important}.submitted-badge{color:#4caf50;font-size:12px;font-weight:700;margin-left:8px}.event-title-link.submitted-link:hover{color:#66bb6a!important}.events-section{margin-bottom:24px}.events-section:last-child{margin-bottom:0}.section-title{border-bottom:2px solid #4a5158;font-size:18px;margin:0 0 12px;padding-bottom:8px}.canvas-action-button{background-color:#e13f2b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.canvas-action-button:hover{background-color:#c5361f}.canvas-action-button.secondary{background-color:#4a5158}.canvas-action-button.secondary:hover{background-color:#5a6168}.event-course-info{display:flex;font-size:12px;gap:12px;margin-top:6px}.header-container{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.header-container h1{margin:0}.header-user{margin-left:auto}.header-user .user-box{max-width:300px;padding:12px 16px}.header-user .user-box h1{align-items:center;display:flex;font-size:16px;gap:8px;margin:0 0 8px}.header-user .user-box h2{font-size:12px;margin:4px 0;opacity:.8}.header-user .user-box h3{font-size:11px;margin:4px 0}.period-timer-box{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 6px #0000004d;margin:20px 0;max-width:500px;padding:20px}.period-timer-content{align-items:center;color:#fff;display:flex;justify-content:space-between}.period-timer-label{font-size:20px;font-weight:500}.period-timer-countdown{font-family:Courier New,monospace;font-size:32px;font-weight:700}.period-timer{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px #0003;color:#fff;margin:20px 0;padding:24px}.period-info{margin-bottom:16px}.period-info h2{font-size:28px;font-weight:700;margin:0 0 8px}.time-range{font-size:16px;margin:4px 0;opacity:.9}.time-left{font-size:18px;font-weight:600;margin:8px 0 0}.progress-bar-container{background:#fff3;border-radius:15px;box-shadow:inset 0 2px 4px #0003;height:30px;overflow:hidden;position:relative;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#48bb78,#38a169 50%,#2f855a);border-radius:15px;box-shadow:0 2px 8px #48bb7866;height:100%;position:relative;transition:width 1s linear}.progress-bar-fill.modern{background:linear-gradient(90deg,#4facfe,#00f2fe)}.progress-bar-fill.warning{background:linear-gradient(90deg,#f093fb,#f5576c)}.progress-bar-fill.caution{background:linear-gradient(90deg,#fbc2eb,#f6d365)}.class-organizer{background:#1a1d23;border-radius:8px;margin:20px 0;padding:20px}.class-organizer h2{color:#fff;margin-bottom:10px}.organizer-description{color:#9e9e9e;margin-bottom:20px}.organizer-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.droppable-container{background:#2a2f37;border-radius:8px;min-height:200px;padding:16px}.container-title{border-bottom:2px solid #4a5158;color:#fff;font-size:16px;font-weight:600;margin-bottom:12px;padding-bottom:8px}.container-items{display:flex;flex-direction:column;gap:8px;min-height:150px}.empty-state{border:2px dashed #4a5158;border-radius:6px;color:#6e7681;font-style:italic;padding:40px 20px;text-align:center}.class-item{align-items:center;background:#383e47;border-left:4px solid #0000;border-radius:6px;cursor:grab;display:flex;gap:12px;padding:12px;transition:all .2s ease}.class-item:hover{background:#434950;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.class-item:active{cursor:grabbing}.class-item.google{border-left-color:#4285f4}.class-item.canvas{border-left-color:#e13f2b}.class-item.dragging{box-shadow:0 8px 16px #0000004d;opacity:.8}.class-item-icon{flex-shrink:0;font-size:24px}.class-item-content{flex:1 1;min-width:0}.class-item-name{color:#fff;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-item-assignments{color:#9e9e9e;font-size:12px}.unassigned-section{border-top:2px solid #4a5158;margin-top:30px;padding-top:20px}.unassigned-section h3{color:#fff;margin-bottom:16px}.unassigned-section .droppable-container{background:#242830;border:2px dashed #6e7681}
/*# sourceMappingURL=main.ec54e0d3.css.map*/