:root{--mouse-y: 40vh;--showTooltips: inline;--brandPrimaryButtonBack: #404040;--brandPrimaryButtonBackDark: #40404098;--brandPrimaryButtonText: #ffffff;--brandSecondaryButtonBack: #FFC328;--brandSecondaryButtonText: #000000;--brandLinkColor: #404040;--brandFontDark: #000000;--brandFontDarkLight28: #00000030;--brandPrimary: #404040;--brandPrimaryDark15: #404040;--brandPrimaryLight15: #40404030}a{color:var(--brandLinkColor);text-decoration:none}ul{padding-left:20px}@keyframes loading-bar{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}li{margin-bottom:10px}body{font-family:Open Sans,Arial,sans-serif;margin-top:0;margin-bottom:400px;color:#222}html{scroll-behavior:smooth}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}h2.course-title{font-family:Roboto Slab,Arial,sans-serif;margin-bottom:4px;margin-top:0;font-weight:400;color:var(--brandFontDark)}h4{font-weight:400;font-family:Open Sans,Arial,sans-serif;font-size:14px;margin:0}h5{font-weight:400;font-family:Open Sans,Arial,sans-serif;font-size:10px;margin:0}*{box-sizing:border-box}.app-container{max-width:900px;margin:0 auto;padding:0}.title-section{display:flex;flex-direction:column;justify-content:space-between;padding:16px 0 8px;flex-wrap:wrap}.app-section-title{text-indent:10px;font-family:Roboto Slab,Arial,sans-serif;font-weight:400;padding:4px 2px;margin-top:20px;margin-bottom:8px;color:var(--brandPrimaryDark15);background-color:var(--brandPrimaryLight15)}.app-info-description{display:flex;align-items:center;margin-top:8px}.hover-description{text-indent:6px}.tooltip-toggle{font-size:14px;display:flex;align-items:center;gap:6px;text-indent:6px}.metrics-section{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px;padding-bottom:28px}.search-section{display:flex;justify-content:center;padding:8px 0;margin-bottom:16px}.search-section input{font-family:Open Sans,Arial,sans-serif}.search-section input:focus{outline:none;border-color:#404040;box-shadow:0 0 0 2px #40404033}.metric-icon{font-size:.95em;margin-right:3px}.metric-label{font-size:.95em}.info-icon{display:flex;align-items:center;font-size:1.1em}.utilities-section{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px;padding-bottom:68px}.utility-icon{font-size:16px}.utility-title{margin-right:4px}.info-icon{font-size:14px;cursor:pointer}.info-icon svg{vertical-align:middle}.ai-button{display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:400;padding:8px 12px;background-color:#fff;border:1px solid transparent;border-radius:5px;line-height:1.1rem;background-image:linear-gradient(90deg,#8e2de2,#4a00e0,#00c6ff,#007cf0);background-size:200% auto;background-position:0% center;animation:gradientShimmer 4s linear infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;z-index:0}.ai-button:before{content:"";position:absolute;inset:0;padding:1px;border-radius:5px;background:linear-gradient(90deg,#8e2de2,#4a00e0,#00c6ff,#007cf0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1}@keyframes gradientShimmer{0%{background-position:0% center}to{background-position:200% center}}.meet-your-students-section{margin:0 auto;padding:20px 0;background-color:#fff}.student-card{background:#f5f5f5;padding:16px;margin:20px 0;border-radius:6px}.card-header{display:flex;align-items:center;justify-content:space-between}.student-photo{width:128px;height:128px;border-radius:6px}.student-info{display:flex;flex-direction:column;align-items:center}.name-and-button{display:flex;align-items:center;gap:8px}.student-name{font-family:Roboto Slab,Arial,sans-serif;font-weight:400;margin-top:0;margin-bottom:0}.student-grade{text-align:center}.grade-label{font-weight:700}.grade-a{color:#5fb446}.grade-b{color:#d79b00}.grade-c{color:#fa6400}.grade-d,.grade-low{color:#de1c24}.missing-something{border-right:6px solid #a5216F}.missing-something-text{margin-top:8px;color:#a5216f}.missing-label{font-size:12px;color:#a5216f}.section-title{margin-top:20px;border-top:1px solid #999;margin-bottom:8px;font-weight:400;font-size:.8rem;text-transform:uppercase;font-style:italic;color:#999;padding-top:4px}.divider{border:none;border-top:1px solid #ddd;margin:16px 0 8px}.activity-info{margin-bottom:12px}.activity-header{display:flex;justify-content:space-between;align-items:center}.toggle-hide-btn{background:none;border:none;cursor:pointer;font-size:.9rem;padding:4px;margin-right:12px;color:#555}.activity-details{margin-top:8px;padding-left:18px;font-size:.9em;color:#333}.expanded-message-card{border:1px solid #ddd;padding:12px;border-radius:8px;background-color:#fff;font-family:system-ui,sans-serif;font-size:14px;margin-top:20px}.expanded-header{display:flex;justify-content:space-between;align-items:center;font-weight:600;margin-bottom:6px}.expanded-header{font-weight:500;font-size:13px}.expanded-student-photo{width:48px;height:48px;object-fit:cover;border-radius:4px;margin:4px 0 8px}.expanded-button-row{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}.expanded-textarea{width:100%;font-size:14px;padding:8px;border:1px solid #ccc;border-radius:4px;resize:vertical;box-sizing:border-box;margin-bottom:10px}.expanded-send-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.simple-send-button{background-color:#e7e7e7;border:1px solid #aaa;padding:4px 10px;font-size:13px;border-radius:4px;cursor:pointer}.simple-send-button:hover{background-color:#dcdcdc}.library-select{font-size:13px;padding:4px 8px;border:1px solid #aaa;border-radius:4px}.expanded-preview{font-size:13px;color:#333;margin:6px 0 10px}.expanded-dropdown{padding:4px 8px;font-size:13px;border:1px solid #ccc;border-radius:4px}.student-metrics-button{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#404040;margin:2px;padding:4px 7px;background-color:#fff;border:1px solid #404040;border-radius:5px;line-height:1.1rem}.metrics-icon{font-size:14px}.info-icon{font-size:12px;color:#555}.progress-section{margin-top:12px;padding:10px;border:1px solid lightgray;border-radius:10px}.progress-bar{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.progress-item{padding:6px 8px;border-radius:4px;font-size:12px;color:#333}.arrow{font-size:14px;color:#888}.progress-item.green{background-color:#dcedc8}.progress-item.yellow{background-color:#fff9c4}.progress-item.pink{background-color:#f8bbd0}.progress-item.red{background-color:#ef9a9a}.progress-legend{margin-top:28px;display:flex;gap:20px;font-size:12px;color:#333}.legend-box{width:12px;height:12px;display:inline-block;margin-right:4px;border-radius:2px}.legend-box.green{background-color:#dcedc8}.legend-box.yellow{background-color:#fff9c4}.legend-box.pink{background-color:#f8bbd0}.legend-box.red{background-color:#ef9a9a}.checkin{margin-top:12px;font-size:14px}.chart-wrapper{margin-top:10px}.late-penalty-box{border:1px solid #ccc;border-radius:6px;padding:4px 8px;font-size:11px;line-height:1.2;margin:4px;display:inline-block;background-color:#fff;white-space:nowrap}.late-penalty-title{font-weight:600;font-size:11px}.late-penalty-hours{color:#444;font-size:10px}.late-penalty-section{margin-top:16px}.penalty-caption{font-size:12px;font-weight:400;color:#222;margin-bottom:6px}.late-penalty-box-container{display:flex;flex-wrap:wrap}.missing-items-section{margin-top:24px}.missing-caption{font-weight:600;font-size:14px}.missing-description{font-size:13px;margin-top:4px}.missing-list{margin:8px 0;padding-left:20px;font-size:13px}.missing-message-box{width:100%;font-family:Open Sans,Arial,sans-serif;font-size:13px;margin:8px 0;padding:6px;border:1px solid #ccc;border-radius:4px;resize:vertical}.send-button{background-color:#eee;border:1px solid #ccc;border-radius:4px;padding:6px 12px;font-size:13px;cursor:pointer}.send-button:hover{background-color:#ddd}.submission-history-box{background-color:#f7f7f7;border-radius:6px;padding:12px;margin-top:24px}.submission-list{font-size:13px;line-height:1.6}.submission-item{display:flex;align-items:center;gap:6px;padding:2px 0}.submission-link{color:#0074cc;text-decoration:underline;flex-shrink:0}.submission-date{color:#555;font-size:12px;margin-left:auto;flex-shrink:0}.arrow{margin-left:4px;font-size:14px;color:#666}.dot{color:#999}.dot.red{color:red}.submission-footnote{font-size:11px;margin-top:12px;color:#555}.announcement-content{padding-left:12px;padding-right:12px;padding-top:12px}.training-links{padding-left:20px;line-height:1.6;max-width:600px}.training-links h3{font-family:Roboto Slab,Arial,sans-serif;font-weight:400;margin-bottom:8px}.training-links ul li{text-decoration:none}.training-links a:hover{text-decoration:underline}.inbox-card{padding:12px;margin:12px 0}.inbox-thread{background-color:#dedede50;border-radius:8px;padding:10px;margin-bottom:30px;box-shadow:0 1px 3px #00000014}.inbox-title{margin-top:4px;margin-bottom:4px;font-weight:400;font-family:Roboto Slab,Arial,sans-serif}.inbox-header{display:flex;justify-content:space-between;font-size:1rem;margin-bottom:8px}.inbox-time{font-size:.75rem;font-style:italic;font-weight:400}.student-info{display:flex;align-items:center;margin-bottom:8px}.student-image{width:64px;height:64px;border-radius:6px;object-fit:cover;margin-right:10px}.student-detail{font-size:.85rem;color:#555}.metrics-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}textarea.quick-reply{width:100%;min-height:60px;padding:6px 10px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;background-color:#fff;font-size:14px}.instructor-assistant-label{font-size:.75rem;background:#eee;padding:2px 6px;border-radius:4px;width:fit-content;margin-bottom:10px}.send-controls{display:flex;align-items:center;gap:8px;margin-bottom:15px;margin-top:10px;flex-wrap:wrap}@media (max-width: 600px){.send-controls{flex-direction:column;align-items:stretch;gap:10px}.send-controls .send-buttons{display:flex;gap:8px;width:100%}.send-controls .send-buttons button{flex:1}}.send-buttons{display:flex;gap:15px}.conversation-message{max-width:96%!important}.send-controls button{padding:6px 10px;border:none;border-radius:4px;cursor:pointer}.main-button{background-image:linear-gradient(var(--brandPrimaryButtonBack),var(--brandPrimaryButtonBackDark));border:1px solid var(--brandPrimaryButtonBackDark);border-radius:4px;box-sizing:border-box;color:var(--brandPrimaryButtonText);cursor:pointer;margin-top:24px;direction:ltr;display:block;font-family:Open Sans,Arial,sans-serif;font-size:.9rem;font-weight:400;letter-spacing:-.022em;line-height:1.47059;min-width:30px;overflow:visible;padding:3px 12px;text-align:center;vertical-align:baseline;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap}.library-msg-select{background-color:#f1f1f1}.library-dropdown-wrapper{position:relative;display:inline-block;width:240px;font-family:system-ui,sans-serif}.library-dropdown{width:100%;padding:5px 32px 5px 10px;font-size:13px;border:1px solid #ccc;border-radius:6px;appearance:none;background-color:#f9f9f9;background-image:linear-gradient(45deg,transparent 50%,#007aff 50%),linear-gradient(135deg,#007aff 50%,transparent 50%);background-position:calc(100% - 20px) center,calc(100% - 15px) center;background-size:6px 6px,6px 6px;background-repeat:no-repeat;cursor:pointer}.dropdown-info-icon{position:absolute;top:50%;transform:translateY(-50%);color:#888;pointer-events:none}.message-preview{background:none;border:none;padding:0;margin:10px 0;font-size:.9rem;color:#36c;text-align:left;cursor:pointer}.file-submission{font-size:.85rem;color:#333;background-color:#e9e9e9;padding:6px;border-radius:4px}.chat-container{background-color:#f0f0f0;border-radius:8px;padding:15px;margin-top:20px;font-family:Arial,sans-serif;box-shadow:0 2px 4px #0000001a}.chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.user-name{font-weight:700;color:#333}.date-time{font-size:.8em;color:#777}.message-text{font-size:.95em;line-height:1.4;color:#333;margin-bottom:10px}.message-image-container{margin-top:10px;margin-bottom:15px;display:inline-block}.message-image{max-width:100px;height:auto;border-radius:4px;display:block}.announcements-div{background-color:#e0e0e0;border-radius:6px;padding:10px;margin-bottom:10px;overflow:hidden;font-size:.8rem}.announcements-div p{margin:6px 0;font-size:.8rem}.comment-div{display:block}.comment-text{display:flex;align-items:flex-start;margin:0}.comment-pic{width:40px;height:40px;border-radius:50%;margin-right:12px}.comment-words{flex:1}.comment-timestamp{font-size:.7rem;color:#666;display:block;text-align:right;margin-bottom:4px}.announcement-like{font-size:7.5pt;padding:2.5px 6px;border-radius:5px;color:var(--brandPrimaryButtonText, white);background-color:var(--brandPrimaryButtonBack, #006eb6);display:inline-block}.announcement-box{border:1px solid #ccc;border-radius:12px;padding:1rem;margin-bottom:1rem;background-color:#fff;box-shadow:0 2px 6px #0000000a}.announcement-box-header{display:flex;align-items:center;margin-bottom:.5rem}.avatar{width:40px;height:40px;border-radius:50%;margin-right:.75rem}.author-info{display:flex;flex-direction:column}.timestamp{font-size:.8rem;color:#666}.announcement-title{margin:.75rem 0 .5rem;color:#006eb6;font-size:1.2rem}.announcement-message{font-size:.95rem;line-height:1.5;margin-bottom:1rem}.announcement-footer{display:flex;justify-content:space-between;font-size:.9rem;color:#333}.announcement-footer a{text-decoration:none;color:#006eb6}.outreach-page{font-family:system-ui,sans-serif;font-size:.9rem;max-width:900px;margin:20px}.outreach-description{margin-bottom:16px;font-size:.9rem;color:#333}.walkthrough-link{color:#07c;text-decoration:underline}.button-group{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.styled-btn{padding:8px 14px;font-size:.85rem;border:none;border-radius:4px;cursor:pointer;white-space:nowrap}.blue-btn{background-color:#4f9abf;color:#fff}.yellow-btn{background-color:#f6c24b;color:#333}.checkbox-line{display:flex;align-items:center;gap:6px;font-size:.85rem}.checkbox-line input[type=checkbox]{width:16px;height:16px}.info-icon{margin-left:6px;font-size:.8rem;color:#888;cursor:default}.welcome-editor{margin-top:30px}.welcome-divider{border:none;border-top:1px solid #ccc;margin-bottom:10px}.welcome-heading{margin:0 0 8px;font-size:1rem;font-weight:500}.welcome-subtext{display:block;font-size:.85rem;margin-bottom:6px}.token-row{display:flex;gap:8px;margin-bottom:10px}.info-icon-line{margin:6px 0;color:#888;font-size:.8rem}.info-icon{cursor:default}.welcome-subject{width:100%;padding:6px 10px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;font-size:.9rem;margin-bottom:10px}.welcome-body{width:100%;height:120px;padding:10px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;font-size:.9rem;resize:vertical;color:#333}.message-library{margin-top:30px}.library-heading{font-size:1rem;font-weight:600;margin-bottom:6px}.library-description{font-size:.9rem;color:#333;margin-bottom:12px}.library-link{color:#07c;text-decoration:underline}.library-duration{font-size:.8rem;color:#666}.message-dropdown{padding:8px;font-size:.9rem;width:100%;max-width:400px;border-radius:4px;border:1px solid #ccc;background-color:#fff}.library-subtext{margin-top:20px;font-size:.85rem;display:block}.action-buttons{display:flex;gap:10px;margin:12px 0 6px}.library-note{font-size:.8rem;color:#444;margin-bottom:10px}.library-title-input{width:100%;padding:8px;font-size:.9rem;border:1px solid #ccc;border-radius:4px;margin-bottom:10px}.library-body-textarea{width:100%;min-height:120px;padding:10px;font-size:.9rem;border:1px solid #ccc;border-radius:4px;resize:vertical}.red-btn{background-color:#e74c3c;color:#fff}.assignment-outreach-editor{margin-top:30px}.editor-heading{font-size:1rem;font-weight:600;margin-bottom:10px}.assignment-dropdown{padding:8px;font-size:.9rem;border:1px solid #ccc;border-radius:4px;margin-bottom:12px}.outreach-sections{margin-top:20px}.outreach-block{margin-bottom:20px}.outreach-subject{width:100%;padding:8px;font-size:.9rem;margin-bottom:6px;border:1px solid #ccc;border-radius:4px}.outreach-body{width:100%;padding:10px;font-size:.9rem;border:1px solid #ccc;border-radius:4px;resize:vertical}.gray-btn{background-color:#eee;color:#444;border:1px solid #ccc}.rubric-feedback-editor{margin-top:0}.rubric-heading{font-size:1rem;font-weight:600;margin-bottom:10px}.rubric-panel{background-color:#e8e8e8;border-radius:6px;padding:16px;margin-top:10px}.rubric-panel-heading{font-size:1rem;font-weight:600;margin:0 0 8px}.rubric-info-text{font-size:.85rem;margin-bottom:12px}.rubric-save-btn{background-color:#4f9abf;color:#fff;border:none;padding:6px 12px;font-size:.85rem;border-radius:4px;margin-bottom:14px;cursor:pointer}.rubric-block{background-color:#fff;border-radius:4px;margin-bottom:14px;padding:10px}.rubric-title{font-size:.9rem;margin-bottom:4px}.rubric-description{font-size:.8rem;color:#555;margin-bottom:6px}.rubric-textarea{width:100%;min-height:70px;font-size:.85rem;padding:8px;border:1px solid #ccc;border-radius:4px;resize:vertical}.rubrics-page{padding:1rem}.rubrics-top-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:10px}.rubric-select{min-width:280px;padding:6px 10px;border:1px solid #ccc;border-radius:4px}.student-id-input{min-width:120px;padding:6px 10px;border:1px solid #ccc;border-radius:4px}.rubrics-secondary-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.rubric-textarea{width:100%;border:1px solid #ccc;border-radius:6px;padding:10px;font-size:14px;min-height:140px}.rubrics-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:140px;padding:6px 12px;margin:6px 8px 0 0;border-radius:6px;border:none;font-family:sans-serif;cursor:pointer;line-height:1.2;transition:background .2s ease}.rubrics-btn .btn-label{font-size:13px;font-weight:600}.rubrics-btn .btn-subtext{font-size:11px;color:#333;opacity:.65}.rubrics-btn.gray{background-color:#e6e6e6;color:#000}.rubrics-btn.blue{background-color:#5a93c8;color:#fff}.rubrics-btn:hover{opacity:.9}.flashcards-wrapper{padding:0 20px 20px}.flashcards-instructions{font-size:.9rem;margin-bottom:8px}.reset-button{background-color:#5ea9c7;color:#fff;border:none;padding:6px 12px;border-radius:4px;margin-bottom:16px;cursor:pointer}.flashcard-container{background-color:#fdf5dc;border-radius:8px;padding:20px;display:flex;justify-content:center;align-items:center;gap:24px;margin:auto;width:fit-content}.flashcard-image{cursor:pointer;text-align:center}.flashcard-image img{width:300px;height:auto;border-radius:4px}.flashcard-student-name{margin-top:8px;font-weight:700;font-size:1.1rem}.thumb-button{background:none;border:none;font-size:1.8rem;cursor:pointer}.flashcard{background-color:var(--brandPrimaryLight15);padding:20px;border-radius:6px;margin:20px 0}.flashcard>img{object-fit:contain;width:500px;max-width:90%;max-height:50vh;display:block;height:auto;margin-left:auto;margin-right:auto;border-radius:6px;z-index:1}.flashcard>h3{font-family:Roboto Slab,Arial,sans-serif;font-weight:400;text-align:center;margin-top:4px;margin-bottom:8px;font-size:2rem}.flashcard>p{font-size:.9rem;text-align:center;margin:2px 0}.flashcard>button{background-image:linear-gradient(#fff,#eaeaea);border:none;display:inline-block;font-size:2rem;margin:0;z-index:3}.subapp-header{font-size:1.2rem;font-weight:600;margin-bottom:8px}.subapp-header small{font-size:.9rem;font-weight:400;color:#666}.signin-button{background-color:#404040;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-family:Open Sans,Arial,sans-serif}.signin-button:hover{background-color:#2c2c2c}.subcomms-wrapper{padding:20px}.subcomms-link{font-size:.9rem;display:inline-block;margin-bottom:10px}.subcomms-input{width:100%;padding:8px;margin-bottom:20px;border-radius:4px;border:1px solid #ccc}.subcomms-dropdown{display:flex;align-items:center;gap:12px;margin-bottom:20px}.subcomms-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.subcomms-collapse-icon{font-size:1.2rem;font-weight:700;cursor:pointer}.subcomms-card{background:#fff;border:1px solid #ccc;border-radius:6px;padding:16px;margin-bottom:20px}.subcomms-assignment-title{font-weight:600;margin-bottom:8px}.subcomms-tags{margin-bottom:20px}.tag{display:inline-block;font-size:.8rem;background:#f0f0f0;padding:4px 8px;border-radius:4px;margin-right:6px}.subcomms-comment{display:flex;align-items:flex-start;margin-bottom:12px}.subcomms-avatar{width:40px;height:40px;border-radius:50%;margin-right:12px}.subcomms-comment-bubble{background:#eee;padding:10px 12px;border-radius:8px;flex-grow:1;position:relative}.subcomms-comment-bubble.ta{background:#d5d8dc}.subcomms-author{font-weight:600;margin-bottom:4px}.subcomms-time{font-size:.7rem;color:#555;position:absolute;top:8px;right:12px}.subcomms-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.stop-btn{background:#f87272;color:#fff;padding:6px 12px;border:none;border-radius:4px;cursor:pointer}.gray-btn{background:#e0e0e0;border:none;border-radius:4px;padding:6px 12px;font-size:.9rem;cursor:pointer}.gray-btn.small{font-size:.75rem;padding:4px 10px}.outreach-filter-container{background-color:#fceafa;border:1px solid #b668a1;padding:20px;border-radius:10px;max-width:700px;margin:30px auto}.outreach-filter-container h3{margin-bottom:10px;color:#440029}.outreach-filter-container p{margin:8px 0}.small-input{width:50px;padding:4px;margin:0 4px}.radio-group{margin:15px 0;display:flex;flex-direction:column;gap:8px}.custom-instructions{font-size:.9rem;color:#333;margin-top:10px}.outreach-pattern-input{width:100%;min-height:70px;margin:10px 0;padding:8px;border-radius:6px;border:1px solid #ccc;font-family:monospace}.score-checkbox{display:flex;align-items:center;gap:8px;margin:15px 0}.score-checkbox input[type=number]{width:60px;padding:4px}.outreach-filter-buttons{margin-top:20px;display:flex;gap:10px}.filter-button{background-color:#c97abc;color:#fff;border:none;padding:6px 16px;border-radius:4px;cursor:pointer}.cancel-button{background-color:#eaeaea;color:#000;border:none;padding:6px 16px;border-radius:4px;cursor:pointer}.message-block-container{background-color:#f8e8f3;border-radius:8px;padding:16px;box-shadow:0 0 4px #999;margin-top:16px;max-width:100%}.message-block-title{margin:0;font-size:18px;font-weight:700}.message-block-subtitle{margin-bottom:12px;font-size:14px}.message-block-textarea{width:100%;height:100px;resize:vertical;margin-bottom:12px;padding:8px;border-radius:4px;font-size:14px}.message-block-options{font-size:14px;margin-bottom:12px}.message-block-checkbox-label{display:block;margin-bottom:8px}.underline{text-decoration:underline}.italic{font-style:italic}.message-block-date{display:flex;align-items:center;gap:8px}.message-block-date-input{width:120px;padding:4px;border-radius:4px;font-size:14px;border:1px solid #ccc}.message-block-buttons{margin-top:12px}.start-block-button,.cancel-button{padding:6px 12px;margin-right:8px;border-radius:4px;font-size:14px;cursor:pointer;border:none}.start-block-button{background-color:#ddd}.cancel-button{background-color:#f4f4f4}.auth-page{display:flex;justify-content:center;align-items:center;height:100vh;background:#f9f9f9}.auth-box{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 5px 25px #00000014;width:100%;max-width:400px;display:flex;flex-direction:column;gap:1rem}.auth-box h2{margin-bottom:1rem;text-align:center;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}.auth-box input{padding:.75rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}.primary-btn{padding:.75rem;background-color:#5ca79c;color:#fff;border:none;border-radius:8px;cursor:pointer;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}.google-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid #ddd;padding:.75rem;border-radius:8px;background:#fff;cursor:pointer;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}.google-btn img{width:20px;height:20px}.auth-link{font-size:.9rem;text-align:center}.card-header-wrapper{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.student-grade{background-color:#f9f9f9;padding:10px 14px;border-radius:12px;box-shadow:0 0 4px #0000000d;text-align:center;min-width:110px}.student-grade h4{font-size:12px;margin:0;text-transform:uppercase;letter-spacing:.5px;color:#444}.grade-label{font-weight:600;font-size:18px;margin-top:4px}.course-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:2rem;width:90%;max-width:500px;border-radius:12px;box-shadow:0 8px 24px #0003;outline:none}.course-modal h3{margin-bottom:1rem;font-size:1.5rem;text-align:center}.course-modal ul{list-style-type:none;padding:0;margin-bottom:1.5rem}.course-modal li{padding:.5rem 0;border-bottom:1px solid #eee}.course-dropdown{margin-bottom:1.5rem}.course-dropdown label{display:block;font-weight:700;margin-bottom:.5rem}.course-dropdown select{width:100%;padding:.5rem;font-size:1rem}.close-modal-btn{background-color:#404040;color:#fff;border:none;padding:.6rem 1.2rem;font-size:1rem;border-radius:8px;cursor:pointer;width:100%}.close-modal-btn:hover{background-color:#2c2c2c}.outreach-wrapper{max-width:900px;margin:0 auto;padding:20px}.outreach-messages{width:100%;padding:10px;font-size:.9rem;border:1px solid #ccc;border-radius:4px;margin-bottom:10px;font-family:inherit}.outreach-msgtext{min-height:120px;resize:vertical}.var-span{display:inline-block;background-color:#e7f3ff;color:#06c;padding:4px 8px;margin:2px 4px;border-radius:4px;cursor:pointer;font-size:.8rem;border:1px solid #cce7ff}.var-span:hover{background-color:#d0e8ff}.slider-container{margin:20px 0}.slider{width:100%;height:5px;border-radius:5px;background:#d3d3d3;outline:none;opacity:.7;transition:opacity .2s}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:var(--brandPrimary);cursor:pointer}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--brandPrimary);cursor:pointer;border:none}.comment-tag{font-size:.7rem;color:#999;padding:4px 8px;margin:4px;border-radius:6px;border:1px solid #99999950;display:inline-block;cursor:pointer;transition:all .2s ease}.comment-tag:hover{background-color:#f5f5f5}.active-color{color:#5fb446!important;border-color:#5fb446!important}.outreach-pattern-div{padding:8px;border-radius:4px;margin:10px 2px;background-color:#f8f9fa}.outreach-pattern-span{font-size:.7rem;padding:2px 4px;border-radius:4px;margin:0 2px;display:inline-block}.outreach-pattern-W{background-color:#87ceeb;color:#333}.outreach-pattern-GJ{background-color:#85c972;color:#fff}.outreach-pattern-MS{background-color:#ffc220;color:#333}.outreach-pattern-B1{background-color:#f8c5c7;color:#333}.outreach-pattern-B2{background-color:#e95259;color:#fff}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{border:8px solid #f3f3f3;border-top:8px solid #404040;border-radius:50%;width:80px;height:80px;animation:spin 1s linear infinite;margin:0 auto 20px}.scores-wrapper{max-width:900px;margin:0 auto;padding:20px}.scores-section{margin-bottom:40px}.ai-utility-gradient:before{content:"";position:absolute;inset:0;padding:1px;border-radius:4px;background:linear-gradient(90deg,#8e2de2,#4a00e0,#00c6ff,#007cf0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1;animation:gradientShimmer 4s linear infinite}