:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary:#e85e34;--color-faint:#fbeae8;--color-deep:#ad726c;--color-attention:red;--color-white:#fff;--color-black:#000;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#eee;--color-gray-300:#e0e0e0;--color-gray-400:#ccc;--color-gray-500:#999;--color-gray-600:#666;--color-gray-700:#555;--color-gray-800:#333;--color-gray-900:#222;--color-blue:#2196f3;--color-blue-dark:#1976d2;--color-blue-light:#e3f2fd;--color-green:#4caf50;--color-green-dark:#45a049;--color-green-light:#e8f5e9;--color-green-text:#2e7d32;--color-red:#f44336;--color-red-dark:#d32f2f;--color-red-light:#ffebee;--color-red-text:#c62828;--color-orange:#ff9800;--color-orange-dark:#f57c00;--color-orange-light:#fff3e0;--color-orange-primary:var(--color-primary);--color-orange-primary-dark:var(--color-deep);--color-orange-primary-light:var(--color-faint);--color-orange-secondary:#d97706;--color-orange-secondary-dark:#b45309;--color-orange-secondary-light:#fed7aa;--color-orange-accent:#f97316;--color-orange-accent-dark:#ea580c;--color-orange-accent-light:#ffedd5;--bg-primary:var(--color-white);--bg-secondary:#f9f9f9;--bg-tertiary:var(--color-gray-50);--bg-hover:var(--color-gray-100);--bg-disabled:var(--color-gray-200);--border-color:var(--color-gray-300);--border-color-light:var(--color-gray-200);--border-color-dark:var(--color-gray-400);--border-radius-sm:2px;--border-radius-md:4px;--border-radius-lg:8px;--border-radius-xl:12px;--shadow-sm:#0000001a;--shadow-md:#00000026;--shadow-lg:#0003;--shadow-xl:#0000004d;--shadow-overlay:#00000080;--primary-bg-theme:var(--color-white);--primary-color:var(--color-primary);--primary-text:var(--color-gray-900);--secondary-text:var(--color-white);--secondary-bg-theme:var(--bg-secondary);--heading-primary-c:var(--color-gray-800);--heading-secondary-c:var(--color-gray-900);--footer-bg:var(--bg-secondary);--primary-bg-menu:var(--color-primary);--primary-highlight:var(--color-primary);--border-radius:12px;--menu-border:var(--color-white);--sidemenu-background:#242424;--primary-bg-uni:var(--color-white);--primary-text-uni:var(--color-gray-900);--primary-highlight-uni:var(--color-primary);--border-radius-uni:12px;--search-border:var(--border-color-dark);--primary-bg-mr:var(--color-white);--primary-text-mr:var(--color-gray-900);--primary-highlight-mr:var(--color-primary);--border-radius-mr:2px;--card-bg-mr:var(--bg-secondary);--card-shadow:var(--shadow-sm);--font-family-main:"Segoe UI",sans-serif;--primary-faded:var(--color-primary);--primary-clicked:#e85e345c;--link-color:var(--color-primary);--bordercolor:var(--color-red);background-color:#fff;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}html,body,#root{width:100%;height:100%;margin:0;padding:0}html{height:100vh}body{min-height:auto;margin:0;display:block}h1{font-size:3.2em;line-height:1.1}
.login-container{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden}#root{text-align:center}*{box-sizing:border-box;margin:0;padding:0}.span-window{width:100vw;display:flex}.bordered{border:1px solid var(--bordercolor)}
.login-page-container{flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-background{z-index:0;background-image:url("https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/studio_cover_photos/STUDIOY1LHSVZ1V6B10L3B/ChatGPT Image Apr 25, 2025, 01_25_29 PM.png?1745584067548");background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:fixed;top:0;left:0}.login-background-overlay{z-index:1;background:linear-gradient(135deg,#ffffffe9 5%,#0006 100%);width:100%;height:100%;position:absolute;top:0;left:0}.login-header{z-index:100;box-sizing:border-box;background-color:var(--color-white);justify-content:space-between;align-items:center;width:100%;padding:24px 40px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #0000001a}.login-logo{align-items:center;display:flex}.login-logo-icon{background-color:var(--color-orange-accent);width:40px;height:40px;color:var(--color-white);border-radius:var(--border-radius-sm);justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}.login-signup-link{color:var(--color-black);cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:16px;font-weight:500;text-decoration:none;transition:color .2s}.login-signup-link:hover{color:var(--color-primary)}.login-main-content{z-index:10;box-sizing:border-box;flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1400px;margin:0 auto;padding:120px 80px 60px;display:grid;position:relative;box-shadow:0 0 10px #0000001a}.login-welcome-section{color:var(--color-black);max-width:600px}.login-welcome-title{color:var(--color-black);text-shadow:0 2px 4px #0000001a;margin:0 0 24px;font-size:56px;font-weight:700;line-height:1.2}.login-welcome-subtitle{color:var(--color-black);text-shadow:0 1px 2px #0000001a;margin:0;font-size:20px;font-weight:400;line-height:1.6}.login-auth-section{justify-content:flex-end;align-items:center;display:flex}.auth-form-container{width:100%;max-width:420px;height:auto;position:relative;overflow:hidden}.form-wrapper{width:200%;transition:transform .5s ease-in-out;display:flex}.form-wrapper.slide-right{transform:translate(0%)}.form-wrapper.slide-left{transform:translate(-50%)}.login-form,.signup-form{background-color:var(--color-white);border-radius:var(--border-radius-sm);flex-direction:column;flex-shrink:0;gap:20px;width:50%;padding:40px;display:flex;box-shadow:0 8px 32px #0003}.login-form-title,.signup-form-title{color:var(--color-black);text-align:left;margin:0 0 8px;font-size:32px;font-weight:700}.login-input,.signup-input{border:1px solid var(--border-color-dark);border-radius:var(--border-radius-sm);box-sizing:border-box;background-color:var(--color-white);width:100%;color:var(--color-black);padding:14px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}.login-input:focus,.signup-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #e85e341a}.login-input::placeholder,.signup-input::placeholder{color:var(--color-gray-500)}.remember-me-label{color:var(--color-gray-700);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.remember-me-label input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary)}.login-button,.signup-button{border-radius:var(--border-radius-sm);background-color:var(--color-primary);width:100%;color:var(--color-white);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:14px 24px;font-size:16px;font-weight:600;transition:background-color .3s,transform .1s;display:flex}.login-button:hover,.signup-button:hover{background-color:var(--color-orange-primary-dark);transform:translateY(-1px)}.login-button:active,.signup-button:active{transform:translateY(0)}.login-button-icon,.signup-button-icon{font-size:18px}@media (max-width:1024px){.login-main-content{grid-template-columns:1fr;gap:40px;padding:120px 40px 40px}.login-welcome-section{text-align:center;max-width:100%}.login-welcome-title{font-size:42px}.login-welcome-subtitle{font-size:18px}.login-auth-section{justify-content:center}}@media (max-width:768px){.login-header{padding:20px 24px}.login-main-content{padding:100px 24px 24px}.login-welcome-title{font-size:36px}.login-welcome-subtitle{font-size:16px}.login-form,.signup-form{padding:32px 24px}}.terms-modal{flex-direction:column;max-width:600px;max-height:80vh;display:flex}.terms-modal-body{flex:1;padding:24px;overflow-y:auto}.terms-content{color:var(--color-black);line-height:1.6}.terms-content p{margin:0 0 16px;font-size:16px}.terms-content ol{margin:16px 0;padding-left:24px}.terms-content li{margin:12px 0;font-size:15px}.terms-content li strong{color:var(--color-primary);font-weight:600}.terms-footer{border-top:1px solid var(--border-color);color:var(--color-gray-700);margin-top:20px;padding-top:16px;font-size:14px;font-style:italic}.terms-modal-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding:20px;display:flex}.terms-button{border-radius:var(--border-radius-sm);cursor:pointer;border:none;padding:10px 24px;font-size:15px;font-weight:600;transition:background-color .2s,transform .1s}.terms-button.decline{background-color:var(--color-gray-200);color:var(--color-black)}.terms-button.decline:hover{background-color:var(--color-gray-300);transform:translateY(-1px)}.terms-button.accept{background-color:var(--color-primary);color:var(--color-white)}.terms-button.accept:hover{background-color:var(--color-orange-primary-dark);transform:translateY(-1px)}.terms-button:active{transform:translateY(0)}@media (max-width:768px){.terms-modal{max-width:90vw;max-height:85vh}.terms-modal-body{padding:20px}.terms-modal-actions{flex-direction:column}.terms-button{width:100%}}.terms-checkboxes{border-top:1px solid var(--border-color);flex-direction:column;gap:16px;margin-top:24px;padding-top:20px;display:flex}.terms-checkbox-label{cursor:pointer;color:var(--color-black);align-items:flex-start;gap:12px;font-size:15px;line-height:1.5;display:flex}.terms-checkbox-label:hover{color:var(--color-primary)}.terms-checkbox{cursor:pointer;width:20px;height:20px;accent-color:var(--color-primary);flex-shrink:0;margin-top:2px}.terms-button.accept:disabled{opacity:.5;cursor:not-allowed;transform:none}.terms-button.accept:disabled:hover{background-color:var(--color-primary);transform:none}.verification-prompt{z-index:10;justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex;position:relative}.verification-content{background-color:var(--color-white);border-radius:var(--border-radius-sm);width:100%;max-width:500px;padding:40px;box-shadow:0 8px 32px #0003}.verification-content h2{color:var(--color-black);text-align:center;margin:0 0 20px;font-size:28px}.verification-message{margin-bottom:24px}.verification-message p{color:var(--color-gray-700);margin:12px 0;font-size:16px;line-height:1.6}.verification-message strong{color:var(--color-black);font-weight:600}.verification-subtext{color:var(--color-gray-600);font-size:15px}.verification-note{background-color:var(--color-gray-100);border-radius:var(--border-radius-sm);border-left:3px solid var(--color-primary);margin-top:16px;padding:12px;font-size:14px}.verification-actions{flex-direction:column;gap:12px;margin-top:24px;display:flex}.verification-button{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--color-white);color:var(--color-black);cursor:pointer;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s}.verification-button:hover:not(:disabled){background-color:var(--color-gray-100)}.verification-button.primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.verification-button.primary:hover:not(:disabled){background-color:var(--color-orange-primary-dark)}.verification-button:active:not(:disabled){transform:translateY(1px)}.verification-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.verification-prompt{padding:20px}.verification-content{padding:32px 24px}.verification-actions{flex-direction:column}.verification-button{width:100%}}.verification-banner{width:100%;max-width:420px;margin-top:20px;margin-left:auto;margin-right:0}.verification-banner-text{background-color:var(--color-primary);color:var(--color-white);border-radius:var(--border-radius-sm);text-align:center;margin:0;padding:14px 20px;font-size:15px;font-weight:500;box-shadow:0 2px 8px #0000001a}@media (max-width:1024px){.verification-banner{max-width:100%;margin-left:0;margin-right:0}}.clientfoot-toast{border-radius:var(--border-radius-sm);z-index:10000;justify-content:space-between;align-items:center;gap:1rem;min-width:300px;max-width:90%;padding:1rem 1.5rem;font-size:.95rem;font-weight:500;transition:opacity .3s ease-out;animation:.3s ease-out forwards slideUpToast;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 4px 12px #00000026}.clientfoot-toast.show{animation:.3s ease-out forwards slideUpToast}.clientfoot-toast.hide{animation:.3s ease-out forwards slideDownToast}.clientfoot-toast.success{background-color:var(--color-green-light);color:var(--color-green-text);border-left:4px solid var(--color-green)}.clientfoot-toast.error{background-color:var(--color-red-light);color:var(--color-red-text);border-left:4px solid var(--color-red)}.clientfoot-toast-close{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;padding:0;font-size:1.2rem;line-height:1;transition:opacity .2s}.clientfoot-toast-close:hover{opacity:1}@keyframes slideUpToast{0%{opacity:0;transform:translate(-50%)translateY(100px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes slideDownToast{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(100px)}}
.bordered{border:1px solid var(--border-color)}.flex-vertical-left{flex-direction:row;justify-content:center;align-items:center;display:flex}.span-window{width:100%}.flex-horizontal{flex-direction:column;display:flex}
.content-area{background-color:var(--primary-bg-theme);width:100%;height:100%;color:var(--color-black)}.contant-area-shrink{width:95%}.flex-vertical{flex-direction:column;align-items:center;display:flex}.central-loader{flex-direction:column;justify-content:center;align-items:center;display:flex}
.client-head{box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;gap:5vw;width:100%;max-width:1000px;margin:10vh 0;padding:5vh 0;display:flex}.client-head-no-note{flex-direction:row;justify-content:center;align-items:center;gap:5vw;margin:10vh 0;padding:5vh 0;display:flex}.client-foot{background-color:var(--footer-bg);flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;margin-top:5vh;display:flex}.clientfoot-container{width:90%;color:var(--heading-primary-c);border-radius:var(--border-radius-sm);box-shadow:var(--card-shadow);padding-top:5vh;font-family:Arial,sans-serif}.clientfoot-heading{color:var(--heading-secondary-c);text-align:center;margin-bottom:1.5rem;font-size:1.8rem}.clientfoot-columns{flex-wrap:wrap;display:flex}.clientfoot-column{flex:4;min-width:250px}.clientfoot-column.contact-form-column{flex-direction:column;flex:6;justify-content:center;align-items:center;min-width:250px;padding-bottom:10px;display:flex}.clientfoot-section{margin-bottom:1.2rem}.clientfoot-column.contact-form-column .clientfoot-section:empty{display:none}.clientfoot-label{font-weight:700}.clientfoot-linkList{padding-left:0;list-style-type:none}.clientfoot-linkList li{margin-bottom:.5rem}.clientfoot-linkList li a{color:var(--primary-color)}.clientfoot-linkList li a:hover{color:var(--primary-faded)}.clienthead-description{color:#333;flex-direction:column;align-items:flex-start;gap:1rem;max-width:70ch;font-size:1.05rem;line-height:1.65;display:flex}.clienthead-title{text-align:left;margin-bottom:1vh;font-size:clamp(3rem,7vw,6rem);line-height:1.2}.clienthead-subtitle{text-align:justify;line-height:1.6}.clienthead-warning{text-align:justify;color:#444;margin:0;font-size:.9rem}.floating-logo{z-index:900;border-radius:var(--border-radius-sm);-webkit-backdrop-filter:blur(1px);background-color:#ffffff4d;width:auto;height:10vh;padding:1rem 2rem;position:absolute;top:1.5rem;right:1.5rem}.floating-logo-container:after{content:"";border-radius:var(--border-radius-sm);pointer-events:none;background:linear-gradient(90deg,#fff6,#fff0);position:absolute;inset:0}.clientfoot-fieldset{border:2px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--color-white);width:90%;max-width:500px;box-shadow:0 2px 4px var(--shadow-sm);margin:0 auto;padding:1.5rem}.clientfoot-fieldset legend{color:var(--heading-secondary-c);border:2px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:#0000;margin-bottom:1rem;padding:0 .75rem;font-size:1.2rem;font-weight:600}.clientfoot-fieldset form{flex-direction:column;gap:1rem;display:flex}.clientfoot-fieldset label{color:var(--primary-text);margin-bottom:.4rem;font-size:.9rem;font-weight:500;display:block}.clientfoot-fieldset input[type=text],.clientfoot-fieldset input[type=email],.clientfoot-fieldset textarea{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);width:100%;color:var(--primary-text);background-color:var(--color-white);box-sizing:border-box;padding:.75rem;font-family:inherit;font-size:.95rem;transition:border-color .3s,box-shadow .3s}.clientfoot-fieldset input[type=text]:focus,.clientfoot-fieldset input[type=email]:focus,.clientfoot-fieldset textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 4px #e85e344d}.clientfoot-fieldset input[type=text]:disabled,.clientfoot-fieldset input[type=email]:disabled,.clientfoot-fieldset textarea:disabled{background-color:var(--color-gray-100);cursor:not-allowed;opacity:.7;border-color:var(--border-color-light)}.clientfoot-fieldset textarea{resize:vertical;min-height:120px;font-family:inherit;line-height:1.5}.clientfoot-fieldset button[type=submit]{border-radius:var(--border-radius-sm);background-color:var(--primary-color);color:var(--secondary-text);cursor:pointer;border:none;align-self:flex-start;margin-top:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .3s,transform .1s}.clientfoot-fieldset button[type=submit]:hover:not(:disabled){background-color:var(--color-orange-primary-dark);transform:translateY(-1px)}.clientfoot-fieldset button[type=submit]:active:not(:disabled){transform:translateY(0)}.clientfoot-fieldset button[type=submit]:disabled{background-color:var(--color-gray-400);cursor:not-allowed;opacity:.6;transform:none}.clientfoot-error{border-radius:var(--border-radius-sm);background-color:var(--color-red-light);color:var(--color-red-text);border-left:3px solid var(--color-red);margin-top:.5rem;padding:.75rem;font-size:.9rem}.clientfoot-success{border-radius:var(--border-radius-sm);background-color:var(--color-green-light);color:var(--color-green-text);border-left:3px solid var(--color-green);margin-top:.5rem;padding:.75rem;font-size:.9rem}.clientfoot-button-container{justify-content:flex-end;width:100%;margin-top:.5rem;display:flex}.clientfoot-toast{border-radius:var(--border-radius-sm);z-index:10000;justify-content:space-between;align-items:center;gap:1rem;min-width:300px;max-width:90%;padding:1rem 1.5rem;font-size:.95rem;font-weight:500;transition:opacity .3s ease-out;animation:.3s ease-out forwards slideUpToast;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 4px 12px #00000026}.clientfoot-toast.show{animation:.3s ease-out forwards slideUpToast}.clientfoot-toast.hide{animation:.3s ease-out forwards slideDownToast}.clientfoot-toast.success{background-color:var(--color-green-light);color:var(--color-green-text);border-left:4px solid var(--color-green)}.clientfoot-toast.error{background-color:var(--color-red-light);color:var(--color-red-text);border-left:4px solid var(--color-red)}.clientfoot-toast-close{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;padding:0;font-size:1.2rem;line-height:1;transition:opacity .2s}.clientfoot-toast-close:hover{opacity:1}@keyframes slideUpToast{0%{opacity:0;transform:translate(-50%)translateY(100px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes slideDownToast{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(100px)}}@media (max-width:768px){.clientfoot-fieldset{width:90%;padding:1.25rem}.clientfoot-fieldset legend{font-size:1.1rem}.clientfoot-toast{min-width:280px;padding:.875rem 1.25rem;font-size:.9rem}}
.master-container-constraint{width:1000px}.master-record-container{flex-direction:column;width:1000px;display:flex;position:relative}.student-disclaimer-text{color:#555;text-align:justify;margin-top:1rem;font-size:.8rem}.pagination-control button{background:var(--secondary-bg-theme);cursor:pointer;color:#000;border:none;margin:2px;padding:6px 10px}.pagination-control button:hover{background:var(--primary-faded);cursor:pointer;color:var(--secondary-text);border-radius:var(--border-radius-sm);border:none;margin:2px;padding:6px 10px}.pagination-control .active-page{background-color:var(--primary-highlight-mr);color:var(--secondary-text);border-radius:4px;font-weight:700}
*,:before,:after{box-sizing:border-box}body,select,input,textarea,fieldset,legend{color:#000;background-color:#fff;font-family:Arial,sans-serif}:root{--border-color:var(--search-border,#ccc);--focus-color:var(--primary-color,#007bff);--hr-color:var(--search-border,#ccc)}select{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);cursor:pointer;color:#000;white-space:nowrap;text-overflow:ellipsis;background-color:#fff;width:200px;max-width:200px;height:28px;padding:.15rem .4rem;font-size:.9rem;transition:border-color .3s,box-shadow .3s;overflow:hidden}select:focus,select option:focus{border-color:var(--focus-color);box-shadow:0 0 4px var(--focus-color);outline:none}fieldset{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);box-sizing:border-box;color:#000;background-color:#fff;padding:1rem}.main-spec-fieldset,.master-fieldset,.fieldset-study,.selectivity-and-grade-fieldset,.tuition-fieldset{flex-direction:column;gap:.75rem;display:flex}.fieldset-study{justify-content:center;height:100%}.selectivity-and-grade-fieldset{justify-content:space-between;align-items:center}.grade-button-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:.83rem;display:flex}.grade-button{border:1px solid var(--border-color);color:#000;cursor:pointer;font:inherit;border-radius:var(--border-radius-sm);box-shadow:none;appearance:none;text-align:center;vertical-align:middle;box-sizing:border-box;background-color:#0000;width:80%;padding:.5rem 1rem;transition:all .3s;display:inline-block}.grade-button:hover{background-color:var(--primary-faded);border:1px solid var(--primary-faded)}.grade-button.selected:hover{border:1px solid var(--primary-bg-menu);color:#fff}.grade-button.selected{border:1px solid var(--primary-bg-menu);color:var(--primary-bg-menu)}.grade-button .label{white-space:nowrap;transition:opacity .3s,transform .1s;display:inline-block}legend{color:#000;margin-bottom:.5rem;font-size:1rem;font-weight:700}hr{border:none;border-top:1px solid var(--hr-color);margin:.5rem 0}.search-field{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);color:#000;box-sizing:border-box;background-color:#fff;width:100%;margin:.5rem auto 1rem;padding:.5rem .75rem;font-family:inherit;font-size:1rem;transition:border-color .3s,box-shadow .3s}.search-field:focus{border-color:var(--focus-color);box-shadow:0 0 4px var(--focus-color);outline:none}.radio-group{flex-direction:column;gap:6px;display:flex}.radio-group.inline{flex-flow:wrap}.radio-option{cursor:pointer;background-color:#fff;align-items:center;gap:8px;font-size:.9rem;display:flex}.radio-option input[type=radio]{accent-color:var(--focus-color);background-color:#fff}.checkbox-label{cursor:pointer;align-items:center;gap:8px;font-size:.9rem;display:flex}.styled-checkbox{width:16px;height:16px;accent-color:var(--focus-color);background-color:#fff}.reset-all{color:var(--focus-color);border-radius:var(--border-radius-sm);border:1px solid var(--focus-color);box-sizing:content-box;cursor:pointer;background-color:#fff;margin-top:2vh;padding:.6em 1.2em;font-size:clamp(.7rem,.9vw,.7rem);font-weight:700;transition:all .5s}.reset-all:hover{background-color:var(--focus-color);color:var(--secondary-text,#fff);border:1px solid var(--focus-color)}.search-button{background-color:var(--focus-color);color:var(--secondary-text,#fff);border-radius:var(--border-radius-sm);border:1px solid var(--focus-color);box-sizing:content-box;cursor:pointer;margin-top:2vh;padding:.6em 1.2em;font-size:clamp(.9rem,1.1vw,1rem);font-weight:700;transition:all .5s}.search-button:hover{background-color:var(--color-faint);color:var(--primary-color,#fff);border:1px solid var(--primary-color)}.reset-container{justify-content:center;align-items:center;gap:1em;display:flex}.filter-container-master{flex-direction:column;align-items:center;gap:5px;width:100%;margin-bottom:5vh;display:flex}.master-filter-dropdown-container{cursor:pointer;flex-direction:column;flex-grow:0;flex-shrink:0;gap:.5rem;width:80%;max-width:1000px;display:flex}.flex-filter-display{flex-direction:column;justify-content:space-between;align-items:stretch;display:flex}.fieldsets-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.fieldsets-row>fieldset{flex:1;min-height:320px;max-height:320px}.tuition-box{flex-direction:column;gap:10px;padding:10px 0;display:flex}.fade-container{opacity:0;max-height:0;transition:opacity .4s,max-height .4s;overflow:hidden}.fade-container.visible{opacity:1;max-height:200px;overflow:visible}.search-slider-row{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:#000;box-sizing:border-box;background-color:#fff;align-items:center;gap:1rem;width:100%;padding:1rem;display:flex}.search-slider-row .search-field{color:#000;background-color:#fff;flex:2;height:2rem;margin:0;padding:0 .5rem;font-size:1rem}
.master-record-card{background-color:var(--primary-bg-mr);color:var(--primary-text-mr);font-family:var(--font-family-main);width:100%;max-height:45zpx;border-radius:var(--border-radius-sm);box-shadow:0 4px 12px var(--card-shadow);border:1px solid #140a051a;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr);margin-top:5vh;padding:6vh 1vw 5vh;transition:box-shadow .3s,transform .3s;display:grid}.master-record-card:hover{box-shadow:0 6px 16px var(--card-shadow);transform:translateY(-4px)}.master-name{color:var(--primary-highlight-mr);text-align:center;grid-column:span 3;font-size:clamp(1.5rem,2.5vw,2.5rem);font-weight:700}.info-block{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;padding-top:2vh;padding-left:5vw;display:flex}.info-block strong{color:var(--primary-highlight-mr);text-align:left;font-weight:650;overflow:hidden}.info-block p{color:var(--primary-text-mr);text-align:left;margin-top:.3rem;font-weight:400}.selectivity-block{justify-content:flex-start;align-items:flex-start;width:100%;display:flex}.selectivity-bar,.selectivity-bar-dots{justify-content:flex-start;align-items:center;display:flex}.selectivity-bar-inner{width:100%}.dot{background-color:var(--color-faint);width:24px;height:24px;color:var(--color-white);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;position:relative}.dot.filled{background-color:var(--color-deep)}.connector{background-color:var(--color-faint);z-index:0;opacity:0;flex:1;width:10px;height:4px;position:relative;top:-1px}.connector.filled{background-color:var(--color-deep)}.selectivity-labels{color:#333;justify-content:space-between;width:70%;margin-top:.4rem;font-size:.5rem;display:flex}.card-control-pannel{flex-direction:row;grid-column:span 3;justify-content:space-between;align-items:center;padding:4vh 3vw;display:flex}.favourites,.report{border-radius:2px;justify-content:flex-start;align-items:center;gap:.4rem;padding:5px;display:flex}.heart-icon{all:unset;cursor:pointer;color:var(--primary-highlight-mr);font-size:1.5rem}.report-icon{all:unset;cursor:pointer;color:var(--primary-highlight-mr);align-items:center;gap:.4rem;font-size:.9rem;display:flex;position:relative}.x-icon{width:1rem;height:1rem;display:inline-block}.x-icon text{fill:var(--primary-highlight-mr);font-size:1rem;font-weight:800}.favourites p,.report p{margin:0;font-size:.95rem}.master-link{background-color:var(--primary-highlight-mr);border:1px solid var(--primary-highlight-mr);color:var(--secondary-text);border-radius:var(--border-radius-sm);box-sizing:content-box;width:fit-content;padding:.6em 1.2em;font-size:clamp(.9rem,1.1vw,1rem);text-decoration:none;transition:all .5s}.master-link:hover{background-color:var(--color-white);color:var(--link-color)}.report-inline-button{color:var(--primary-highlight-mr);cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;font-weight:700}.report-inline-button:hover{text-decoration:underline}.report-wrapper{display:inline-block;position:relative}.inline-report-popup{z-index:100;background-color:var(--primary-bg-mr);border-radius:var(--border-radius-sm);width:max(250px,18vw);box-shadow:0 2px 8px var(--shadow-lg);flex-direction:column;gap:.6rem;padding:1rem;animation:.25s ease-out slideUp;display:flex;position:absolute;bottom:110%;left:0}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.report-select,.report-input{border:1px solid var(--search-border);background-color:var(--secondary-text);width:100%;color:var(--color-black);padding:.4rem;font-size:.9rem}.report-input{background-color:var(--color-white)}.report-buttons-div{justify-content:space-between;gap:.5rem;display:flex}.report-buttons-div button{background-color:var(--primary-color);color:var(--secondary-text);border-radius:var(--border-radius-sm);cursor:pointer;border:none;padding:.4rem .6rem;font-size:.8rem;font-weight:700;transition:all .3s}.report-buttons-div button:hover{background-color:var(--color-white);color:var(--link-color);border:1px solid var(--primary-color)}.master-details-table{display:none}
.loader{border:6px solid #f3f3f3;border-top-color:#e85e34;border-radius:50%;width:40px;height:40px;margin:20px auto;animation:1s linear infinite spin}.loader.sm{border:3px solid #f3f3f3;border-top-color:#e85e34;border-radius:50%;width:22px;height:22px;margin:0;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.university-card{background-color:var(--primary-bg-uni);color:var(--primary-text-uni);font-family:var(--font-family-uni-main);border-radius:var(--border-radius-sm);box-shadow:0 4px 8px var(--card-shadow);text-align:center;cursor:pointer;text-wrap:wrap;border:1px solid #140a051a;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:1rem;transition:transform .3s,box-shadow .3s;display:flex}.university-card:hover{box-shadow:0 6px 16px var(--shadow-md);transform:translateY(-4px)}.university-name{color:var(--primary-highlight-uni);margin-bottom:.5em;font-size:1.2rem}.university-link{background-color:var(--primary-highlight-uni);color:var(--color-white);border-radius:var(--border-radius-sm);align-self:flex-start;padding:.4em .8em;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s}.university-link:hover{background-color:var(--primary-bg-uni);color:var(--link-color);border:1px solid var(--primary-color)}
.jump-top{background-color:var(--primary-color);color:var(--secondary-text);border-radius:var(--border-radius-sm);box-sizing:content-box;border:none;margin-top:2vh;padding:.6em 1.2em;font-size:clamp(.9rem,1.1vw,1rem);font-weight:700;transition:all .5s}.jump-top:hover{background-color:var(--color-white);color:var(--link-color);border:1px solid var(--primary-color)}
.search-field{border-radius:var(--border-radius-sm);border:1px solid var(--search-border);box-sizing:border-box;width:100%;margin:.5rem auto 1rem;padding:.5rem .75rem;font-family:inherit;font-size:1rem;transition:border-color .3s}.search-field:focus{border-color:var(--primary-color);box-shadow:0 0 4px var(--primary-color);outline:none}.uni-searchbar-container{border:1px solid var(--search-border);border-radius:var(--border-radius-sm);width:80%;padding:1rem}
.course-card{background-color:var(--primary-bg-mr);color:var(--primary-text-mr);font-family:var(--font-family-main);border-radius:var(--border-radius-sm);box-shadow:none;border:none;justify-content:flex-start;align-items:center;width:100%;margin:.5em 0;padding:.75em 1em;font-size:clamp(.8rem,1vw,1rem);transition:background-color .3s,transform .3s;display:flex;position:relative}ul>li:nth-child(2n) .course-card,ul .course-card:nth-child(2n){background-color:var(--color-gray-100,#f5f5f5)}ul>li:nth-child(2n) .course-card:hover,ul .course-card:nth-child(2n):hover{background-color:var(--color-gray-200,#e5e5e5)}.course-card:hover{border:1px solid var(--primary-color);transform:translateY(-2px)}.course-part{white-space:nowrap;text-overflow:ellipsis;flex:1;max-width:100%;padding:0 .5em;position:relative;overflow:visible}.course-name{white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:auto;min-width:0;max-width:100%;overflow:hidden}.course-link{flex:0 0 2px}.card-actions{justify-content:flex-end;align-items:center;gap:.5rem;max-width:100%;display:flex}.course-button{background-color:var(--primary-highlight-mr);color:var(--secondary-text);border-radius:var(--border-radius-sm);padding:.4em .7em;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s}.course-button:hover{background-color:var(--color-white);color:var(--link-color);border:1px solid var(--primary-color)}.course-report{cursor:pointer;color:var(--primary-highlight-mr);background:0 0;border:none;padding:0;font-size:1.2rem}.course-report:hover{color:var(--link-color)}.uni-report-wrapper{z-index:1100;display:inline-block;position:relative}.uni-report-btn{cursor:pointer;color:var(--primary-highlight-mr);background:0 0;border:none;padding:0;font-size:1.2rem;transition:color .3s}.uni-report-btn:hover:not(:disabled){color:var(--link-color)}.uni-report-popup{background-color:var(--primary-bg-mr);border:1px solid var(--search-border);border-radius:var(--border-radius-sm);width:max(160px,10vw);box-shadow:0 2px 8px var(--shadow-md);z-index:1105;flex-direction:column;gap:.3rem;max-height:140px;padding:.4rem;font-size:.75rem;animation:.25s ease-out slideUp;display:flex;position:absolute;bottom:110%;left:auto;right:100%;overflow-y:visible}.uni-report-code{color:var(--primary-color);text-align:center;margin:0;padding-bottom:.3rem;font-size:.75rem;font-weight:500}.uni-report-select{border:1px solid var(--search-border);background-color:var(--secondary-text);width:100%;color:var(--color-black);border-radius:var(--border-radius-sm);box-sizing:border-box;padding:.25rem;font-size:.75rem}.uni-report-input{border:1px solid var(--search-border);background-color:var(--color-white);width:100%;color:var(--color-black);border-radius:var(--border-radius-sm);box-sizing:border-box;margin-top:0;margin-bottom:0;padding:.25rem;font-size:.75rem}.uni-report-buttons{justify-content:space-between;gap:.3rem;margin-top:.3rem;display:flex}.uni-report-buttons button{background-color:var(--primary-color);color:var(--secondary-text);border-radius:var(--border-radius-sm);cursor:pointer;border:none;flex:1;padding:.3rem .5rem;font-size:.75rem;font-weight:700;transition:all .3s}.uni-report-buttons button:hover{background-color:var(--color-white);color:var(--link-color);border:1px solid var(--primary-color)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.university-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;place-items:stretch stretch;gap:20px;width:70%;padding:20px;display:grid}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-overlay{background-color:var(--shadow-overlay);z-index:1000;border:2px solid var(--color-black);justify-content:center;align-items:center;width:100%;height:100%;animation:.3s forwards fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--color-white);border-radius:var(--border-radius-sm);width:70%;height:70%;box-shadow:0 4px 10px var(--shadow-sm);border:1px solid var(--color-black);padding:2rem;position:relative}.modal-filter-and-list{flex-direction:column;height:100%;display:flex}.close-button{cursor:pointer;color:var(--color-black);background:0 0;border:none;font-size:1.5rem;position:absolute;top:10px;right:15px}.scroll-wrapper-container{flex-direction:column;flex:1;min-height:0;margin-top:1rem;display:flex;position:relative}.scroll-wrapper{background:#fff;flex:1;min-height:0;overflow-y:auto}.fade-top,.fade-bottom{pointer-events:none;z-index:10;width:100%;height:30px;position:absolute;left:0}.fade-top{background:linear-gradient(#fff 0%,#0000 10%);top:0}.fade-bottom{background:linear-gradient(#0000 0%,#fff 100%);bottom:0}.scroll-wrapper ul{flex-direction:column;justify-content:center;align-items:center;margin-top:1rem;padding-left:1.5rem;padding-right:8px;list-style-type:disc;display:flex}.scroll-wrapper li{margin-bottom:.5rem}.scroll-wrapper::-webkit-scrollbar{border-radius:0;width:6px}.scroll-wrapper::-webkit-scrollbar-thumb{background-color:var(--shadow-sm);border-radius:0}.master-page-link{color:var(--color-primary)}.master-page-link:hover{color:var(--color-faint)}
.sidemenu{z-index:1000;width:auto;height:auto;position:fixed;top:10px;left:10px}.burger-container{display:inline-block;position:relative}.hamburger-icon{cursor:pointer;width:5rem;height:3rem;color:var(--color-black);flex-direction:column;justify-content:space-between;padding:.5rem;transition:opacity .3s;display:flex}.hamburger-icon:hover{opacity:.2}.hamburger-icon span{background-color:var(--color-black);border-radius:2px;width:100%;height:3px;transition:all .3s;display:block}.menu-dropdown{background-color:var(--menu-border);min-width:350px;color:var(--secondary-color);opacity:0;visibility:hidden;box-shadow:10px 10px 100px 200px var(--shadow-md);border:1px solid var(--sidemenu-background);transition:opacity .3s,visibility .3s,transform .3s;position:absolute;top:calc(100% + .25rem);left:0;transform:translateY(-10px)}.burger-container:after{content:"";background:0 0;height:.5rem;position:absolute;top:100%;left:0;right:0}.burger-container:hover .menu-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.burger-container:hover .hamburger-icon{opacity:.2}.menu-items{color:var(--sidemenu-background);flex-direction:column;gap:.5rem;padding:1rem;display:flex}.menu-items h2{border-bottom:1px solid var(--sidemenu-background);color:var(--sidemenu-background);margin:0 0 1rem;padding:.5rem 0;font-size:1.1rem}.menu-item{border:1px solid var(--sidemenu-background);cursor:pointer;box-shadow:2px 10px 10px var(--shadow-sm);align-items:center;padding:.5rem 1rem;transition:all .3s;display:flex}.menu-item:last-of-type{border-bottom:1px solid var(--sidemenu-background)}.menu-item .label{white-space:nowrap;display:inline-block}.menu-item:hover{background-color:var(--primary-faded);transform:scale(.98)}.active-menu,.active-menu:hover{background-color:var(--primary-bg-menu)}.signout-item{border:1px solid var(--sidemenu-background);color:inherit;cursor:pointer;font:inherit;box-shadow:none;appearance:none;text-align:left;background-color:#0000;border-radius:0;outline:none;width:100%;margin-top:.5rem;padding:.5rem 1rem;transition:background-color .3s}.signout-item:hover{background-color:var(--primary-faded)}
.dashboard-area-header{align-items:center;margin-bottom:20px;display:flex}.modal-overlay{background-color:var(--shadow-overlay);z-index:1000;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--color-white);border-radius:var(--border-radius-sm);box-shadow:0 4px 20px var(--shadow-xl);position:relative}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-header h2{margin:0;font-size:24px}.modal-close-button{cursor:pointer;color:#666;border-radius:var(--border-radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:24px;transition:background-color .2s;display:flex}.modal-close-button:hover{background-color:var(--color-gray-100);color:#333}.setup-prompt-modal{max-width:450px}.setup-prompt-header{border-bottom:1px solid var(--border-color);text-align:center;padding:20px}.setup-prompt-header h2{color:var(--primary-text);margin:0;font-size:24px}.setup-prompt-body{text-align:center;padding:20px}.setup-prompt-body p{color:var(--primary-text);margin:0 0 10px;font-size:16px}.setup-prompt-subtext{color:#666;margin-top:8px;font-size:14px}.setup-prompt-actions{border-top:1px solid var(--border-color);flex-direction:column;gap:10px;padding:20px;display:flex}.setup-prompt-button{border-radius:var(--border-radius-sm);cursor:pointer;border:none;width:100%;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s}.setup-prompt-button.primary{background-color:var(--primary-color);color:var(--secondary-text)}.setup-prompt-button.primary:hover{background-color:var(--primary-faded)}.setup-prompt-button.secondary{background-color:var(--color-gray-100);color:var(--primary-text);border:1px solid var(--border-color-dark)}.setup-prompt-button.secondary:hover{background-color:var(--color-gray-200)}.personal-settings-modal{color:var(--primary-text);padding:10px}.personal-settings-modal form{flex-direction:column;gap:.5rem;display:flex}.personal-settings-modal label{color:var(--primary-text);font-size:.95rem;font-weight:500;display:block}.personal-settings-modal .settings-subscription-text{color:#666;font-size:.7rem;display:inline-block}.personal-settings-modal input{border-radius:var(--border-radius-sm);border:1px solid var(--primary-color);box-sizing:border-box;background-color:var(--color-white);color:#000;width:100%;margin-bottom:0;padding:10px 12px;font-family:inherit;font-size:16px;transition:border-color .3s,box-shadow .3s}.personal-settings-modal select{border-radius:var(--border-radius-sm);border:1px solid var(--primary-color);box-sizing:border-box;background-color:var(--color-white);color:#000;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;min-height:44px;margin-bottom:0;padding:10px 40px 10px 12px;font-family:inherit;font-size:16px;transition:border-color .3s,box-shadow .3s;white-space:normal!important;text-overflow:clip!important;width:100%!important;max-width:100%!important;height:auto!important;overflow:visible!important}.personal-settings-modal-selects{flex-direction:row;gap:1.25rem;display:flex}.personal-settings-modal-select-side{flex-direction:column;flex:1;gap:.2rem;display:flex}.personal-settings-modal select:focus{border-color:var(--primary-color);box-shadow:0 0 4px var(--primary-color);outline:none}.personal-settings-modal select:disabled{background-color:var(--color-gray-100);cursor:not-allowed;border-color:var(--search-border,#ccc);opacity:.7}.personal-settings-modal input:focus{border-color:var(--primary-color);box-shadow:0 0 4px var(--primary-color);outline:none}.personal-settings-modal input:disabled{background-color:var(--color-gray-100);cursor:not-allowed;border-color:var(--search-border,#ccc);opacity:.7}.personal-settings-modal button[type=submit]{border-radius:var(--border-radius-sm);background-color:var(--primary-color);width:100%;color:var(--secondary-text);cursor:pointer;border:none;margin-top:.5rem;padding:12px;font-size:16px;font-weight:600;transition:background-color .3s}.personal-settings-modal button[type=submit]:hover:not(:disabled){background-color:var(--primary-faded)}.personal-settings-modal button[type=submit]:disabled{background-color:var(--color-gray-400);cursor:not-allowed;opacity:.6}.personal-settings-modal p{text-align:center;color:var(--primary-text);padding:1rem}.upload-course-form-container{width:100%;max-width:1200px;margin:0 auto}.upload-course-form-header{margin-bottom:2rem}.upload-course-form-header h2{color:var(--primary-text);margin:0 0 .5rem;font-size:24px}.upload-course-form-header p{color:#666;margin:0;font-size:14px}.upload-course-form{flex-direction:column;gap:1.25rem;display:flex}.upload-course-form-columns{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.25rem;display:grid}.upload-course-form-column{flex-direction:column;gap:1.25rem;display:flex}.upload-course-form-section-title{color:var(--primary-text);border-bottom:2px solid var(--border-color-light);margin:0 0 1rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:600}.upload-course-form-select{cursor:pointer;border-radius:var(--border-radius-sm);border:1px solid var(--primary-color);box-sizing:border-box;background-color:var(--color-white);color:#000;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;width:100%;height:36px;margin:0;padding:5px 30px 5px 6px;font-family:inherit;font-size:16px;line-height:26px;transition:border-color .3s,box-shadow .3s;color:#000!important;background-color:#fff!important;max-width:100%!important}.upload-course-form-select:disabled{cursor:not-allowed}.upload-course-form-select option{color:#000}.upload-course-form-select:focus{color:#000!important;background-color:#fff!important}.upload-course-form-select:not([value=""]){color:#000!important}@media (max-width:768px){.upload-course-form-columns{grid-template-columns:1fr;gap:1.5rem}.upload-course-form-container{max-width:100%}}.upload-course-form-group{flex-direction:column;gap:.5rem;display:flex}.upload-course-form-label{color:var(--primary-text);margin-bottom:6px;font-size:.95rem;font-weight:500;display:block}.upload-course-form-label .required{color:#e74c3c;margin-left:2px}.upload-course-form-input{border-radius:var(--border-radius-sm);border:1px solid var(--primary-color);box-sizing:border-box;background-color:var(--color-white);color:#000;width:100%;margin-bottom:0;padding:10px 12px;font-family:inherit;font-size:16px;transition:border-color .3s,box-shadow .3s}.upload-course-form-input:focus{border-color:var(--primary-color);box-shadow:0 0 4px var(--primary-color);outline:none}.upload-course-form-input:disabled{background-color:var(--color-gray-100);cursor:not-allowed;border-color:var(--search-border,#ccc);opacity:.7}.upload-course-form-input.error{border-color:#e74c3c}.upload-course-form-input.error:focus{border-color:#e74c3c;box-shadow:0 0 4px #e74c3c4d}.upload-course-form-error{color:#e74c3c;margin-top:-.25rem;font-size:.875rem}.upload-course-form-error-message{border-radius:var(--border-radius-sm);color:#e74c3c;background-color:#fee;border:1px solid #e74c3c;margin-top:.5rem;padding:12px;font-size:.95rem}.upload-course-form-success-message{border-radius:var(--border-radius-sm);color:#155724;background-color:#d4edda;border:1px solid #28a745;margin-top:.5rem;padding:12px;font-size:.95rem}.upload-course-form-submit{border-radius:var(--border-radius-sm);background-color:var(--primary-color);width:100%;color:var(--secondary-text);cursor:pointer;border:none;margin-top:.5rem;padding:12px;font-size:16px;font-weight:600;transition:background-color .3s}.upload-course-form-submit:hover:not(:disabled){background-color:var(--primary-faded)}.upload-course-form-submit:disabled{background-color:var(--color-gray-400);cursor:not-allowed;opacity:.6}.saved-courses-container{width:90%}.saved-courses-tab-navigation{border-bottom:2px solid var(--border-color);gap:10px;margin-bottom:20px;padding-bottom:0;display:flex}.saved-courses-tab{cursor:pointer;color:#666;background-color:#0000;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:12px 24px;font-size:16px;font-weight:500;transition:all .3s}.saved-courses-tab:hover{color:var(--color-orange-primary);background-color:var(--color-gray-100)}.saved-courses-tab.active{color:var(--color-orange-primary);border-bottom-color:var(--color-orange-primary);font-weight:600}.saved-courses-view-content{animation:.3s fadeIn}.saved-courses-header h2{margin-bottom:.5rem}.saved-courses-header p{color:#666;margin-top:0}.saved-courses-layout{flex-direction:row;gap:20px;min-height:500px;display:flex}.course-list-panel{border-right:1px solid var(--border-color);flex-direction:column;flex:0 0 300px;max-height:calc(100vh - 200px);padding-right:10px;display:flex}.course-list-panel h3{margin-bottom:15px;font-size:18px}.course-search-input{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);box-sizing:border-box;width:100%;margin-bottom:15px;padding:10px 12px;font-size:14px;transition:border-color .2s}.course-search-input:focus{border-color:var(--color-orange-primary);outline:none;box-shadow:0 0 0 2px #ff8c001a}.course-list{flex-direction:column;flex:1;min-height:0;display:flex}.scroll-wrapper-container{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.scroll-wrapper{background:#fff;flex:1;min-height:0;overflow-y:auto}.fade-top,.fade-bottom{pointer-events:none;z-index:10;width:100%;height:30px;position:absolute;left:0}.fade-top{background:linear-gradient(#fff 0%,#0000 10%);top:0}.fade-bottom{background:linear-gradient(#0000 0%,#fff 100%);bottom:0}.course-list-item{cursor:pointer;border-radius:var(--border-radius-sm);margin-bottom:8px;padding:12px;transition:all .2s}.course-list-item.selected{background-color:var(--color-orange-primary-light);border:2px solid var(--color-orange-primary)}.course-list-item:not(.selected){background-color:var(--color-gray-100);border:1px solid var(--border-color)}.course-list-item:not(.selected):hover{background-color:var(--color-gray-200)}.course-list-item-name{margin-bottom:4px;font-size:16px}.course-list-item.selected .course-list-item-name{color:var(--color-orange-primary-dark);font-weight:600}.course-list-item:not(.selected) .course-list-item-name{color:#333;font-weight:500}.course-list-item-university{color:#666;font-size:14px;font-style:italic}.course-list-empty{text-align:center;color:#999;padding:20px;font-size:14px}.course-detail-panel{flex:1;padding-left:20px;overflow-y:auto}.saved-course-detail{flex-direction:column;gap:20px;display:flex}.saved-course-detail-header{justify-content:space-between;align-items:center;display:flex}.saved-course-detail-name{margin:0}.saved-course-detail-header-actions{align-items:center;gap:10px;display:flex}.report-button-wrapper{position:relative}.report-button{background-color:var(--color-orange);color:var(--color-white);border-radius:var(--border-radius-sm);cursor:pointer;border:none;align-items:center;gap:5px;padding:8px 16px;display:flex}.report-button:disabled{cursor:not-allowed}.report-popup{background-color:var(--color-white);border:1px solid var(--border-color-dark);border-radius:var(--border-radius-sm);box-shadow:0 2px 8px var(--shadow-sm);z-index:1000;min-width:300px;margin-top:10px;padding:15px;position:absolute;top:100%;right:0}.report-popup-code{margin:0 0 10px;font-size:14px;font-weight:500}.report-popup-select,.report-popup-input{border:1px solid var(--border-color-dark);border-radius:var(--border-radius-sm);width:100%;margin-bottom:10px;padding:8px}.report-popup-buttons{gap:10px;display:flex}.report-popup-button{border-radius:var(--border-radius-sm);cursor:pointer;border:none;flex:1;padding:8px 16px}.report-popup-button.send{background-color:var(--color-orange-primary);color:var(--color-white)}.report-popup-button.cancel{background-color:var(--color-gray-100);color:#333;border:1px solid var(--border-color-dark)}.saved-course-remove-btn{background-color:var(--color-orange-accent);color:var(--color-white);border-radius:var(--border-radius-sm);cursor:pointer;border:none;padding:8px 16px}.saved-course-remove-btn:disabled{cursor:not-allowed}.saved-course-top-section{grid-template-columns:1fr 1fr;gap:20px;display:grid}.course-details-cell{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--color-gray-50);padding:15px}.course-details-cell h3{margin-top:0;margin-bottom:15px;font-size:18px}.saved-course-field{margin-bottom:10px}.saved-course-actions{margin-top:15px}.saved-course-link{background-color:var(--color-orange-primary);color:var(--color-white);border-radius:var(--border-radius-sm);padding:8px 16px;text-decoration:none;display:inline-block}.comment-progress-cell{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--color-gray-50);box-sizing:border-box;flex-direction:column;gap:20px;min-width:0;max-width:100%;padding:15px;display:flex}.comment-progress-cell>div{box-sizing:border-box;min-width:0;max-width:100%}.comment-progress-cell h3{margin-top:0;margin-bottom:10px;font-size:18px}.comment-textarea{border:1px solid var(--border-color-dark);border-radius:var(--border-radius-sm);resize:vertical;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word;width:100%;max-width:100%;min-height:100px;padding:10px;font-family:inherit;font-size:14px;overflow-x:hidden}.comment-buttons{gap:10px;margin-top:10px;display:flex}.comment-button{border-radius:var(--border-radius-sm);cursor:pointer;border:none;padding:8px 16px}.comment-button.save{background-color:var(--color-orange-primary);color:var(--color-white)}.comment-button.save:disabled{cursor:not-allowed}.comment-button.cancel{background-color:var(--color-gray-100);color:#333;border:1px solid var(--border-color-dark)}.comment-button.cancel:disabled{cursor:not-allowed}.comment-display{border:1px dashed var(--border-color-dark);border-radius:var(--border-radius-sm);cursor:pointer;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word;width:100%;max-width:100%;min-height:80px;padding:15px;overflow-x:hidden}.comment-display.has-comment{background-color:var(--bg-secondary)}.comment-display:not(.has-comment){background-color:var(--color-gray-50)}.comment-display p{margin:0}.comment-display-text{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;margin:0}.comment-display-placeholder{color:#999;margin:0;font-style:italic}.progress-section-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.progress-section-header h3{margin:0;font-size:18px}.progress-remove-button{background-color:var(--color-orange-accent);color:var(--color-white);border-radius:var(--border-radius-sm);cursor:pointer;border:none;padding:5px 10px;font-size:12px}.add-tracking-button{background-color:var(--color-orange-secondary);color:var(--color-white);border-radius:var(--border-radius-sm);cursor:pointer;border:none;width:100%;padding:10px 20px}.progress-info{justify-content:space-between;margin-bottom:5px;display:flex}.progress-label{font-size:14px;font-weight:500}.progress-percentage{font-size:14px}.progress-bar-container{background-color:var(--color-gray-300);border-radius:var(--border-radius-sm);width:100%;height:25px;overflow:hidden}.progress-bar-fill{height:100%;transition:width .3s}.progress-bar-fill.in-progress{background-color:var(--color-orange-primary)}.progress-bar-fill.complete{background-color:var(--color-orange-secondary)}.bottom-section{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--color-gray-50);padding:15px}.bottom-section-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.todo-section h3,.additional-info-section h3{margin:0 0 15px;font-size:18px}.todo-empty-message{color:#999;font-style:italic}.todo-list{width:100%;min-width:0;margin-bottom:15px;overflow-x:hidden}.todo-item{background-color:var(--bg-primary);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);justify-content:space-between;align-items:center;min-width:0;margin-bottom:8px;padding:10px;display:flex;overflow:hidden}.todo-deadline-input{color:var(--color-primary);border:1px solid var(--color-orange-accent);border-radius:var(--border-radius-sm);cursor:pointer;background-color:#0000;margin-right:8px;font-size:12px;font-weight:500;transition:all .2s}.todo-deadline-button{color:var(--color-attention);border:1px solid var(--color-attention);border-radius:var(--border-radius-sm);cursor:pointer;background-color:#0000;padding:6px 12px;font-size:14px;font-weight:500;transition:all .2s}.todo-deadline-button:hover{background-color:var(--color-orange-accent-light)}.todo-deadline-save-button,.todo-deadline-cancel-button{color:var(--color-orange-accent);border:1px solid var(--color-orange-accent);border-radius:var(--border-radius-sm);cursor:pointer;text-align:center;background-color:#0000;width:20%;margin-right:2px;padding:6px 12px;font-size:9px;font-weight:500}.todo-deadline-save-button:hover,.todo-deadline-cancel-button:hover{background-color:var(--color-orange-accent-light)}.todo-content{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex;overflow:hidden}.todo-text{flex:1;font-weight:500}.todo-meta-and-deadline{color:#666;align-items:center;gap:3rem;font-size:12px;display:flex}.todo-weight{align-items:center;gap:2px;display:flex}.weight-dot{font-size:10px;line-height:1}.weight-dot.filled{color:var(--color-orange-primary)}.weight-dot.empty{color:var(--color-gray-300)}.todo-hours{color:#666;font-weight:500}.todo-actions{align-items:center;gap:8px;display:flex}.todo-text.completed{color:#999;text-decoration:line-through}.todo-text:not(.completed){color:#333}.todo-done-button{color:var(--color-orange-accent);border:1px solid var(--color-orange-accent);border-radius:var(--border-radius-sm);cursor:pointer;background-color:#0000;margin-right:8px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s}.todo-done-button:hover{background-color:var(--color-orange-accent-light)}.todo-done-button.completed{background-color:var(--color-orange-accent);color:var(--color-white);border-color:var(--color-orange-accent)}.todo-done-button.completed:hover{background-color:var(--color-orange-accent-dark);border-color:var(--color-orange-accent-dark)}.todo-remove-button{color:var(--color-orange-accent);border:1px solid var(--color-orange-accent);border-radius:var(--border-radius-sm);cursor:pointer;background-color:#0000;justify-content:center;align-items:center;width:28px;height:28px;padding:6px 10px;font-size:16px;line-height:1;transition:all .2s;display:flex}.todo-remove-button:hover{background-color:var(--color-orange-accent-light)}.todo-comment-add,.todo-comment-save,.todo-comment-cancel,.todo-comment-close{color:var(--color-orange-accent);border:1px solid var(--color-orange-accent);border-radius:var(--border-radius-sm);cursor:pointer;background-color:#0000;width:30%;margin-right:8px;padding:6px 12px;font-size:12px;font-weight:500}.todo-comment-save:hover,.todo-comment-cancel:hover,.todo-comment-close:hover{background-color:var(--color-orange-accent-light)}.todo-comment-section{box-sizing:border-box;flex-direction:column;width:90%;min-width:0;max-width:90%;margin-top:6px;display:flex;overflow:hidden}.todo-comment-preview{word-wrap:break-word;overflow-wrap:break-word;white-space:nowrap;text-overflow:ellipsis;color:#666;cursor:pointer;width:90%;max-width:100%;padding:4px 0;font-size:12px;overflow:hidden}.todo-comment-dropdown{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;min-width:0;max-width:100%;margin-top:6px;display:flex;overflow:hidden}.todo-comment-full{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap;background-color:var(--bg-secondary,#f5f5f5);border-radius:var(--border-radius-sm,4px);color:#666;box-sizing:border-box;overflow-wrap:anywhere;width:100%;min-width:0;max-width:100%;padding:8px;font-size:12px}.todo-comment-edit-button{color:var(--color-orange-accent);border:1px solid var(--color-orange-accent);border-radius:var(--border-radius-sm);cursor:pointer;background-color:#0000;width:30%;margin-right:8px;padding:6px 12px;font-size:12px;font-weight:500}.add-todo-form{flex-direction:column;gap:10px;display:flex}.add-todo-input{border:1px solid var(--border-color-dark);border-radius:var(--border-radius-sm);flex:1;padding:8px}.add-todo-meta{align-items:center;gap:15px;display:flex}.add-todo-label{color:#333;align-items:center;gap:6px;font-size:14px;display:flex}.add-todo-weight-select{border:1px solid var(--border-color-dark);border-radius:var(--border-radius-sm);min-width:60px;padding:6px 8px;font-size:14px}.add-todo-hours-input{border:1px solid var(--border-color-dark);border-radius:var(--border-radius-sm);width:80px;padding:6px 8px;font-size:14px}.add-todo-button{background-color:var(--color-orange-secondary);color:var(--color-white);border-radius:var(--border-radius-sm);cursor:pointer;border:none;align-self:flex-start;padding:8px 16px}.add-todo-button:disabled{cursor:not-allowed;opacity:.5}.additional-info-list{max-height:300px;margin-bottom:15px;overflow-y:auto}.additional-info-item{background-color:var(--color-white);border-radius:var(--border-radius-sm);border:1px solid var(--border-color-dark);justify-content:space-between;align-items:flex-start;gap:2px;margin-bottom:10px;padding:8px;display:flex}.additional-info-comment{color:#666;margin-top:4px;font-size:10px}.additional-info-item-content{flex-direction:row;justify-content:space-between;gap:2px;display:flex}.additional-info-item>div{flex-direction:column;flex:1;gap:6px;display:flex}.additional-info-name{color:var(--primary-text);margin-bottom:4px;font-size:15px;font-weight:600;display:block}.additional-info-meta{color:#666;font-size:12px;font-weight:400}.additional-info-value{color:var(--primary-text);margin-top:4px;font-size:12px}.additional-info-item-type{color:#666;margin-left:10px;font-size:12px}.additional-info-remove-button{background-color:var(--color-orange-accent);color:var(--color-white);border-radius:var(--border-radius-sm);cursor:pointer;border:none;padding:2px 4px;font-size:12px}.add-info-form{background-color:var(--bg-secondary);border-radius:var(--border-radius-sm);padding:15px}.add-info-form-group{margin-bottom:10px}.add-info-form-label{margin-bottom:5px;font-size:14px;display:block}.add-info-form-select,.add-info-form-input{border:1px solid var(--border-color-dark);border-radius:var(--border-radius-sm);background-color:var(--color-white);width:100%;color:var(--primary-text);box-sizing:border-box;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.add-info-form-select:focus,.add-info-form-input:focus{border-color:var(--color-orange-accent);outline:none;box-shadow:0 0 0 3px #e85e341a}.add-info-form-select{cursor:pointer}.add-info-form-buttons{gap:10px;display:flex}.add-info-form-button{border-radius:var(--border-radius-sm);cursor:pointer;border:none;padding:8px 16px}.add-info-form-button.save{background-color:var(--color-orange-secondary);color:var(--color-white)}.add-info-form-button.save:disabled{cursor:not-allowed;opacity:.5}.add-info-form-button.cancel{background-color:var(--color-gray-100);color:#333;border:1px solid var(--border-color-dark)}.add-info-button{background-color:var(--color-orange-secondary);color:var(--color-white);border-radius:var(--border-radius-sm);cursor:pointer;border:none;padding:10px 20px;font-size:14px;font-weight:500;transition:background-color .2s,transform .1s}.add-info-button:hover{background-color:var(--color-orange-accent);transform:translateY(-1px)}.add-info-button:active{transform:translateY(0)}.scale-input-container{flex-direction:column;gap:8px;display:flex}.scale-input{border-radius:var(--border-radius-sm);background:var(--color-gray-200);appearance:none;cursor:pointer;outline:none;width:100%;height:8px}.scale-input::-webkit-slider-thumb{appearance:none;border-radius:var(--border-radius-sm);background:var(--color-orange-accent);cursor:pointer;border:2px solid var(--color-white);width:20px;height:20px;transition:background-color .2s,transform .1s;box-shadow:0 2px 4px #0003}.scale-input::-webkit-slider-thumb:hover{background:var(--color-orange-accent-dark);transform:scale(1.1)}.scale-input::-moz-range-thumb{border-radius:var(--border-radius-sm);background:var(--color-orange-accent);cursor:pointer;border:2px solid var(--color-white);width:20px;height:20px;transition:background-color .2s,transform .1s;box-shadow:0 2px 4px #0003}.scale-input::-moz-range-thumb:hover{background:var(--color-orange-accent-dark);transform:scale(1.1)}.scale-input::-webkit-slider-runnable-track{border-radius:var(--border-radius-sm);background:var(--color-gray-200);width:100%;height:8px}.scale-input::-moz-range-track{border-radius:var(--border-radius-sm);background:var(--color-gray-200);width:100%;height:8px}.scale-value-display{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.scale-value{color:var(--color-orange-accent);text-align:center;min-width:24px;font-size:18px;font-weight:600}.scale-labels{color:#666;justify-content:space-between;width:100%;margin-left:8px;font-size:12px;display:flex}.saved-course-header{justify-content:space-between;align-items:center;display:flex}.saved-course-name{margin:0}.saved-course-info{margin-top:15px}.personal-settings-error{background-color:var(--color-orange-accent-light);border:1px solid var(--color-orange-accent);border-radius:var(--border-radius-sm);color:#c62828;text-align:center;margin-top:1rem;padding:12px 16px;font-size:.9rem;animation:.3s fadeIn}.personal-settings-success{background-color:var(--color-orange-secondary-light);border:1px solid var(--color-orange-secondary);border-radius:var(--border-radius-sm);color:#2e7d32;text-align:center;margin-top:1rem;padding:12px 16px;font-size:.9rem;animation:.3s fadeIn}.personal-settings-timestamp{border-top:1px solid var(--search-border,#ccc);color:#666;margin-top:1.5rem;padding-top:1rem;font-size:.85rem}.personal-settings-timestamp-item{margin-top:.5rem}.personal-settings-timestamp strong{color:var(--primary-text);font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.course-detail-empty{text-align:center;color:#999;padding:20px}.empty-saved-courses{text-align:center;padding:40px}.empty-saved-courses h2{margin-bottom:10px}.empty-saved-courses p{color:#666}.error-message{background-color:var(--color-orange-accent-light);border:1px solid var(--color-orange-accent);border-radius:var(--border-radius-sm);color:#c62828;padding:15px}.central-loader{justify-content:center;align-items:center;min-height:400px;display:flex}.saved-courses-overview{width:100%}.overview-header{margin-bottom:30px}.overview-header h2{margin-bottom:.5rem}.overview-header p{color:#666;margin-top:0}.overview-two-column{grid-template-columns:1fr 1fr;gap:30px;margin-bottom:40px;display:grid}.overview-calendar-column{background-color:var(--color-gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);box-shadow:0 4px 12px var(--card-shadow);padding:20px}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.calendar-header h3{margin:0 0 4px;font-size:18px}.calendar-month-navigation{align-items:center;gap:4px;margin-top:clamp(4px,1%,8px);display:flex}.calendar-nav-button{background-color:var(--color-orange-primary);color:var(--color-white);border-radius:var(--border-radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;min-width:clamp(28px,5vw,36px);padding:clamp(3px,.5%,6px) clamp(6px,1.5%,10px);font-size:clamp(12px,2vw,18px);transition:background-color .2s;display:flex}.calendar-nav-button:hover{background-color:var(--color-orange-primary-dark)}.calendar-month-name{color:#666;text-align:center;min-width:clamp(100px,20%,150px);font-size:12px;font-weight:500}.calendar-export-section{align-items:center;gap:10px;display:flex}.calendar-export-button,.calendar-connect-button{background-color:var(--color-orange-secondary);color:var(--color-white);border-radius:var(--border-radius-sm);cursor:pointer;border:none;padding:8px 16px;font-size:14px;transition:background-color .2s}.calendar-export-button:hover:not(:disabled),.calendar-connect-button:hover:not(:disabled){background-color:var(--color-orange-secondary-dark)}.calendar-export-button:disabled,.calendar-connect-button:disabled{background-color:var(--color-gray-400);cursor:not-allowed;opacity:.6}.calendar-disconnect-button{background-color:var(--color-orange-accent);color:var(--color-white);border-radius:var(--border-radius-sm);cursor:pointer;border:none;padding:8px 16px;font-size:14px;transition:background-color .2s}.calendar-disconnect-button:hover{background-color:var(--color-orange-accent-dark)}.calendar-container{flex-direction:column;flex:1;width:100%;min-height:0;margin-bottom:20px;display:flex;overflow:visible}.calendar-grid{flex:1;grid-template-rows:auto repeat(6,1fr);grid-template-columns:repeat(7,1fr);gap:clamp(1px,.3vw,4px);width:100%;height:100%;min-height:0;display:grid}.calendar-day-header{text-align:center;color:#666;background-color:var(--color-gray-100);border-radius:var(--border-radius-sm);justify-content:center;align-items:center;padding:clamp(2px,1%,8px);font-size:8px;font-weight:600;display:flex}.calendar-day{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--color-white);cursor:pointer;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;padding:clamp(1px,.5vw,4px);transition:background-color .2s;display:flex;position:relative}.calendar-day:hover{background-color:var(--color-gray-100)}.calendar-day.empty{cursor:default;background-color:#0000;border:none}.calendar-day.has-deadline{background-color:var(--color-orange-primary-light);border-color:var(--color-orange-primary)}.calendar-day.today{border:2px solid var(--color-orange);font-weight:600}.calendar-day.selected{background-color:var(--color-orange-primary-light);border:2px solid var(--color-orange-primary);font-weight:600}.calendar-day-number{color:#333;font-size:clamp(9px,1.5vw,14px)}.calendar-deadline-indicator{background-color:var(--color-orange-accent);color:var(--color-white);border-radius:var(--border-radius-sm);justify-content:center;align-items:center;width:clamp(10px,2vw,18px);height:clamp(10px,2vw,18px);font-size:clamp(6px,1vw,10px);font-weight:600;display:flex;position:absolute;bottom:clamp(1px,.3vw,3px);right:clamp(1px,.3vw,3px)}.calendar-clicked-popup{background-color:var(--color-white);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);z-index:10001;pointer-events:auto;min-width:250px;max-width:350px;margin-top:5px;padding:40px 12px 12px;position:fixed;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.calendar-popup-close-button{color:#666;cursor:pointer;border-radius:var(--border-radius-sm);z-index:10002;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:24px;line-height:1;transition:background-color .2s;display:flex;position:absolute;top:8px;right:8px}.calendar-popup-close-button:hover{background-color:var(--color-gray-100);color:#333}.calendar-clicked-popup-item{border-bottom:1px solid var(--border-color-light);margin-bottom:12px;padding-bottom:12px}.calendar-clicked-popup-item:last-of-type{margin-bottom:8px;padding-bottom:8px}.calendar-clicked-popup-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.calendar-clicked-popup-info{flex-wrap:wrap;flex:1;align-items:center;gap:6px;font-size:13px;display:flex}.calendar-clicked-course-name{color:#333;font-weight:600}.calendar-clicked-separator{color:#999}.calendar-clicked-deadline-name{color:#666}.calendar-clicked-view-button{background-color:var(--color-orange-primary);color:var(--color-white);border-radius:var(--border-radius-sm);cursor:pointer;white-space:nowrap;border:none;padding:4px 10px;font-size:11px;transition:background-color .2s}.calendar-clicked-view-button:hover{background-color:var(--color-orange-primary-dark)}.calendar-clicked-comment{color:#666;margin-top:4px;padding-left:4px;font-size:12px;font-style:italic}.calendar-clicked-add-button{background-color:var(--color-gray-100);color:#333;border:1px solid var(--border-color-dark);border-radius:var(--border-radius-sm);cursor:pointer;width:100%;margin-top:8px;padding:8px;font-size:12px;transition:background-color .2s}.calendar-clicked-add-button:hover{background-color:var(--color-gray-200)}.calendar-clicked-no-deadlines{text-align:center;padding:20px 0}.calendar-clicked-no-deadlines p{color:#666;margin:0 0 15px;font-size:14px}.calendar-hover-popup{background-color:var(--color-white);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);z-index:10001;pointer-events:auto;min-width:250px;max-width:350px;margin-top:5px;padding:12px;position:fixed;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.calendar-hover-popup-item{border-bottom:1px solid var(--border-color-light);margin-bottom:12px;padding-bottom:12px}.calendar-hover-popup-item:last-of-type{margin-bottom:8px;padding-bottom:8px}.calendar-hover-popup-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.calendar-hover-popup-info{flex-wrap:wrap;flex:1;align-items:center;gap:6px;font-size:13px;display:flex}.calendar-hover-course-name{color:#333;font-weight:600}.calendar-hover-separator{color:#999}.calendar-hover-deadline-name{color:#666}.calendar-hover-view-button{background-color:var(--color-orange-primary);color:var(--color-white);border-radius:var(--border-radius-sm);cursor:pointer;white-space:nowrap;border:none;padding:4px 10px;font-size:11px;transition:background-color .2s}.calendar-hover-view-button:hover{background-color:var(--color-orange-primary-dark)}.calendar-hover-comment{color:#666;margin-top:4px;padding-left:4px;font-size:12px;font-style:italic}.calendar-hover-add-button{background-color:var(--color-gray-100);color:#333;border:1px solid var(--border-color-dark);border-radius:var(--border-radius-sm);cursor:pointer;width:100%;margin-top:8px;padding:8px;font-size:12px;transition:background-color .2s}.calendar-hover-add-button:hover{background-color:var(--color-gray-200)}.calendar-deadlines-list{background-color:var(--color-white);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);flex-shrink:0;max-height:40%;margin-top:20px;padding:15px;overflow-y:auto}.calendar-deadlines-list h4{margin:0 0 15px;font-size:16px}.calendar-deadline-item{background-color:var(--bg-secondary);border-radius:var(--border-radius-sm);justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px;display:flex}.deadline-actions{gap:8px;display:flex}.deadline-action-button{border-radius:var(--border-radius-sm);cursor:pointer;border:none;padding:4px 8px;font-size:12px;transition:background-color .2s}.deadline-action-button.edit{background-color:var(--color-orange-primary);color:var(--color-white)}.deadline-action-button.edit:hover{background-color:var(--color-orange-primary-dark)}.deadline-action-button.remove{background-color:var(--color-orange-accent);color:var(--color-white)}.deadline-action-button.remove:hover{background-color:var(--color-orange-accent-dark)}.calendar-add-button{background-color:var(--color-orange-secondary);width:100%;color:var(--color-white);border-radius:var(--border-radius-sm);cursor:pointer;border:none;margin-top:10px;padding:8px;font-size:14px}.calendar-add-button:hover{background-color:var(--color-orange-secondary-dark)}.calendar-no-deadlines{text-align:center;padding:20px}.calendar-no-deadlines p{color:#666;margin:0 0 15px}.calendar-add-form-popup{z-index:10000;width:90%;max-width:400px;animation:.2s ease-out slideDown;position:fixed;transform:translate(-50%,-50%)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%,-50%)translateY(0)}}.calendar-add-form{background-color:var(--color-white);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:15px;position:relative;box-shadow:0 4px 12px #00000026}.calendar-form-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.calendar-form-header h4{margin:0;font-size:16px}.calendar-form-close-button{color:#666;cursor:pointer;border-radius:var(--border-radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:24px;line-height:1;transition:background-color .2s;display:flex}.calendar-form-close-button:hover{background-color:var(--color-gray-100);color:#333}.calendar-form-select,.calendar-form-input{border:1px solid var(--border-color-dark);border-radius:var(--border-radius-sm);width:100%;margin-bottom:10px;padding:8px;font-size:14px}.calendar-form-buttons{gap:10px;display:flex}.calendar-form-button{border-radius:var(--border-radius-sm);cursor:pointer;border:none;flex:1;padding:8px 16px;font-size:14px;transition:background-color .2s}.calendar-form-button.save{background-color:var(--color-orange-primary);color:var(--color-white)}.calendar-form-button.save:hover:not(:disabled){background-color:var(--color-orange-primary-dark)}.calendar-form-button.save:disabled{background-color:var(--color-gray-400);cursor:not-allowed;opacity:.6}.calendar-form-button.cancel{background-color:var(--color-gray-100);color:#333;border:1px solid var(--border-color-dark)}.calendar-form-button.cancel:hover{background-color:var(--color-gray-200)}.upcoming-dates-section{background-color:var(--color-white);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);box-shadow:0 4px 12px var(--card-shadow);margin-bottom:20px;padding:15px}.upcoming-dates-section h4{color:var(--color-orange);margin:0 0 15px;font-size:16px}.upcoming-dates-list{flex-direction:column;gap:10px;display:flex}.upcoming-date-item{background-color:var(--color-orange-light);border-left:3px solid var(--color-orange);border-radius:var(--border-radius-sm);padding:10px}.upcoming-date-item strong{color:#333;margin-bottom:4px;display:block}.upcoming-date-course{color:#666;margin-bottom:4px;font-size:14px}.upcoming-date-days{color:var(--color-orange);font-size:12px;font-weight:500}.future-dates-list{border-top:1px solid var(--border-color-light);margin-top:15px;padding-top:15px}.future-date-item{background-color:var(--color-gray-100);border-left:3px solid var(--color-gray-400)}.future-date-item strong{color:#666}.future-date-item .upcoming-date-course{color:#999}.future-date-item .upcoming-date-days{color:var(--color-gray-600);font-weight:400}.future-date-item .upcoming-date-comment{color:#999}.overview-bottom-two-column{grid-template-columns:1fr 1fr;gap:30px;margin-top:40px;display:grid}.overview-dates-list-column{background-color:var(--color-gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:20px}.dates-list-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.dates-list-header h3{margin:0;font-size:18px}.dates-list-add-button{background-color:var(--color-orange-secondary);color:var(--color-white);border-radius:var(--border-radius-sm);cursor:pointer;border:none;padding:8px 16px;font-size:14px;transition:background-color .2s}.dates-list-add-button:hover{background-color:var(--color-orange-secondary-dark)}.dates-list-empty{text-align:center;color:#999;padding:40px}.dates-list{flex-direction:column;gap:10px;max-height:600px;display:flex;overflow-y:auto}.dates-list-item{background-color:var(--color-white);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);justify-content:space-between;align-items:center;padding:15px;display:flex}.dates-list-item-content{flex:1}.dates-list-item-date{color:#333;margin-bottom:4px}.dates-list-item-course{color:#666;font-size:14px}.dates-list-item-actions{gap:8px;display:flex}.dates-list-action-button{border-radius:var(--border-radius-sm);cursor:pointer;border:none;padding:6px 12px;font-size:12px;transition:background-color .2s}.dates-list-action-button.edit{background-color:var(--color-orange-primary);color:var(--color-white)}.dates-list-action-button.edit:hover{background-color:var(--color-orange-primary-dark)}.dates-list-action-button.link{background-color:var(--color-orange);color:var(--color-white)}.dates-list-action-button.link:hover{background-color:var(--color-orange-dark)}.dates-list-action-button.remove{background-color:var(--color-orange-accent);color:var(--color-white)}.dates-list-action-button.remove:hover{background-color:var(--color-orange-accent-dark)}.dates-list-form{background-color:var(--color-white);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);margin-top:20px;padding:15px}.dates-list-form h4{margin:0 0 15px;font-size:16px}.dates-list-form-input,.dates-list-form-select{border:1px solid var(--border-color-dark);border-radius:var(--border-radius-sm);width:100%;margin-bottom:10px;padding:8px;font-size:14px}.dates-list-form-buttons{gap:10px;display:flex}.dates-list-form-button{border-radius:var(--border-radius-sm);cursor:pointer;border:none;flex:1;padding:8px 16px;font-size:14px;transition:background-color .2s}.dates-list-form-button.save{background-color:var(--color-orange-primary);color:var(--color-white)}.dates-list-form-button.save:hover:not(:disabled){background-color:var(--color-orange-primary-dark)}.dates-list-form-button.save:disabled{background-color:var(--color-gray-400);cursor:not-allowed;opacity:.6}.dates-list-form-button.cancel{background-color:var(--color-gray-100);color:#333;border:1px solid var(--border-color-dark)}.dates-list-form-button.cancel:hover{background-color:var(--color-gray-200)}.overview-courses-list-column{background-color:var(--color-gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);box-shadow:0 4px 12px var(--card-shadow);padding:20px}.overview-courses-list-column h3{margin:0 0 20px;font-size:18px}.overview-priority-column{background-color:var(--color-gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:20px}.overview-priority-column h3{margin:0 0 20px;font-size:18px}.urgency-chart{width:100%;margin-bottom:20px}.urgency-bar-container{background-color:var(--color-white);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;height:240px;min-height:200px;padding:10px;display:flex;overflow:hidden}.urgency-graph-description{color:#666;margin-bottom:10px;font-size:12px}.urgency-bars-row{box-sizing:border-box;flex:1;justify-content:space-around;align-items:flex-end;width:100%;min-height:0;padding-bottom:8px;display:flex}.urgency-labels-row{box-sizing:border-box;justify-content:space-around;align-items:flex-start;width:100%;margin-top:8px;display:flex}.urgency-bar-wrapper{box-sizing:border-box;flex:1;justify-content:center;align-items:flex-end;min-width:0;height:100%;padding:0 clamp(4px,1.5%,10px);display:flex}.urgency-label-wrapper{box-sizing:border-box;flex:1;justify-content:center;align-items:flex-start;min-width:0;padding:0 clamp(4px,1.5%,10px);display:flex}.urgency-bar{box-sizing:border-box;border-radius:4px 4px 0 0;justify-content:center;align-items:flex-start;width:100%;min-width:40px;max-width:80px;min-height:20px;padding-top:8px;transition:opacity .2s;display:flex;position:relative}.urgency-bar.high{background-color:var(--color-orange-accent)}.urgency-bar.medium{background-color:var(--color-orange)}.urgency-bar.low{background-color:var(--color-orange-secondary)}.urgency-bar.na{background-color:var(--color-gray-300)}.urgency-bar-value{color:var(--color-white);font-size:14px;font-weight:600}.urgency-bar.na .urgency-bar-value{color:var(--color-gray-700)}.urgency-bar-label{color:#333;text-align:center;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;font-size:11px;font-weight:500;line-height:1.3}.urgency-filter-menu{flex-wrap:wrap;flex-shrink:0;gap:10px;margin-bottom:20px;display:flex}.urgency-filter-button{background-color:var(--color-white);border:1px solid var(--border-color-dark);border-radius:var(--border-radius-sm);cursor:pointer;padding:8px 16px;font-size:14px;transition:all .2s}.urgency-filter-button:hover{background-color:var(--color-gray-100)}.urgency-filter-button.active{background-color:var(--color-orange-primary);color:var(--color-white);border-color:var(--color-orange-primary)}.urgency-courses-list{background-color:var(--color-white);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);flex:1;min-height:0;padding:15px;overflow-y:auto}.urgency-courses-list h4{margin:0 0 15px;font-size:16px}.urgency-empty{text-align:center;color:#999;padding:20px}.urgency-courses-ul{margin:0;padding:0;list-style:none}.urgency-course-item{background-color:var(--bg-secondary);border-radius:var(--border-radius-sm);justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px;display:flex}.urgency-course-university{color:#666;margin-top:4px;font-size:12px;font-style:italic}.urgency-view-button{background-color:var(--color-orange-primary);color:var(--color-white);border-radius:var(--border-radius-sm);cursor:pointer;border:none;padding:6px 12px;font-size:12px;transition:background-color .2s}.urgency-view-button:hover{background-color:var(--color-orange-primary-dark)}.priority-chart,.priority-bar-container,.priority-bar-wrapper,.priority-bar,.priority-bar-value,.priority-bar-label,.priority-filter-menu,.priority-filter-button,.priority-courses-list,.priority-empty,.priority-courses-ul,.priority-course-item,.priority-course-university,.priority-view-button{display:inherit}.overview-courses-list{margin-top:30px}.overview-courses-list h3{margin-bottom:20px;font-size:20px}.overview-empty{text-align:center;color:#999;padding:40px}.overview-courses-simple-list{flex-direction:column;gap:15px;display:flex}.overview-course-list-item{background-color:var(--color-gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);box-shadow:0 4px 12px var(--card-shadow);justify-content:space-between;align-items:center;padding:20px;transition:box-shadow .2s;display:flex}.overview-course-list-item:hover{box-shadow:0 2px 8px var(--shadow-sm)}.course-list-item-content{flex:1}.course-list-item-name{color:#333;margin-bottom:8px;font-size:18px;font-weight:600}.course-list-item-university{color:#666;margin-bottom:8px;font-size:14px;font-style:italic}.course-list-item-tracking{color:#555;margin-bottom:8px;font-size:14px}.course-list-item-tracking strong{color:#333}.course-list-item-comment{color:#555;background-color:var(--color-gray-100);border-radius:var(--border-radius-sm);border-left:3px solid var(--color-orange-primary);margin-top:8px;padding:8px;font-size:14px}.course-list-item-comment strong{color:#333}.course-list-item-button{background-color:var(--color-orange-primary);color:var(--color-white);border-radius:var(--border-radius-sm);cursor:pointer;white-space:nowrap;border:none;margin-left:20px;padding:10px 20px;font-size:14px;font-weight:500;transition:background-color .2s}.course-list-item-button:hover{background-color:var(--color-orange-primary-dark)}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:20px;display:grid}.dashboard-grid-container{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;margin-top:20px;display:grid;position:relative}.dashboard-grid-container:before{content:"";pointer-events:none;z-index:0;grid-area:1/1/-1/-1}.dashboard-grid-cell{min-width:0;min-height:200px}@media (max-width:768px){.dashboard-grid,.dashboard-grid-container{grid-template-columns:1fr}.dashboard-grid-cell{min-height:200px}}.dashboard-element-container{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);box-shadow:0 2px 4px var(--shadow-sm);flex-direction:column;width:100%;height:100%;min-height:0;padding:20px;transition:box-shadow .2s,opacity .2s;display:flex;position:relative;overflow:hidden}.dashboard-element-container:hover{box-shadow:0 4px 8px var(--shadow-md)}.dashboard-element-container.dashboard-element-dragging{opacity:.5;box-shadow:0 8px 16px var(--shadow-lg);z-index:1000}.dashboard-element-container.dashboard-element-drag-preview{pointer-events:none;z-index:2000;opacity:.8;box-shadow:0 12px 24px var(--shadow-xl);position:fixed;transform:scale(.95)}.dashboard-element-container.dashboard-element-resizing{opacity:.9;box-shadow:0 6px 12px var(--shadow-md)}.dashboard-element-header{border-bottom:1px solid var(--border-color-light);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.dashboard-element-header-left{flex:1;align-items:center;gap:8px;display:flex}.dashboard-element-title{color:var(--primary-text);margin:0;font-size:1.2em;font-weight:600}.dashboard-element-controls{gap:8px;display:flex;position:relative}.dashboard-add-button,.dashboard-remove-button,.dashboard-reorder-button{background-color:var(--color-orange-primary);color:var(--color-white);border-radius:var(--border-radius-sm);cursor:pointer;text-align:center;border:none;min-width:32px;padding:6px 12px;font-size:.9em;font-weight:500;transition:all .2s}.dashboard-add-button:hover,.dashboard-remove-button:hover,.dashboard-reorder-button:hover{background-color:var(--color-orange-primary-dark);transform:translateY(-1px)}.dashboard-add-button:active,.dashboard-remove-button:active,.dashboard-reorder-button:active{transform:translateY(0)}.dashboard-add-button:disabled,.dashboard-remove-button:disabled,.dashboard-reorder-button:disabled{background-color:var(--bg-disabled);color:var(--color-gray-600);cursor:not-allowed;transform:none}.dashboard-reorder-button{min-width:auto;padding:6px 16px}.dashboard-add-button-floating{background-color:var(--color-orange-primary);color:var(--color-white);border-radius:var(--border-radius-sm);cursor:pointer;width:48px;height:48px;box-shadow:0 2px 8px var(--shadow-md);border:none;justify-content:center;align-items:center;font-size:1.5em;font-weight:500;transition:all .2s;display:flex}.dashboard-add-button-floating:hover{background-color:var(--color-orange-primary-dark);box-shadow:0 4px 12px var(--shadow-lg);transform:translateY(-2px)scale(1.05)}.dashboard-add-button-floating:active{transform:translateY(0)scale(1)}.dashboard-add-element-container{border:2px dashed var(--border-color-light);border-radius:var(--border-radius-sm);background-color:var(--bg-secondary);justify-content:center;align-items:center;min-height:200px;transition:all .2s;display:flex}.dashboard-add-element-container:hover{border-color:var(--color-orange-primary);background-color:var(--color-gray-50)}.dashboard-controls{gap:12px;margin-top:12px;display:flex}.dashboard-empty,.dashboard-loading{text-align:center;color:var(--color-gray-600);padding:60px 20px}.dashboard-empty p,.dashboard-loading p{margin:0 0 20px;font-size:1.1em}.add-element-dropdown{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);box-shadow:0 4px 12px var(--shadow-md);z-index:1000;min-width:220px;position:absolute;overflow:hidden}.add-element-dropdown-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color-light);color:var(--primary-text);padding:12px 16px;font-size:.9em;font-weight:600}.add-element-dropdown-list{flex-direction:column;display:flex}.add-element-dropdown-item{cursor:pointer;text-align:left;width:100%;color:var(--primary-text);background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-size:.9em;transition:background-color .2s;display:flex}.add-element-dropdown-item:hover{background-color:var(--bg-secondary)}.add-element-icon{font-size:1.2em}.add-element-label{flex:1}.dashboard-element-content{flex:1;min-height:0;padding-top:8px;overflow-y:auto}.dashboard-element-urgency-display{flex-direction:column;height:100%;display:flex}.urgency-view-switch-container{justify-content:center;gap:10px;margin-bottom:2px;display:flex}.urgency-view-switch{color:#333;cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:6px 12px;font-size:14px;font-weight:500;transition:all .2s}.urgency-view-switch:hover{background-color:var(--color-gray-100);border-color:var(--color-orange-primary)}.urgency-view-switch.active{background-color:var(--primary-color);color:#fff;border-color:var(--color-orange-primary)}.urgency-view-switch.active:hover{background-color:var(--color-orange-primary-dark)}.urgency-bar.done{background-color:#28a745}.element-export-controls{border-bottom:1px solid var(--border-color-light);justify-content:flex-end;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.element-export-button{background-color:var(--color-orange-secondary);color:var(--color-white);border-radius:var(--border-radius-sm);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.element-export-button:hover:not(:disabled){background-color:var(--color-orange-secondary-dark);box-shadow:0 2px 8px var(--shadow-md);transform:translateY(-1px)}.element-export-button:active:not(:disabled){transform:translateY(0)}.element-export-button:disabled{background-color:var(--color-gray-400);cursor:not-allowed;opacity:.6;transform:none}.dashboard-element-calendar-view{flex-direction:column;height:100%;display:flex;position:relative;overflow:visible}.dashboard-element-calendar-view .calendar-header{border-bottom:1px solid var(--border-color-light);flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:clamp(8px,2%,16px);padding-bottom:clamp(6px,1.5%,12px);display:flex}.dashboard-element-calendar-view .calendar-header>div:first-child{flex:1}.dashboard-element-calendar-view .element-export-controls{border-bottom:none;margin-bottom:0;padding-bottom:0}.reorder-elements-modal{width:90%;max-width:600px}.reorder-elements-list{max-height:400px;margin:20px 0;overflow-y:auto}.reorder-element-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:move;align-items:center;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s;display:flex}.reorder-element-item:hover{background-color:var(--color-gray-100);box-shadow:0 2px 4px var(--shadow-sm)}.reorder-element-drag-handle{color:var(--color-gray-600);cursor:grab;font-size:1.2em}.reorder-element-drag-handle:active{cursor:grabbing}.reorder-element-info{flex:1}.reorder-element-title{color:var(--primary-text);margin-bottom:4px;font-weight:500}.reorder-element-type{color:var(--color-gray-600);font-size:.85em}.reorder-elements-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:10px;margin-top:20px;padding-top:20px;display:flex}.reorder-elements-button{border-radius:var(--border-radius-sm);cursor:pointer;border:none;padding:10px 20px;font-size:.9em;font-weight:500;transition:all .2s}.reorder-elements-button.save{background-color:var(--color-orange-primary);color:var(--color-white)}.reorder-elements-button.save:hover{background-color:var(--color-orange-primary-dark)}.reorder-elements-button.cancel{background-color:var(--color-gray-100);color:var(--primary-text);border:1px solid var(--border-color-dark)}.reorder-elements-button.cancel:hover{background-color:var(--color-gray-200)}.drag-handle{cursor:move;color:var(--color-gray-600);border-radius:var(--border-radius-sm);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px 8px;transition:background-color .2s,color .2s;display:flex}.drag-handle:hover{background-color:var(--color-gray-100);color:var(--primary-text)}.drag-handle.dragging{background-color:var(--color-orange-primary-light);color:var(--color-orange-primary)}.drag-handle-icon{letter-spacing:-2px;font-size:1.2em;line-height:1}.resize-handle{background-color:var(--color-orange-primary);border:2px solid var(--color-white);z-index:10;opacity:0;width:12px;height:12px;box-shadow:0 2px 4px var(--shadow-sm);border-radius:50%;transition:opacity .2s,transform .2s;position:absolute}.dashboard-element-container:hover .resize-handle{opacity:1}.resize-handle:hover,.resize-handle.resizing{opacity:1;background-color:var(--color-orange-primary-dark);transform:scale(1.2)}.resize-handle-nw{cursor:nwse-resize;top:-6px;left:-6px}.resize-handle-ne{cursor:nesw-resize;top:-6px;right:-6px}.resize-handle-sw{cursor:nesw-resize;bottom:-6px;left:-6px}.resize-handle-se{cursor:nwse-resize;bottom:-6px;right:-6px}.resize-handle-n{cursor:ns-resize;top:-6px;left:50%;transform:translate(-50%)}.resize-handle-s{cursor:ns-resize;bottom:-6px;left:50%;transform:translate(-50%)}.resize-handle-e{cursor:ew-resize;top:50%;right:-6px;transform:translateY(-50%)}.resize-handle-w{cursor:ew-resize;top:50%;left:-6px;transform:translateY(-50%)}.dashboard-grid-drop-zone{background-color:var(--color-orange-primary-light);border:2px dashed var(--color-orange-primary);border-radius:var(--border-radius-sm);opacity:.3;pointer-events:none;z-index:100;margin:6px;transition:opacity .2s,background-color .2s;position:absolute}.dashboard-grid-drop-zone.active{opacity:.6;background-color:var(--color-orange-primary-light)}.dashboard-grid-drop-zone.invalid{background-color:var(--color-orange-accent-light);border-color:var(--color-orange-accent);opacity:.4}