@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=DM+Sans:wght@300;400;500;600&display=swap";:root{--ul-navy: #0d2340;--ul-navy-mid: #163354;--ul-navy-light: #1e4a7a;--ul-gold: #c8952a;--ul-gold-light: #e8b84b;--ul-gold-pale: #ffffff;--ul-white: #ffffff;--ul-off-white: #ffffff;--ul-mist: #ffffff;--ul-text: #0d2340;--ul-text-mid: #3a5070;--ul-text-muted: #6b84a0;--ul-border: rgba(13, 35, 64, .12);--ul-border-gold: rgba(200, 149, 42, .35);--ul-radius: 16px;--ul-font: "DM Sans", sans-serif;--ul-display: "Playfair Display", serif;--ul-mono: "DM Mono", monospace;--ul-transition: .3s cubic-bezier(.4, 0, .2, 1);--ul-bg-image: url(/logo/CITC.jpg)}.ul-root{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;font-family:var(--ul-font);position:relative;overflow:hidden;background:var(--ul-off-white)}.ul-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;display:flex}.ul-bg__left{width:100%;position:relative;overflow:hidden;background-image:var(--ul-bg-image);background-size:cover;background-position:center}.ul-bg__left:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0d2340b8;z-index:1}.ul-bg__pattern,.ul-bg__arc{z-index:2}.ul-bg__right{flex:1;background:var(--ul-off-white)}.ul-bg__left:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 30% 50%,rgba(200,149,42,.08) 0%,transparent 60%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.03) 0%,transparent 50%);pointer-events:none}.ul-bg__pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.ul-bg__arc{position:absolute;width:600px;height:600px;border-radius:50%;border:1px solid rgba(200,149,42,.15);bottom:-200px;left:-100px;pointer-events:none}.ul-bg__arc--2{width:400px;height:400px;border-color:#c8952a14;bottom:-80px;left:0;animation:ul-pulse 6s ease-in-out infinite}@keyframes ul-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.02)}}.ul-brand{position:fixed;left:0;top:0;bottom:0;width:55%;display:flex;flex-direction:column;justify-content:center;padding:48px 56px;z-index:5;pointer-events:none}.ul-brand__lockup{display:flex;align-items:center;gap:14px;margin-bottom:52px}.ul-brand__img{width:44px;height:44px;object-fit:contain;border-radius:10px;filter:brightness(0) invert(1)}.ul-brand__name{font-family:var(--ul-display);font-size:22px;font-weight:700;color:var(--ul-white);letter-spacing:.01em}.ul-brand__tagline{font-size:38px;font-family:var(--ul-display);font-weight:600;color:var(--ul-white);line-height:1.2;letter-spacing:-.5px;margin-bottom:20px}.ul-brand__tagline em{font-style:normal;color:var(--ul-gold-light)}.ul-brand__sub{font-size:15px;color:#ffffff8c;line-height:1.65;max-width:340px}.ul-brand__dots{display:flex;gap:8px;margin-top:48px}.ul-brand__dot{width:6px;height:6px;border-radius:50%;background:#fff3}.ul-brand__dot--gold{background:var(--ul-gold);width:24px;border-radius:3px}.ul-greeting{position:fixed;top:24px;right:32px;display:flex;align-items:center;gap:7px;color:var(--ul-text-muted);font-size:13px;font-weight:500;letter-spacing:.02em;z-index:10;padding:7px 14px;background:var(--ul-white);border:1px solid var(--ul-border);border-radius:999px;box-shadow:0 1px 4px #0d23400f}.ul-greeting__wave{font-size:15px}.ul-card{position:relative;z-index:10;width:100%;max-width:400px;padding:44px 40px 36px;background:var(--ul-white);border:1px solid var(--ul-border);border-radius:20px;box-shadow:0 2px 4px #0d23400a,0 12px 40px #0d23401a,0 0 0 1px #0d234008;margin-left:auto;margin-right:10%}.ul-card--enter{animation:ul-card-in .45s cubic-bezier(.34,1.56,.64,1) forwards}.ul-card--exit{animation:ul-card-out .25s ease-in forwards}@keyframes ul-card-in{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ul-card-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.ul-card-logo{display:flex;align-items:center;gap:10px;margin-bottom:32px}.ul-card-logo__img{width:36px;height:36px;object-fit:contain;border-radius:8px}.ul-card-logo__name{font-family:var(--ul-display);font-size:18px;font-weight:700;color:var(--ul-navy);letter-spacing:.01em}.ul-divider{height:1px;background:linear-gradient(90deg,var(--ul-gold) 0%,transparent 70%);margin-bottom:28px;opacity:.4}.ul-title{font-size:24px;font-family:var(--ul-display);font-weight:700;color:var(--ul-navy);letter-spacing:-.3px;margin-bottom:6px;line-height:1.15}.ul-subtitle{font-size:13px;color:var(--ul-text-muted);margin-bottom:28px;line-height:1.5}.ul-form{display:flex;flex-direction:column;gap:18px}.ul-field{position:relative}.ul-field__input{width:100%;padding:18px 14px 7px;background:var(--ul-off-white);border:1.5px solid var(--ul-border);border-bottom:none;border-radius:10px 10px 0 0;color:var(--ul-text);font-family:var(--ul-font);font-size:15px;font-weight:500;outline:none;transition:background .2s ease,border-color .2s ease;box-sizing:border-box}.ul-field__input::placeholder{color:transparent}.ul-field__input:focus{background:#fefdfb;border-color:#c8952a66}.ul-field__input:-webkit-autofill,.ul-field__input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ul-navy);-webkit-box-shadow:0 0 0 100px var(--ul-off-white) inset;transition:background-color 5000s ease-in-out 0s}.ul-field__label{position:absolute;top:50%;left:14px;transform:translateY(-50%);font-size:14px;font-weight:500;color:var(--ul-text-muted);pointer-events:none;transition:all .2s ease;transform-origin:left center}.ul-field__input:focus~.ul-field__label,.ul-field__input:not(:placeholder-shown)~.ul-field__label{top:5px;transform:translateY(0) scale(.72);color:var(--ul-gold)}.ul-field__bar{height:2px;background:var(--ul-mist);border-radius:0 0 4px 4px;position:relative;overflow:hidden}.ul-field__bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--ul-navy),var(--ul-gold));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.ul-field__input:focus~.ul-field__bar:after{transform:scaleX(1)}.ul-field--password .ul-field__input{padding-right:48px}.ul-field__eye{position:absolute;top:50%;right:14px;transform:translateY(-50%);background:none;border:none;color:var(--ul-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;padding:4px;transition:color .2s}.ul-field__eye:hover{color:var(--ul-navy)}.ul-field__input::-ms-reveal,.ul-field__input::-ms-clear,.ul-field__input::-webkit-credentials-auto-fill-button{display:none!important}.ul-error{display:flex;align-items:center;gap:8px;background:#fff5f5;border:1px solid #fecdcd;border-radius:8px;color:#b91c1c;font-size:13px;font-weight:500;max-height:0;padding:0;overflow:hidden;opacity:0;transition:all .3s ease;margin-top:-6px}.ul-error--visible{max-height:60px;padding:10px 14px;opacity:1;margin-top:0}.ul-error__icon{width:18px;height:18px;background:#dc2626;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.ul-remember{display:flex;align-items:center;gap:10px;cursor:pointer;margin-top:-2px}.ul-remember__input{position:absolute;opacity:0;width:0;height:0}.ul-remember__box{width:18px;height:18px;border:1.5px solid var(--ul-border);border-radius:5px;background:var(--ul-off-white);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ul-remember__box svg{width:10px;height:10px;opacity:0;transition:opacity .2s}.ul-remember__input:checked+.ul-remember__box{background:var(--ul-navy);border-color:var(--ul-navy)}.ul-remember__input:checked+.ul-remember__box svg{opacity:1}.ul-remember__label{font-size:13px;color:var(--ul-text-muted);font-weight:500}.ul-submit{width:100%;height:52px;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--ul-font);font-size:15px;font-weight:600;color:#fff;cursor:pointer;background:var(--ul-navy);position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,opacity .2s;letter-spacing:.02em;margin-top:4px}.ul-submit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 40%,rgba(200,149,42,.2) 60%,transparent 80%);opacity:0;transition:opacity .3s}.ul-submit:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--ul-gold),var(--ul-gold-light));opacity:.7}.ul-submit:hover:before{opacity:1}.ul-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #0d234040,0 0 0 1px #c8952a4d}.ul-submit:active:not(:disabled){transform:translateY(0)}.ul-submit:disabled{opacity:.6;cursor:not-allowed}.ul-submit__arrow{width:16px;height:16px;transition:transform .2s ease}.ul-submit:hover .ul-submit__arrow{transform:translate(4px)}.ul-submit__spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:ul-spin .7s linear infinite}@keyframes ul-spin{to{transform:rotate(360deg)}}.ul-footer{display:flex;flex-direction:column;align-items:center;gap:2px}.ul-footer__dev{font-size:.65rem;color:#b0bec5;letter-spacing:.02em;font-style:italic}.ul-footer__text{font-size:12px;color:var(--ul-text-muted)}.ul-footer__seal{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--ul-text-muted)}.ul-footer__seal-icon{width:14px;height:14px;color:var(--ul-gold)}.ul-version{position:fixed;bottom:18px;left:50%;transform:translate(-50%);font-family:var(--ul-mono);font-size:11px;color:#ffffff40;z-index:10;letter-spacing:.06em}@media(max-width:768px){.ul-bg__left,.ul-brand{display:none}.ul-bg__right{width:100%}.ul-card{max-width:100%;min-height:100vh;border-radius:0;padding:80px 24px 40px;display:flex;flex-direction:column;justify-content:center;border:none;box-shadow:none;margin:0}.ul-greeting{top:20px;right:20px}.ul-version{color:#0d23404d}}@media(min-width:769px)and (max-width:1024px){.ul-brand__tagline{font-size:28px}.ul-brand{padding:48px 36px}.ul-card{max-width:360px;margin-right:6%}}:root{--sidebar-width: 250px;--sidebar-closed-width: 50px;--primary-blue: #1e90ff;--dark-blue-bg: #092C4C;--light-gray-bg: #f5f7fa;--card-bg: #ffffff;--text-color: #333333;--light-text-color: #666666;--border-color: #e0e0e0;--shadow: 0 4px 10px rgba(0, 0, 0, .1);--transition-speed: .3s;--transition-fn: ease-in-out;--active-menu-bg: #F2994A;--active-menu-text: #ffffff;--menu-hover-bg: #080d6a;--orange: #F2994A;--navy: #092C4C}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background-color:var(--light-gray-bg);overflow-x:hidden}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100vw}.main-content-wrapper{display:flex;flex:1;width:100%}.sidebar{background-color:var(--dark-blue-bg);color:#fff;width:var(--sidebar-closed-width);min-width:var(--sidebar-closed-width);position:fixed;height:100vh;top:0;left:0;z-index:1000;display:flex;flex-direction:column;overflow-y:auto;overflow-x:visible;scrollbar-width:none;-ms-overflow-style:none;transition:width var(--transition-speed) var(--transition-fn),transform var(--transition-speed) var(--transition-fn)}.sidebar::-webkit-scrollbar{display:none}.sidebar.open{width:var(--sidebar-width);min-width:var(--sidebar-width)}.sidebar-header{display:flex;align-items:center;padding:10px 15px}.sidebar-logo-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:0;width:100%}.sidebar-logo{display:flex;align-items:center;flex-grow:1}.logo-img{width:40px;height:40px;border-radius:50%;margin-left:-10px;margin-right:10px;flex-shrink:0}.logo-text{font-size:1.2rem;font-weight:700;opacity:0;max-width:0;overflow:hidden;white-space:nowrap;transition:opacity var(--transition-speed) var(--transition-fn),max-width var(--transition-speed) var(--transition-fn)}.sidebar.open .logo-text,.sidebar:hover .logo-text{opacity:1;max-width:150px}.sidebar-nav{flex-grow:1;padding-top:20px;overflow:visible}.sidebar-nav ul{list-style:none;padding:0;margin:0;overflow:visible}.sidebar-nav li{margin-bottom:5px;overflow:visible}.sidebar-nav button{display:flex;align-items:center;width:100%;background-color:transparent;border:none;color:#fff;padding:10px 15px;cursor:pointer;text-align:left;border-radius:5px;position:relative;overflow:visible;transition:background-color .2s,padding-left .2s}.sidebar-nav button:hover{background-color:var(--menu-hover-bg);padding-left:20px}.sidebar-nav li.active button{background-color:var(--light-gray-bg);color:var(--orange);font-weight:700;padding-left:15px;border-top-left-radius:100px;border-bottom-left-radius:100px}.sidebar-nav li.active button:hover{background-color:var(--light-gray-bg);padding-left:15px}.sidebar-nav li.active button .icon{color:var(--orange)}.sidebar-nav button span{max-width:0;overflow:hidden;white-space:nowrap;opacity:0;margin-left:0;transition:max-width var(--transition-speed) var(--transition-fn),opacity var(--transition-speed) var(--transition-fn),margin-left var(--transition-speed) var(--transition-fn)}.sidebar.open .sidebar-nav button span,.sidebar:hover .sidebar-nav button span{max-width:150px;opacity:1;margin-left:10px}.icon{width:20px;height:20px;object-fit:contain;flex-shrink:0;transition:margin-right var(--transition-speed) var(--transition-fn)}.sidebar.open .icon{margin-right:10px}.notification-badge-icon{position:absolute;top:-6px;right:-8px;background-color:var(--orange);color:#fff;border-radius:50%;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;padding:0 4px;border:2px solid var(--dark-blue-bg);line-height:1;z-index:100;pointer-events:none}.sidebar-footer{padding:20px 15px;border-top:1px solid rgba(255,255,255,.1)}.sidebar-footer button{display:flex;align-items:center;color:#fff;padding:10px 0;background:none;border:none;cursor:pointer;width:100%;text-align:left;border-radius:5px;transition:background-color .3s ease}.sidebar-footer button:hover{background-color:var(--menu-hover-bg);padding-left:5px}.sidebar.open .sidebar-footer button{padding-left:15px}.menu-toggle-btn{display:none;position:fixed;top:15px;left:15px;z-index:1001;background-color:var(--dark-blue-bg);color:#fff;border:none;border-radius:8px;padding:10px 12px;cursor:pointer;font-size:1.2rem;box-shadow:0 2px 8px #0003;transition:background-color .2s ease}.menu-toggle-btn:hover{background-color:var(--menu-hover-bg)}.menu-toggle-btn:active{transform:scale(.95)}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:999;opacity:0;transition:opacity var(--transition-speed) var(--transition-fn)}.sidebar-backdrop.active{display:block;opacity:1}.main-content{flex-grow:1;padding:20px;background-color:var(--light-gray-bg);margin-left:var(--sidebar-closed-width);overflow-y:auto;min-height:100vh;transition:margin-left var(--transition-speed) var(--transition-fn)}.main-content.sidebar-open{margin-left:var(--sidebar-width)}.floating-topbar{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px 20px;margin-bottom:10px;position:relative;z-index:99999;overflow:visible}.topbar-welcome,.topbar-pagetitle{background:#fff;border-radius:999px;box-shadow:0 2px 16px #092c4c1a;font-weight:700;color:var(--navy);white-space:nowrap}.topbar-welcome{font-size:1.25rem;padding:10px 18px}.topbar-pagetitle{font-size:1.1rem;padding:10px 28px;letter-spacing:.01em}.topbar-welcome .highlight{color:var(--orange)}.topbar-right-cluster{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:10px}.topbar-datetime-pill{background:#fff;border-radius:999px;padding:5px 18px;box-shadow:0 2px 10px #092c4c1a;display:flex;flex-direction:column;align-items:center;line-height:1.3}.topbar-date{font-size:.75rem;color:var(--orange);font-weight:700;letter-spacing:.02em}.topbar-time{font-size:1rem;font-weight:800;color:var(--orange)}.topbar-avatar-notification-pill{background:#fff;border-radius:999px;padding:5px 15px;box-shadow:0 2px 10px #092c4c1a;display:flex;align-items:center;gap:5px;position:relative;z-index:99999}.topbar-bell-btn{position:relative;background:transparent;border:transparent;cursor:pointer;color:var(--navy);display:flex;align-items:center;justify-content:center;padding:6px;border-radius:50%;font-size:1.5rem;transition:background-color .2s}.topbar-bell-btn:hover{background-color:#f0f4ff;color:var(--orange)}.topbar-badge{position:absolute;top:0;right:0;background-color:var(--orange);color:#fff;border-radius:50%;min-width:16px;height:16px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 3px;border:2px solid #fff;line-height:1}.topbar-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;cursor:pointer;border:2px solid var(--orange);transition:box-shadow .2s}.topbar-avatar:hover{box-shadow:0 0 0 3px #f2994a4d}.notif-dropdown-wrapper,.profile-dropdown-wrapper{position:relative;display:flex;align-items:center}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.notif-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #00000021;width:320px;z-index:999999;overflow:hidden;animation:dropdownFadeIn .18s ease-out}.notif-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #f0f0f0}.notif-dropdown-title{font-weight:700;font-size:.9rem;color:var(--navy)}.notif-dropdown-count{font-size:.75rem;background:var(--orange);color:#fff;border-radius:999px;padding:2px 8px;font-weight:600}.notif-dropdown-list{list-style:none;margin:0;padding:6px 0;max-height:280px;overflow-y:auto;scrollbar-width:thin}.notif-item{padding:10px 16px;cursor:pointer;border-bottom:1px solid #f5f5f5;transition:background-color .15s}.notif-item:last-child{border-bottom:none}.notif-item:hover{background-color:#f5f7fa}.notif-unread{background-color:#fff8f2;border-left:3px solid var(--orange)}.notif-unread:hover{background-color:#fef0e4}.notif-item-message{font-size:.82rem;color:#222;font-weight:500;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-unread .notif-item-message{font-weight:600;color:var(--navy)}.notif-item-time{font-size:.72rem;color:#aaa;margin-top:3px}.notif-empty{padding:20px;text-align:center;color:#aab4c4;font-size:.85rem}.notif-dropdown-viewall{display:block;width:100%;padding:10px;background:none;border:none;border-top:1px solid #f0f0f0;color:var(--orange);font-size:.82rem;font-weight:600;cursor:pointer;text-align:center;transition:background-color .15s}.notif-dropdown-viewall:hover{background-color:#fff8f2}.topbar-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #00000021;width:220px;z-index:999999;overflow:hidden;animation:dropdownFadeIn .18s ease-out}.dropdown-header{padding:12px 14px;border-bottom:1px solid #f0f0f0}.dropdown-name{font-weight:700;font-size:.9rem;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-role{font-size:.75rem;color:var(--orange);margin-top:2px}.dropdown-menu-list{list-style:none;margin:0;padding:6px}.dropdown-menu-list li button{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;cursor:pointer;padding:8px 10px;border-radius:8px;font-size:.85rem;color:#333;font-weight:500;text-align:left;transition:background-color .15s,color .15s}.dropdown-menu-list li button:hover{background-color:#f5f7fa;color:var(--navy)}.dropdown-divider{border-top:1px solid #f0f0f0;margin:4px 0;pointer-events:none}.dropdown-signout{color:#e53e3e!important}.dropdown-signout:hover{background-color:#fff5f5!important;color:#c53030!important}.dashboard-shortcuts-wrapper{padding:0 4px}.shortcuts-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}@media(max-width:1200px){.dh-shortcuts-bar{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.dh-shortcuts-bar{grid-template-columns:repeat(2,1fr);gap:8px}.dh-shortcut-btn{padding:10px 12px}.dh-shortcut-desc{display:none}}.shortcut-card{background:#fff;border-radius:16px;box-shadow:0 4px 16px #092c4c17;overflow:hidden;display:flex;flex-direction:column;min-height:320px}.shortcut-card.full-width{grid-column:1 / -1}.shortcut-card>*{flex:1;width:100%;min-width:0}.placeholder-content{display:flex;flex-direction:column;align-items:center;gap:8px;color:#aab4c4;text-align:center;padding:40px}.placeholder-icon{font-size:2.5rem;opacity:.45}.placeholder-content p{margin:0;font-size:1rem;font-weight:600}.placeholder-content small{font-size:.8rem}.card{background-color:var(--card-bg);padding:20px;border-radius:15px;box-shadow:var(--shadow);display:flex;flex-direction:column}.myModal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:9999999}.myModal-box{background-color:#fff;border-radius:12px;padding:1.5rem 2rem;max-width:400px;width:90%;box-shadow:0 8px 24px #00000026;text-align:center;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.myModal-title{font-size:1.2rem;margin-bottom:1rem;font-weight:600;color:#222}.myModal-actions{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.myModal-btn{padding:.5rem 1.25rem;border:none;border-radius:6px;font-size:.95rem;cursor:pointer;transition:background-color .2s ease,color .2s ease}.myModal-btn-confirm{background-color:var(--orange);color:#fff}.myModal-btn-confirm:hover{background-color:#e47514}.myModal-btn-cancel{background-color:#f0f0f0;color:#333}.myModal-btn-cancel:hover{background-color:#e0e0e0}button.set-button,button.view-button{background-color:var(--orange)}.fab-switch-admin,.fab-switch-faculty{position:fixed;bottom:28px;right:28px;z-index:1200;display:flex;align-items:center;gap:10px;padding:12px 20px;border:none;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.02em;cursor:pointer;box-shadow:0 4px 20px #00000038,0 1px 6px #00000024;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.fab-switch-admin{background:#042352;color:#e2c47a}.fab-switch-admin:hover{background:#112240;transform:translateY(-3px);box-shadow:0 8px 28px #00000047}.fab-switch-faculty{background:#042352;color:#fff}.fab-switch-faculty:hover{background:#1a5fa0;transform:translateY(-3px);box-shadow:0 8px 28px #1e6eb559}.fab-switch-admin:active,.fab-switch-faculty:active{transform:translateY(0);box-shadow:0 2px 10px #0003}.Toastify__toast-container,#_rht_toaster,[data-hot-toast]{z-index:9999999!important}@media(max-width:768px){:root{--sidebar-width: 250px;--sidebar-closed-width: 0px}.menu-toggle-btn{display:block}.sidebar{width:var(--sidebar-width);transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar:hover{transform:translate(-100%)}.sidebar.open:hover{transform:translate(0)}.sidebar-backdrop.active{display:block}.main-content{margin-left:0!important;padding:60px 15px 15px;height:auto;overflow-y:auto}.logo-img{width:35px;height:35px}.icon{width:18px;height:18px}.sidebar-nav{padding-top:15px}.sidebar-nav li{margin-bottom:3px}.sidebar-nav button{padding:8px 12px;font-size:.9rem}.floating-topbar{flex-direction:column;align-items:stretch;gap:10px;padding:60px 12px 8px}.topbar-welcome,.topbar-pagetitle{text-align:center;font-size:1rem;padding:8px 20px}.topbar-right-cluster{position:static;transform:none;justify-content:flex-end;flex-wrap:wrap;gap:8px}.topbar-datetime-pill{padding:4px 12px}.topbar-date{font-size:.68rem}.topbar-time{font-size:.85rem}.topbar-avatar-notification-pill{padding:4px 10px;gap:4px}.topbar-avatar{width:34px;height:34px}.notif-dropdown,.topbar-dropdown{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;border-radius:16px 16px 0 0;z-index:9999999;animation:slideUp .22s ease-out}.notif-dropdown{max-height:70vh;overflow-y:auto}.notif-dropdown-list{max-height:50vh}.shortcuts-grid{grid-template-columns:1fr}.shortcut-card.full-width{grid-column:1}.shortcut-card{min-height:260px}.main-content table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:12px;color:#000!important}.main-content table th,.main-content table td{white-space:nowrap;min-width:80px;padding:8px 6px;font-size:12px}.myModal-box{max-width:90%;padding:1.2rem 1.5rem}.myModal-title{font-size:1rem}.myModal-btn{padding:.4rem 1rem;font-size:.9rem}.fab-switch-admin span,.fab-switch-faculty span{display:none}.fab-switch-admin,.fab-switch-faculty{padding:14px;bottom:20px;right:20px;border-radius:50%}}@media(max-width:480px){body{overflow-x:hidden}.main-content{padding-left:12px;padding-right:12px}.topbar-welcome,.topbar-pagetitle{font-size:.9rem;padding:7px 14px}}@media(min-width:770px)and (max-width:924px){:root{--sidebar-width: 220px;--sidebar-closed-width: 0px}.menu-toggle-btn{display:block}.sidebar{width:var(--sidebar-width);transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop.active{display:block}.main-content{margin-left:0!important;padding:60px 18px 18px;overflow-x:hidden}.floating-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;padding-top:60px}.topbar-right-cluster{position:static;transform:none;justify-content:flex-end}.notif-dropdown{width:300px;right:0;left:auto}.topbar-dropdown{width:210px;right:0}.shortcuts-grid{grid-template-columns:1fr}.shortcut-card{min-height:260px}.main-content table{display:block;overflow-x:auto;font-size:12px;color:#000!important}}@media(min-width:769px)and (max-width:1024px){:root{--sidebar-width: 220px;--sidebar-closed-width: 0px}.menu-toggle-btn{display:block}.sidebar{width:var(--sidebar-width);transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar:hover{transform:translate(-100%)}.sidebar.open:hover{transform:translate(0)}.sidebar-backdrop.active{display:block}.main-content{margin-left:0!important;padding:60px 18px 18px}.floating-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;padding-top:60px}.topbar-right-cluster{position:static;transform:none;justify-content:flex-end}.notif-dropdown{width:300px;right:0;left:auto}.topbar-dropdown{width:210px;right:0}.shortcuts-grid{grid-template-columns:1fr 1fr;gap:16px}.shortcut-card{min-height:280px}.sidebar-nav button{padding:9px 14px}.icon{width:19px;height:19px}.main-content table{display:block;overflow-x:auto;font-size:12px;color:#000!important}}@media(min-width:1025px){:root{--sidebar-width: 250px;--sidebar-closed-width: 50px}.menu-toggle-btn{display:none}.sidebar-backdrop{display:none!important}.sidebar{width:var(--sidebar-closed-width);transform:translate(0)}.sidebar:hover,.sidebar.open{width:var(--sidebar-width)}.main-content{margin-left:var(--sidebar-closed-width);padding:20px}.main-content.sidebar-open{margin-left:var(--sidebar-width)}.sidebar:hover~.main-content{margin-left:var(--sidebar-width)}.topbar-right-cluster{position:absolute;right:20px;top:50%;transform:translateY(-50%)}.notif-dropdown{position:absolute;top:calc(100% + 10px);right:0;bottom:auto;left:auto;width:320px;border-radius:12px;max-height:none;animation:dropdownFadeIn .18s ease-out}.topbar-dropdown{position:absolute;top:calc(100% + 10px);right:0;bottom:auto;left:auto;width:220px;border-radius:12px;animation:dropdownFadeIn .18s ease-out}.shortcuts-grid{grid-template-columns:1fr 1fr;gap:20px}.shortcut-card{min-height:320px}.sidebar-nav button{padding:10px 15px}.icon{width:20px;height:20px}}.dh-root{display:flex;flex-direction:column;gap:20px;padding:4px}.dh-shortcuts-bar{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.dh-shortcut-btn{display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:#fff;border:1.5px solid #e8edf3;border-radius:14px;padding:12px 14px;cursor:pointer;min-width:0;width:100%;text-align:left;transition:border-color .2s,box-shadow .2s,transform .15s;box-shadow:0 2px 8px #092c4c0f}.dh-shortcut-btn:hover{border-color:var(--orange);box-shadow:0 4px 16px #f2994a2e;transform:translateY(-2px)}.dh-shortcut-icon{color:var(--orange);font-size:18px;margin-bottom:4px;display:flex;align-items:center}.dh-shortcut-label{font-size:.82rem;font-weight:700;color:var(--navy);line-height:1.2}.dh-shortcut-desc{font-size:.7rem;color:#8a97a8;line-height:1.3}.dh-section-card{background:#fff;border-radius:18px;box-shadow:0 4px 18px #092c4c14;overflow:hidden}.dh-cal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1.5px solid #f0f3f7;gap:12px;flex-wrap:wrap}.dh-cal-header-left{display:flex;align-items:center;gap:12px}.dh-cal-icon-wrap{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--navy) 0%,#1a5fa0 100%);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dh-cal-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--navy)}.dh-cal-subtitle{margin:0;font-size:.75rem;color:#8a97a8}.dh-cal-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dh-filter-badges{display:flex;gap:6px;flex-wrap:wrap}.dh-filter-badge{background:#fff0e4;color:var(--orange);font-size:.7rem;font-weight:700;border-radius:20px;padding:2px 10px;border:1px solid rgba(242,153,74,.3)}.dh-cal-nav{display:flex;align-items:center;gap:4px}.dh-nav-arrow{background:#f5f7fa;border:1px solid #e5e9ef;border-radius:8px;padding:6px 10px;cursor:pointer;color:var(--navy);font-size:.75rem;font-weight:600;transition:background-color .15s,border-color .15s;display:flex;align-items:center;justify-content:center}.dh-nav-arrow:hover{background:var(--orange);border-color:var(--orange);color:#fff}.dh-filter-wrapper{position:relative;display:flex;align-items:center;gap:6px}.dh-filter-btn{background:#f5f7fa;border:1px solid #e5e9ef;border-radius:8px;padding:6px 12px;cursor:pointer;color:var(--navy);font-size:.75rem;font-weight:600;transition:background-color .15s,border-color .15s;display:flex;align-items:center;white-space:nowrap}.dh-filter-btn:hover,.dh-filter-btn--active{background:var(--orange);border-color:var(--orange);color:#fff}.dh-filter-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e0e6ee;border-radius:12px;padding:14px;box-shadow:0 8px 28px #092c4c24;z-index:9999;min-width:200px;display:flex;flex-direction:column;gap:10px;animation:dropdownFadeIn .18s ease-out}.dh-filter-group{display:flex;flex-direction:column;gap:4px}.dh-filter-group label{font-size:.7rem;font-weight:700;color:#8a97a8;text-transform:uppercase;letter-spacing:.05em}.dh-filter-group select{border:1px solid #e0e6ee;border-radius:7px;padding:5px 8px;font-size:.8rem;color:var(--navy);background:#f9fafb;outline:none;cursor:pointer}.dh-filter-group select:focus{border-color:var(--orange)}.dh-filter-clear{background:none;border:1px solid #e0e6ee;border-radius:7px;padding:5px;font-size:.75rem;color:#8a97a8;cursor:pointer;transition:color .15s,border-color .15s}.dh-filter-clear:hover{color:#e53e3e;border-color:#e53e3e}.dh-cal-layout{display:flex;position:relative;overflow:hidden}.dh-cal-layout--sidebar{flex-direction:row}.dh-cal-main{flex:1;min-width:0;padding:16px;width:100%}.dh-cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.dh-cal-weekday{text-align:center;font-size:.7rem;font-weight:700;color:#8a97a8;padding:4px 0;text-transform:uppercase;letter-spacing:.04em}.dh-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.dh-cal-cell{border:1px solid #f0f3f7;border-radius:9px;padding:6px 5px;min-height:72px;background:#fafbfc;position:relative;transition:border-color .15s,background .15s;overflow:hidden}.dh-cal-cell:not(.dh-cal-empty):hover{border-color:#d0d8e4;background:#fff}.dh-cal-empty{background:transparent;border-color:transparent}.dh-cal-today{background:#fff8f2!important;border-color:var(--orange)!important;border-width:2px!important}.dh-cal-daynumber{font-size:.78rem;font-weight:700;color:#374151;display:block;margin-bottom:4px}.dh-cal-today .dh-cal-daynumber{color:var(--orange)}.dh-cal-events{display:flex;flex-direction:column;gap:2px}.dh-cal-term{font-size:.6rem;color:#6b7280;font-weight:500}.dh-cal-cat{font-size:.6rem;color:var(--navy);font-weight:700}.dh-college-badge{display:inline-block;font-size:.6rem;font-weight:700;border-radius:4px;padding:1px 5px;font-family:monospace;letter-spacing:.03em}.dh-col-csm{background:#dbeafe;color:#1e40af}.dh-col-citc{background:#fce7f3;color:#9d174d}.dh-col-cot{background:#d1fae5;color:#065f46}.dh-col-cea{background:#fef3c7;color:#92400e}.dh-col-cste{background:#ede9fe;color:#5b21b6}.dh-col-shs{background:#fee2e2;color:#991b1b}.dh-legend{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:10px;border-top:1.5px solid #f0f3f7}.dh-legend-item{font-size:.7rem;font-weight:700;border-radius:6px;padding:3px 10px;font-family:monospace}.dh-right-sidebar{position:absolute;top:0;right:0;height:100%;width:240px;background:#fff;border-left:1.5px solid #f0f3f7;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;box-shadow:-4px 0 18px #092c4c1a;border-radius:0 0 18px;z-index:10;transform:translate(110%);opacity:0;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .28s ease,box-shadow .35s ease;pointer-events:none;will-change:transform,opacity}.dh-cal-layout--sidebar .dh-right-sidebar{transform:translate(0);opacity:1;pointer-events:auto;box-shadow:-6px 0 24px #092c4c21}.dh-cal-layout--sidebar .dh-sidebar-card:nth-child(1){animation-delay:.08s}.dh-cal-layout--sidebar .dh-sidebar-card:nth-child(2){animation-delay:.16s}.dh-cal-layout--sidebar .dh-sidebar-card:nth-child(3){animation-delay:.22s}@keyframes sidebarCardIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.dh-cal-layout--sidebar .dh-sidebar-card{animation:sidebarCardIn .32s ease both}.dh-sidebar-card{padding:14px;border-bottom:1.5px solid #f0f3f7}.dh-sidebar-card:last-child{border-bottom:none}.dh-sidebar-card-title{font-size:.78rem;font-weight:700;color:var(--navy);display:flex;align-items:center;gap:6px;margin-bottom:10px}.dh-sidebar-count{background:#f0f3f7;color:#6b7280;border-radius:20px;padding:1px 7px;font-size:.68rem;font-family:monospace}.dh-college-pill{background:var(--navy);color:#fff;border-radius:20px;padding:1px 7px;font-size:.65rem;font-weight:700;font-family:monospace}.dh-sidebar-empty{font-size:.75rem;color:#9ca3af;text-align:center;padding:12px 0;font-style:italic;margin:0}.dh-sidebar-exam-row{padding:8px 0;border-bottom:1px solid #f5f7fa}.dh-sidebar-exam-row:last-child{border-bottom:none}.dh-sidebar-exam-date{font-size:.68rem;color:#6b7280;margin-bottom:2px;font-family:monospace}.dh-sidebar-exam-name{font-size:.78rem;font-weight:700;color:var(--navy)}.dh-sidebar-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.dh-sidebar-college-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0;border-bottom:1px solid #f5f7fa}.dh-sidebar-college-row:last-child{border-bottom:none}.dh-sidebar-college-count{font-size:.72rem;color:#6b7280;font-family:monospace}.dh-college-date-row{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;padding:8px 10px;margin-bottom:6px}.dh-college-date-row:last-child{margin-bottom:0}.dh-college-date-row--soon{border-color:var(--orange)}.dh-college-date-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.dh-college-date-label{font-size:.68rem;font-weight:700;color:#374151;font-family:monospace}.dh-college-date-row--soon .dh-college-date-label{color:var(--orange)}.dh-soon-pill{font-size:.58rem;font-weight:700;background:#fef3c7;color:#d97706;border-radius:20px;padding:1px 6px;font-family:monospace}.dh-college-date-name{font-size:.75rem;font-weight:700;color:#111}.dh-college-date-meta{font-size:.65rem;color:#6b7280;margin-top:2px;font-family:monospace}.dh-assignments-card{margin-top:0}.dh-assignments-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1.5px solid #f0f3f7;gap:12px;flex-wrap:wrap}.dh-assignments-title{margin:0;font-size:1rem;font-weight:700;color:var(--navy)}.dh-assignments-sub{margin:0;font-size:.72rem;color:#8a97a8}.dh-assign-filters{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.dh-assign-filter-btn{display:flex;align-items:center;gap:4px;background:#f5f7fa;border:1px solid #e5e9ef;border-radius:8px;padding:5px 10px;cursor:pointer;font-size:.72rem;font-weight:600;color:var(--navy);transition:background-color .15s,border-color .15s,color .15s;white-space:nowrap}.dh-assign-filter-btn:hover,.dh-assign-filter-btn.active{background:var(--orange);border-color:var(--orange);color:#fff}.dh-assign-empty{padding:32px 20px;text-align:center;color:#9ca3af;font-size:.85rem}.dh-assign-empty p{margin:0}.dh-assign-list{padding:12px 16px;display:flex;flex-direction:column;gap:8px}.dh-assign-item{border:1.5px solid #e8edf3;border-radius:12px;overflow:hidden;background:#fafbfc;transition:border-color .2s,box-shadow .2s,transform .18s}.dh-assign-item:hover{border-color:#c8d4e0;box-shadow:0 4px 14px #092c4c14;transform:translateY(-1px)}.dh-assign-item--expanded{border-color:var(--orange)!important;box-shadow:0 4px 18px #f2994a26}.dh-assign-item:hover{border-color:#c8d4e0}.dh-assign-ongoing{border-color:#bfdbfe!important;background:#eff6ff}.dh-assign-completed{opacity:.75}.dh-assign-item-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;cursor:pointer;gap:10px}.dh-assign-item-left{display:flex;align-items:flex-start;gap:10px;flex:1;min-width:0}.dh-course-code{background:var(--navy);color:#fff;font-size:.65rem;font-weight:700;border-radius:6px;padding:4px 8px;white-space:nowrap;font-family:monospace;flex-shrink:0;margin-top:2px}.dh-assign-item-info{flex:1;min-width:0}.dh-assign-section{margin:0;font-size:.82rem;font-weight:700;color:var(--navy)}.dh-assign-instructor{margin:0;font-size:.72rem;color:#8a97a8}.dh-assign-preview{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:4px;font-size:.68rem;color:#6b7280;font-family:monospace}.dh-sep{color:#d1d5db}.dh-duration{color:#9ca3af}.dh-assign-item-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.dh-status-badge{font-size:.65rem;font-weight:700;border-radius:20px;padding:3px 9px;white-space:nowrap;font-family:monospace}.dh-badge-upcoming{background:#dbeafe;color:#1e40af}.dh-badge-ongoing,.dh-badge-completed{background:#d1fae5;color:#065f46}.dh-badge-late{background:#fef3c7;color:#92400e}.dh-badge-substitute{background:#ede9fe;color:#5b21b6}.dh-badge-absent{background:#fee2e2;color:#991b1b}.dh-expand-btn{background:none;border:none;cursor:pointer;color:#8a97a8;display:flex;align-items:center;padding:4px;border-radius:6px;transition:background-color .2s,color .2s,transform .25s cubic-bezier(.4,0,.2,1)}.dh-expand-btn:hover{background:#f0f3f7;color:var(--navy)}.dh-assign-item--expanded .dh-expand-btn{transform:rotate(180deg);color:var(--orange);background:#fff0e4}.dh-assign-detail{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;padding:12px 14px 14px;border-top:1px solid #f0f3f7;background:#fff;animation:detailSlideDown .26s cubic-bezier(.4,0,.2,1) both;transform-origin:top center;overflow:hidden}@keyframes detailSlideDown{0%{opacity:0;transform:translateY(-8px) scaleY(.92);max-height:0}to{opacity:1;transform:translateY(0) scaleY(1);max-height:500px}}.dh-detail-group{display:flex;flex-direction:column;gap:2px}.dh-detail-label{font-size:.65rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em}.dh-detail-val{font-size:.78rem;color:var(--navy);font-weight:600}.dh-viewall-btn{background:none;border:1.5px dashed #d1d9e0;border-radius:10px;padding:10px;width:100%;font-size:.78rem;font-weight:600;color:#8a97a8;cursor:pointer;text-align:center;transition:border-color .15s,color .15s}.dh-viewall-btn:hover{border-color:var(--orange);color:var(--orange)}.dh-plot-teaser{overflow:visible}.dh-plot-teaser-inner{display:flex;align-items:center;gap:16px;padding:18px 22px}.dh-plot-teaser-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--navy) 0%,#1a5fa0 100%);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dh-plot-teaser-title{margin:0;font-size:.95rem;font-weight:700;color:var(--navy)}.dh-plot-teaser-sub{margin:0;font-size:.75rem;color:#8a97a8}.dh-plot-teaser-btn{margin-left:auto;background:var(--orange);border:none;border-radius:10px;padding:10px 20px;color:#fff;font-size:.82rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background-color .15s,transform .15s}.dh-plot-teaser-btn:hover{background:#e08020;transform:translateY(-1px)}@media(max-width:768px){.dh-cal-layout--sidebar{flex-direction:column}.dh-right-sidebar{position:absolute;width:85%;height:100%;border-left:1.5px solid #f0f3f7;border-top:none;box-shadow:-4px 0 18px #092c4c1f}}@media(min-width:769px)and (max-width:1024px){.dh-cal-layout--sidebar{flex-direction:row}.dh-right-sidebar{position:absolute;width:240px;height:100%;border-top:none;display:flex;flex-direction:column;grid-template-columns:unset}}.pf-page{font-family:var(--cl-font);background:var(--cl-surface-2);min-height:100vh;padding:32px 28px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px}.pf-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--cl-radius-md);font-size:13px;font-weight:600;font-family:var(--cl-font)}.pf-banner-warn{background:var(--cl-warn-soft);color:var(--cl-warn);border:1.5px solid rgba(180,83,9,.25)}.pf-banner-danger{background:var(--cl-danger-soft);color:var(--cl-danger);border:1.5px solid rgba(192,57,43,.25)}.pf-card{background:var(--cl-surface);border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-lg);box-shadow:var(--cl-shadow-sm);padding:22px 24px;display:flex;flex-direction:column;gap:16px}.pf-card-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1.5px solid var(--cl-surface-3)}.pf-section-title{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;color:var(--cl-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-family:var(--cl-font)}.pf-card-footer{display:flex;justify-content:flex-end;gap:8px;padding-top:14px;border-top:1.5px solid var(--cl-surface-3);margin-top:4px}.pf-identity-card{flex-direction:row;align-items:flex-start;gap:28px}.pf-avatar-zone{flex-shrink:0}.pf-avatar-wrap{position:relative;width:100px;height:100px}.pf-avatar-img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--cl-brand);box-shadow:0 0 0 4px var(--cl-accent-soft);display:block}.pf-avatar-suspended-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#c0392b8c;display:flex;align-items:center;justify-content:center;color:#fff}.pf-avatar-edit-btn{position:absolute;bottom:2px;right:2px;width:26px;height:26px;border-radius:50%;background:var(--cl-brand);color:#fff;border:2px solid var(--cl-surface);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;z-index:2}.pf-avatar-edit-btn:hover{background:var(--cl-brand-mid)}.pf-avatar-delete-btn{position:absolute;bottom:2px;left:2px;width:22px;height:22px;border-radius:50%;background:var(--cl-danger);color:#fff;border:2px solid var(--cl-surface);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;z-index:2}.pf-avatar-delete-btn:hover{background:#a93226}.pf-identity-info{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0;padding-top:4px}.pf-full-name{font-size:20px;font-weight:700;color:var(--cl-text-primary);letter-spacing:-.4px;line-height:1.2;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.pf-roles-list{display:flex;flex-direction:column;gap:6px}.pf-role-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.pf-role-name{font-size:11.5px;font-weight:700;color:var(--cl-text-secondary);font-family:var(--cl-mono);background:var(--cl-surface-3);border:1.5px solid var(--cl-border);border-radius:20px;padding:2px 10px;white-space:nowrap}.pf-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:4px}.pf-meta-item{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--cl-text-muted);font-family:var(--cl-mono)}.pf-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pf-stat-card{background:var(--cl-surface);border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-md);box-shadow:var(--cl-shadow-sm);padding:16px 18px;display:flex;align-items:center;gap:14px}.pf-stat-icon{width:38px;height:38px;border-radius:var(--cl-radius-sm);background:var(--cl-surface-3);color:var(--cl-text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pf-stat-value{font-size:18px;font-weight:700;color:var(--cl-text-primary);line-height:1.1;font-family:var(--cl-mono);letter-spacing:-.5px}.pf-stat-label{font-size:11px;color:var(--cl-text-muted);margin-top:2px;white-space:nowrap}.pf-fields-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 20px}.pf-span-2{grid-column:span 2}.pf-security-grid{display:flex;flex-direction:column;gap:0}.pf-security-item{padding:14px 0}.pf-security-divider{height:1px;background:var(--cl-surface-3)}.pf-security-item-title{font-size:13px;font-weight:700;color:var(--cl-text-primary);margin-bottom:4px}.pf-security-item-desc{font-size:12.5px;color:var(--cl-text-secondary);line-height:1.6}.pf-danger-card{border-color:#c0392b40;background:var(--cl-danger-soft)}.pf-danger-grid{display:flex;flex-direction:column;gap:0}.pf-danger-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}.pf-danger-divider{height:1px;background:#c0392b26}.pf-danger-item-title{font-size:13px;font-weight:700;color:var(--cl-text-primary);margin-bottom:4px}.pf-danger-item-desc{font-size:12.5px;color:var(--cl-text-secondary);line-height:1.6;max-width:560px}@media(max-width:1024px){.pf-page{padding:20px 16px}.pf-stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.pf-page{padding:16px 14px;gap:12px}.pf-identity-card{flex-direction:column;align-items:flex-start;gap:16px}.pf-stats-row{grid-template-columns:repeat(2,1fr);gap:10px}.pf-fields-grid{grid-template-columns:1fr 1fr}.pf-span-2{grid-column:span 2}.pf-danger-item{flex-direction:column;align-items:flex-start;gap:12px}.pf-danger-item .cl-btn{width:100%;justify-content:center}}@media(max-width:480px){.pf-page{padding:12px 10px}.pf-stats-row{grid-template-columns:1fr 1fr}.pf-stat-card{padding:12px 14px}.pf-stat-value{font-size:15px}.pf-fields-grid{grid-template-columns:1fr}.pf-span-2{grid-column:span 1}.pf-card-footer{flex-direction:column}.pf-card-footer .cl-btn{width:100%;justify-content:center}}.pf-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.pf-modal{background:var(--cl-surface);border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-lg);box-shadow:0 20px 60px #0000002e;width:100%;max-width:560px;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.pf-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1.5px solid var(--cl-surface-3);flex-shrink:0}.pf-modal-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--cl-text-primary);font-family:var(--cl-font)}.pf-modal-close{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--cl-border);background:var(--cl-surface-3);color:var(--cl-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;transition:background .15s,color .15s;flex-shrink:0}.pf-modal-close:hover{background:var(--cl-danger-soft);color:var(--cl-danger);border-color:var(--cl-danger)}.pf-modal-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.pf-modal-avatar-section{display:flex;flex-direction:column;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1.5px solid var(--cl-surface-3)}.pf-modal-avatar-wrap{position:relative;width:110px;height:110px;border-radius:50%;overflow:hidden;flex-shrink:0}.pf-modal-avatar-img{width:110px;height:110px;border-radius:50%;object-fit:cover;border:3px solid var(--cl-brand);box-shadow:0 0 0 4px var(--cl-accent-soft);display:block}.pf-modal-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#fff;font-size:11px;font-weight:600;font-family:var(--cl-font);opacity:0;cursor:pointer;transition:opacity .2s}.pf-modal-avatar-wrap:hover .pf-modal-avatar-overlay{opacity:1}.pf-modal-avatar-actions{display:flex;align-items:center;gap:8px}.pf-modal-avatar-hint{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--cl-text-muted);font-family:var(--cl-mono)}.pf-modal-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.pf-modal-span-2{grid-column:span 2}.pf-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1.5px solid var(--cl-surface-3);flex-shrink:0}@media(max-width:480px){.pf-modal-fields-grid{grid-template-columns:1fr}.pf-modal-span-2{grid-column:span 1}.pf-modal-footer{flex-direction:column}.pf-modal-footer .cl-btn{width:100%;justify-content:center}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--navy: #092C4C;--navy-light: #0e3d6b;--navy-faint: #f0f4f8;--accent: #f7b731;--accent-dark: #e0a520;--danger: #dc2626;--success: #059669;--text-dark: #0f1923;--text-mid: #374151;--text-soft: #6b7280;--text-muted: #9ca3af;--border: #e0e4ea;--bg: #f4f6f9;--white: #ffffff;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 2px 8px rgba(9, 44, 76, .07);--shadow-md: 0 4px 20px rgba(9, 44, 76, .1);--shadow-lg: 0 12px 40px rgba(9, 44, 76, .15);--font: "DM Sans", sans-serif;--font-mono: "DM Mono", monospace}.set-availability-container{font-family:var(--font);background:var(--bg);min-height:100vh;padding:32px 24px;box-sizing:border-box}.availability-page-header{display:flex;align-items:center;gap:14px;margin-bottom:32px}.availability-page-icon{width:48px;height:48px;background:var(--navy);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex-shrink:0}.availability-page-title h1{font-size:22px;font-weight:700;color:var(--text-dark);margin:0;line-height:1}.availability-page-title p{font-size:13px;color:var(--text-soft);margin:4px 0 0}.availability-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .2s ease}.availability-card--single{max-width:680px;margin:0 auto}.availability-card:hover{box-shadow:var(--shadow-md)}.card-header-request{background:var(--navy);color:var(--white);font-size:14px;font-weight:700;letter-spacing:.4px;padding:16px 24px;display:flex;align-items:center;gap:10px;border-radius:10px 10px 0 0}.card-header-request:before{content:"";width:4px;height:18px;background:var(--accent);border-radius:2px;flex-shrink:0}.subtitle{font-size:12px;color:var(--text-soft);font-style:italic;padding:10px 24px 0;margin:0}.availability-form{display:flex;flex-direction:column;gap:20px;padding:20px 24px 28px}.form-group{display:flex;flex-direction:column;gap:8px;position:relative}.form-group label{font-size:13px;font-weight:600;color:var(--text-mid);letter-spacing:.2px}.form-group input[type=text],.form-group textarea{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-family:var(--font);background:var(--white);color:var(--text-dark);box-sizing:border-box;transition:border-color .18s ease,box-shadow .18s ease;outline:none}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px #092c4c14}.form-group textarea{resize:vertical;min-height:80px;max-height:160px;line-height:1.55;cursor:text}.date-input-field{cursor:pointer!important;background:var(--white)!important}.custom-select-wrapper{position:relative}.custom-select-wrapper .dropdown-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-soft);font-size:11px}.timeslot-track{display:flex;gap:12px;flex-wrap:wrap}.timeslot-pill{flex:1;min-width:130px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 12px;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--white);cursor:pointer;transition:all .2s ease;position:relative;font-family:var(--font);text-align:center}.timeslot-pill:hover:not(:disabled){border-color:var(--navy);background:var(--navy-faint);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.timeslot-pill--active{border-color:var(--navy)!important;background:var(--navy)!important;box-shadow:0 4px 16px #092c4c40!important;transform:translateY(-2px)}.timeslot-pill--active .timeslot-pill__label{color:#fff!important}.timeslot-pill--active .timeslot-pill__sub{color:#ffffffbf!important}.timeslot-pill:disabled{opacity:.5;cursor:not-allowed}.timeslot-pill__emoji{font-size:22px;line-height:1}.timeslot-pill__label{font-size:13px;font-weight:700;color:var(--text-dark);transition:color .2s}.timeslot-pill__sub{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);transition:color .2s}.timeslot-pill__check{position:absolute;top:8px;right:8px;font-size:14px;color:var(--accent)}.form-actions{display:flex;gap:12px;justify-content:flex-end;align-items:center;margin-top:4px;padding-top:16px;border-top:1.5px solid var(--border)}.btn-outline{padding:10px 20px;background:transparent;color:var(--navy);border:1.5px solid var(--navy);border-radius:var(--radius-sm);font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;transition:all .18s ease;white-space:nowrap}.btn-outline:hover{background:var(--navy);color:#fff}.btn-primary{padding:10px 24px;background:var(--navy);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:700;font-family:var(--font);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 10px #092c4c33;white-space:nowrap;letter-spacing:.3px}.btn-primary:hover:not(:disabled){background:var(--navy-light);box-shadow:0 4px 14px #092c4c47;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:#d1d5db;cursor:not-allowed;box-shadow:none;transform:none}.date-picker{position:absolute;top:calc(100% + 6px);left:0;width:100%;min-width:280px;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;padding:18px;box-sizing:border-box;animation:dp-drop .18s ease}@keyframes dp-drop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.date-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-weight:700;font-size:14px;color:var(--text-dark)}.date-picker-header button{background:var(--navy-faint);border:none;width:40px;height:30px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--navy);font-size:13px;transition:background .15s ease}.date-picker-header button:hover{background:var(--navy);color:#fff}.date-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.day-name{font-size:11px;font-weight:700;color:var(--text-muted);padding:4px 0 8px;text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-mono)}.calendar-day{height:34px;display:flex;justify-content:center;align-items:center;border-radius:var(--radius-sm);font-size:13px;cursor:default;transition:all .15s ease;color:var(--text-soft)}.calendar-day.disabled{color:#0d3879;pointer-events:none}.calendar-day.allowed{background:#f7b73126;color:var(--text-dark);font-weight:600;cursor:pointer;border:1px solid rgba(247,183,49,.4)}.calendar-day.allowed:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.calendar-day.selected{background:var(--navy)!important;color:#fff!important;font-weight:700;border-color:var(--navy)!important;box-shadow:0 2px 8px #092c4c40}.calendar-day.today{border:2px solid var(--navy);color:var(--navy);font-weight:700}.calendar-day.today.selected{background:var(--navy)!important;color:#fff!important}.date-picker-footer{display:flex;justify-content:flex-end;margin-top:14px;padding-top:14px;border-top:1.5px solid var(--border)}.date-picker-footer button{background:var(--navy);color:#fff;padding:8px 20px;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;transition:background .18s ease}.date-picker-footer button:hover{background:var(--navy-light)}.availability-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#092c4c66;display:flex;justify-content:center;align-items:center;z-index:9999;padding:24px;box-sizing:border-box;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:modal-fade .2s ease}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.availability-modal-box{background:var(--white);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modal-up .25s ease}@keyframes modal-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.availability-modal-title{font-size:16px;font-weight:700;color:var(--text-dark);padding:22px 24px 16px;border-bottom:1.5px solid var(--border);margin:0;display:flex;align-items:center;gap:10px}.availability-modal-title:before{content:"";width:4px;height:18px;background:var(--accent);border-radius:2px;flex-shrink:0}.availability-modal-body{padding:20px 24px;display:flex;flex-direction:column;gap:12px}.availability-entry{background:var(--navy-faint);border:1.5px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-sm);padding:14px 16px}.availability-entry p{margin:5px 0;font-size:13px;color:var(--text-mid);line-height:1.5}.availability-entry p strong{color:var(--text-dark);font-weight:600}.modal-footer-actions{display:flex;gap:10px;justify-content:center;padding:16px 24px 22px;border-top:1.5px solid var(--border)}.modal-btn-secondary{padding:10px 22px;background:#f3f4f6;color:var(--text-mid);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;transition:all .18s ease}.modal-btn-secondary:hover{background:var(--border);color:var(--text-dark)}.modal-btn-primary{padding:10px 22px;background:var(--navy);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;transition:all .18s ease;box-shadow:0 2px 8px #092c4c33}.modal-btn-primary:hover{background:var(--navy-light)}.modal-btn-primary:disabled{background:#d1d5db;cursor:not-allowed;box-shadow:none}.modal-loading,.modal-empty{text-align:center;padding:32px 24px;color:var(--text-soft);font-size:14px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f0f4f8;border-radius:8px}::-webkit-scrollbar-thumb{background:#c9d6e3;border-radius:8px;border:2px solid #f0f4f8}::-webkit-scrollbar-thumb:hover{background:#8ea9c1}*{scrollbar-width:thin;scrollbar-color:#c9d6e3 #f0f4f8}@media(max-width:640px){.set-availability-container{padding:20px 14px}.availability-page-header{margin-bottom:24px}.availability-page-title h1{font-size:18px}.card-header-request{font-size:13px;padding:14px 18px}.availability-form{padding:16px 18px 22px;gap:16px}.timeslot-track{flex-direction:column}.timeslot-pill{flex-direction:row;justify-content:flex-start;gap:12px;padding:12px 16px;text-align:left}.timeslot-pill__check{margin-left:auto;position:static}.form-actions{flex-direction:column-reverse}.btn-outline,.btn-primary{width:100%;text-align:center;justify-content:center}.availability-modal-box{border-radius:var(--radius-lg)}.modal-footer-actions{flex-direction:column}.modal-btn-primary,.modal-btn-secondary{width:100%}}@media(max-width:480px){.set-availability-container{padding:16px 10px}.availability-page-icon{width:40px;height:40px;font-size:17px}.date-picker{padding:14px;min-width:unset}.calendar-day{height:30px;font-size:12px}}:root{--brand: #092C4C;--brand-mid: #0A3765;--brand-light: #1a5a8a;--accent: #2F80ED;--accent-soft: #EBF4FF;--danger: #C0392B;--danger-soft: #FEF2F2;--success: #047857;--success-soft: #ECFDF5;--warn: #B45309;--warn-soft: #FFFBEB;--surface: #FFFFFF;--surface-2: #F5F7FA;--surface-3: #EEF1F6;--border: #DDE3EC;--border-2: #C8D3E0;--text-primary: #0C1B2A;--text-secondary: #4B5E72;--text-muted: #8A9BB0;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 4px rgba(9, 44, 76, .07);--shadow-md: 0 4px 16px rgba(9, 44, 76, .12);--shadow-lg: 0 12px 40px rgba(9, 44, 76, .18);--font: "Sora", sans-serif;--mono: "JetBrains Mono", monospace;--nav-height: 52px;--nav-top: 12px}.scheduler-top-card{position:fixed;top:var(--nav-top);left:50%;transform:translate(-50%);z-index:99999;display:flex;align-items:center;gap:2px;height:var(--nav-height);padding:0 10px;background:var(--brand);border-radius:999px;box-shadow:var(--shadow-lg);font-family:var(--font)}.nav-divider{width:1px;height:24px;background:#ffffff2e;margin:0 6px;flex-shrink:0}.scheduler-icon{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);cursor:pointer;color:#ffffffb8;font-size:18px;transition:background .15s,color .15s,transform .12s;flex-shrink:0;-webkit-user-select:none;user-select:none}.scheduler-icon:hover{background:#ffffff1f;color:#fff;transform:translateY(-1px)}.scheduler-icon.active{background:#fff3;color:#fff}.scheduler-icon.active svg,.scheduler-icon.active .nav-icon-inner svg{color:#fff!important}.tooltip-text{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--text-primary);color:#fff;font-size:10px;font-family:var(--mono);font-weight:500;padding:4px 9px;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:9999}.tooltip-text:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-bottom-color:var(--text-primary)}.scheduler-icon:hover .tooltip-text{opacity:1}.scheduler-icon.label-mode{width:auto;min-width:44px;padding:0 10px;gap:6px;flex-direction:row}.scheduler-icon.label-mode .nav-label{font-size:11px;font-weight:600;color:#ffffffd9;white-space:nowrap}.scheduler-icon.label-mode:hover .nav-label,.scheduler-icon.label-mode.active .nav-label{color:#fff}.nav-filter-wrap{position:relative;flex-shrink:0}.nav-filter-btn{display:flex;align-items:center;gap:7px;height:32px;padding:0 12px 0 14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#ffffffeb;font-family:var(--mono);font-size:11.5px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap;min-width:130px;max-width:200px;overflow:hidden;text-overflow:ellipsis;outline:none;border:none;letter-spacing:.01em}.nav-filter-btn:hover,.nav-filter-btn.open{background:#ffffff2e}.nav-filter-btn svg.chevron{margin-left:auto;flex-shrink:0;width:12px;height:12px;opacity:.6;transition:transform .2s}.nav-filter-btn.open svg.chevron{transform:rotate(180deg)}.nav-filter-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-6px);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:220px;max-height:300px;overflow-y:auto;overflow-x:hidden;z-index:9999;padding:6px;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s cubic-bezier(.34,1.2,.64,1);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.nav-filter-menu::-webkit-scrollbar{width:4px}.nav-filter-menu::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:99px}.nav-filter-wrap.open .nav-filter-menu{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.nav-filter-option{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);font-family:var(--font);font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:background .12s,color .12s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-filter-option:hover{background:var(--surface-2);color:var(--text-primary)}.nav-filter-option.selected{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-filter-option .opt-dot{width:7px;height:7px;border-radius:50%;background:var(--border-2);flex-shrink:0;transition:background .12s}.nav-filter-option.selected .opt-dot{background:var(--accent)}.nav-filter-option:hover .opt-dot{background:var(--text-muted)}.nav-filter-divider{height:1px;background:var(--border);margin:4px 6px}.nav-search-wrap{display:flex;align-items:center;gap:3px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:0 8px 0 14px;height:32px;transition:background .15s,border-color .15s;min-width:210px}.nav-search-wrap:focus-within{background:#ffffff2e;border-color:#fff6}.nav-search-icon{color:#ffffff73;font-size:12px;flex-shrink:0;margin-right:2px}.nav-search-wrap input{background:transparent;border:none;outline:none;color:#fff;font-family:var(--mono);font-size:11.5px;width:120px;letter-spacing:.01em}.nav-search-wrap input::placeholder{color:#ffffff61}.nav-search-count{font-family:var(--mono);font-size:10px;font-weight:500;color:#ffffff8c;white-space:nowrap;padding:0 4px;letter-spacing:.02em}.nav-search-btn{background:none;border:none;color:#ffffff8c;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5px;transition:color .12s,background .12s;flex-shrink:0}.nav-search-btn:hover{color:#fff;background:#ffffff24}.nav-dropdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;pointer-events:none}.nav-dropdown-overlay.open{pointer-events:auto}.nav-dropdown-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#092c4c0f;opacity:0;transition:opacity .2s}.nav-dropdown-overlay.open .nav-dropdown-backdrop{opacity:1}.nav-dropdown-panel{position:absolute;top:calc(var(--nav-top) + var(--nav-height) + 8px);left:50%;transform:translate(-50%) translateY(-14px);width:min(92vw,860px);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s cubic-bezier(.34,1.2,.64,1);z-index:1051}.nav-dropdown-overlay.open .nav-dropdown-panel{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.nav-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 22px 13px;border-bottom:1px solid var(--border);background:var(--surface)}.nav-panel-title{font-size:13.5px;font-weight:700;color:var(--text-primary);font-family:var(--font);letter-spacing:-.2px;display:flex;align-items:center;gap:9px}.nav-panel-title svg{color:var(--brand)}.nav-panel-close{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:15px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);transition:background .12s,color .12s}.nav-panel-close:hover{background:var(--surface-3);color:var(--text-primary)}.nav-panel-body{padding:20px 22px 26px;max-height:74vh;overflow-y:auto;background:#f4f6f9;scrollbar-width:thin;scrollbar-color:var(--border-2) transparent}.nav-panel-body::-webkit-scrollbar{width:5px}.nav-panel-body::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:99px}.status-banner{position:fixed;top:calc(var(--nav-top) + var(--nav-height) + 10px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 22px;border-radius:var(--radius-lg);font-family:var(--font);font-size:12.5px;font-weight:600;z-index:1040;box-shadow:var(--shadow-md);text-align:center;max-width:90%;animation:sb-in .25s ease}@keyframes sb-in{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.status-banner.approved{background:#16a34a;color:#fff}.status-banner.rejected{background:var(--danger);color:#fff}.status-banner.pending{background:#ea7b00;color:#fff}.status-banner .remarks{font-size:11.5px;font-weight:400;opacity:.9}.mode-banner{position:fixed;top:calc(var(--nav-top) + var(--nav-height) + 10px);left:50%;transform:translate(-50%);background:#ea7b00;color:#fff;padding:8px 24px;border-radius:var(--radius-lg);font-family:var(--font);font-size:12.5px;font-weight:700;z-index:1040;box-shadow:var(--shadow-md);animation:sb-in .2s ease}.instruction-card{position:fixed;top:calc(var(--nav-top) + var(--nav-height) + 58px);left:50%;transform:translate(-50%);background:var(--surface);color:var(--text-primary);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px;width:min(90vw,380px);z-index:1039;box-shadow:var(--shadow-md);text-align:center;font-family:var(--font);animation:sb-in .22s ease}.instruction-card h4{font-size:13px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.instruction-card p{font-size:12.5px;line-height:1.6;color:var(--text-secondary);margin:0 0 12px}.instruction-close{background:none;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:5px 16px;font-size:12px;font-weight:600;color:var(--danger);cursor:pointer;font-family:var(--font);transition:background .12s}.instruction-close:hover{background:var(--danger-soft)}.envelope-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:5px;display:flex;flex-direction:column;gap:2px;min-width:130px;z-index:9999;animation:sb-in .18s ease}.dropdown-item{display:flex;align-items:center;gap:8px;padding:9px 13px;border:none;background:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12.5px;font-weight:500;font-family:var(--font);cursor:pointer;transition:background .12s,color .12s;white-space:nowrap}.dropdown-item:hover{background:var(--brand);color:#fff}.scheduler-view-container{padding:28px 28px 20px;font-family:var(--font)}.header{text-align:center;margin-bottom:24px}.exam-table{width:100%;min-width:600px;border-collapse:separate;border-spacing:0;border-radius:var(--radius-lg);overflow:visible;box-shadow:0 1px 6px #092c4c1a;font-family:var(--font);table-layout:fixed}.exam-table thead th{position:relative;-webkit-user-select:none;user-select:none}.col-resize-handle{position:absolute;right:-4px;top:0;bottom:0;width:8px;cursor:col-resize;-webkit-user-select:none;user-select:none;background:transparent;z-index:10;transition:background .2s ease}.col-resize-handle:hover{background:var(--accent);opacity:.6}.col-resize-handle.dragging{background:var(--accent);opacity:1;box-shadow:inset 0 0 4px #2f80ed66}.exam-table thead th{background:var(--brand);color:#fffffff2;font-family:var(--font);font-size:12px;font-weight:600;letter-spacing:.02em;padding:10px;text-align:center;border:none;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap}.exam-table thead tr:first-child th{background:#0b3660;font-size:13px;font-weight:700;letter-spacing:.01em;padding:12px 14px;color:#fff;text-align:center}.exam-table thead tr:nth-child(2) th{background:#0d4075;font-size:11px;font-weight:600;padding:8px 10px;color:#ffffffd9;letter-spacing:.04em;text-transform:uppercase;text-align:center}.exam-table thead tr:nth-child(3) th{background:var(--brand);font-size:12px;font-weight:700;padding:9px 8px}.exam-table tbody td:first-child{width:108px;height:52px!important;max-height:52px!important;vertical-align:middle!important;text-align:center;white-space:nowrap;overflow:hidden;padding:0 8px;box-sizing:border-box;font-family:var(--mono);font-size:10.5px;font-weight:500;color:var(--text-secondary);background:#f0f4f8;border-right:2px solid var(--border-2);border-bottom:1px solid var(--border);letter-spacing:.01em}.exam-table thead th:first-child{position:relative;width:108px}.exam-table tbody tr:nth-child(2n) td:first-child{background:#e8edf3}.exam-table tbody td{height:52px;vertical-align:top;padding:3px;overflow:hidden;border:1px solid var(--border);background:#fff;box-sizing:border-box;transition:background .12s}.exam-table tbody tr:nth-child(2n) td{background:#fafbfc}.exam-table tbody td>div[data-exam-id]{height:100%;min-height:unset;box-sizing:border-box;overflow:hidden;cursor:default;border-radius:5px;padding:6px 8px;display:flex;flex-direction:column;justify-content:flex-start;gap:2px}.exam-table td>div p{margin:4px 0;font-size:11px;font-family:var(--font);line-height:1.35;color:#fffffff2}.exam-table td>div p strong{font-size:15px;font-weight:700;letter-spacing:-.01em;color:#fff}.exam-table tbody td.drop-hover{background:#e0f2fe!important;border:2px dashed #0288d1!important}.exam-table thead tr:first-child th:first-child{border-radius:var(--radius-lg) 0 0 0}.exam-table thead tr:first-child th:last-child{border-radius:0 var(--radius-lg) 0 0}.scheduler-view-card{background:#f2f5f8;border-radius:14px;box-shadow:0 6px 24px #092c4c21,0 1px 4px #092c4c0f;padding:20px}.scheduler-nav-button{position:fixed;z-index:1000;background:var(--surface);border:1.5px solid var(--border);border-radius:50%;cursor:pointer;padding:.75rem;box-shadow:var(--shadow-md);transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:50px;min-height:50px}.scheduler-nav-button:hover{background:var(--brand);border-color:var(--brand)}.scheduler-nav-button:hover svg{color:#fff!important}.scheduler-nav-button svg{color:var(--brand)}.scheduler-nav-button-left{left:calc(50% - 60px);top:90%}.scheduler-nav-button-right{left:calc(50% + 60px);top:90%}@keyframes swapPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.95);opacity:.72}}.swapping-animation{animation:swapPulse .6s ease-in-out;border:3px solid #ff9500!important;box-shadow:0 0 20px #ff95008c!important}.exam-card-match-active{outline:3px solid #2563eb!important;box-shadow:0 0 10px #2563eb80!important}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.modal-scroll{max-height:80vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.18) transparent}.modal-scroll::-webkit-scrollbar{width:6px}.modal-scroll::-webkit-scrollbar-thumb{background:#0000002e;border-radius:4px}@media(max-width:768px){.scheduler-top-card{gap:1px;padding:0 6px;height:46px}.scheduler-icon{width:34px;height:34px;font-size:15px}.nav-filter-btn{min-width:90px;font-size:10.5px}.nav-search-wrap{min-width:150px}.nav-search-wrap input{width:80px}.nav-dropdown-panel{width:96vw}.scheduler-nav-button-left{left:50%;transform:translate(calc(-50% - 32px));top:88%}.scheduler-nav-button-right{left:50%;transform:translate(calc(-50% + 32px));top:88%}}@media(max-width:480px){.nav-filter-btn{display:none}.scheduler-icon{width:30px;height:30px;font-size:14px}}.exam-card-match{outline:2px solid #fbbf24!important;box-shadow:0 0 6px #fbbf2473!important}.exam-card-match-active{outline:3px solid #2563eb!important;box-shadow:0 0 10px #2563eb80!important;z-index:2;position:relative}.exam-card-dragging{outline:3px dashed #fb7185!important;box-shadow:0 0 10px #fb718580!important}.exam-table thead th{position:relative;-webkit-user-select:none;user-select:none;overflow:visible}.col-resize-handle{position:absolute;right:-4px;top:0;bottom:0;width:8px;cursor:col-resize;z-index:20;background:transparent;transition:background .15s}.col-resize-handle:after{content:"";position:absolute;left:3px;top:20%;bottom:20%;width:2px;border-radius:2px;background:#fff0;transition:background .15s}.col-resize-handle:hover:after,.col-resize-handle.dragging:after{background:#ffffff8c}.col-resize-handle.dragging{background:#2f80ed2e}.exam-table.resizing-cols{cursor:col-resize;-webkit-user-select:none;user-select:none}.scheduler-view-card{position:relative}.scheduler-view-card.draggable-card{position:fixed!important;cursor:default;transition:box-shadow .15s;z-index:500}.scheduler-view-card.draggable-card.is-dragging{box-shadow:0 20px 60px #092c4c4d,0 2px 8px #092c4c26;cursor:grabbing}.card-drag-handle{position:absolute;top:0;left:0;right:0;height:38px;cursor:grab;z-index:10;border-radius:14px 14px 0 0;display:flex;align-items:center;justify-content:center;background:transparent}.card-drag-handle:active{cursor:grabbing}.card-drag-handle-dots{display:flex;gap:4px;opacity:.35;pointer-events:none}.card-drag-handle-dots span{width:4px;height:4px;border-radius:50%;background:#092c4c}.card-resize-handle{position:absolute;z-index:15}.card-resize-handle.se{bottom:0;right:0;width:18px;height:18px;cursor:se-resize;border-radius:0 0 14px}.card-resize-handle.sw{bottom:0;left:0;width:18px;height:18px;cursor:sw-resize;border-radius:0 0 0 14px}.card-resize-handle.ne{top:0;right:0;width:18px;height:18px;cursor:ne-resize;border-radius:0 14px 0 0}.card-resize-handle.nw{top:0;left:0;width:18px;height:18px;cursor:nw-resize;border-radius:14px 0 0}.card-resize-handle.e{right:0;top:18px;bottom:18px;width:8px;cursor:e-resize}.card-resize-handle.w{left:0;top:18px;bottom:18px;width:8px;cursor:w-resize}.card-resize-handle.s{bottom:0;left:18px;right:18px;height:8px;cursor:s-resize}.card-resize-handle.n{top:0;left:18px;right:18px;height:8px;cursor:n-resize}.card-resize-handle.se:after{content:"";position:absolute;bottom:5px;right:5px;width:10px;height:10px;border-right:2px solid rgba(9,44,76,.3);border-bottom:2px solid rgba(9,44,76,.3);border-radius:0 0 3px}.card-resize-handle:hover{background:#092c4c0f}.exam-table tbody td{border:.75px solid #D0D8E4;border-bottom:1px solid #C8D3E0}.exam-table tbody td:first-child{border-right:2px solid #B0BFD0}.exam-table thead tr:last-child th{border-bottom:2px solid rgba(255,255,255,.2)}.exam-table tbody tr:hover td{background:#f0f4f8}.exam-table tbody tr:hover td:first-child{background:#e4eaf2}.notif-root{font-family:DM Sans,sans-serif;background:#f4f6f9;min-height:100vh;padding:28px 24px;box-sizing:border-box}.notif-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.notif-header-left{display:flex;align-items:center;gap:12px}.notif-icon-wrap{width:44px;height:44px;background:#092c4c;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;position:relative;flex-shrink:0}.notif-icon-badge{position:absolute;top:-6px;right:-6px;background:#e74c3c;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #f4f6f9;font-family:DM Mono,monospace}.notif-title-block h1{font-size:20px;font-weight:700;color:#0f1923;margin:0;line-height:1}.notif-title-block p{font-size:13px;color:#6b7280;margin:3px 0 0}.notif-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.notif-action-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #e0e4ea;border-radius:8px;background:#fff;color:#374151;font-size:13px;font-weight:500;cursor:pointer;transition:all .18s ease;font-family:DM Sans,sans-serif;white-space:nowrap}.notif-action-btn:hover{border-color:#092c4c;color:#092c4c;background:#f0f4f8}.notif-action-btn:disabled{opacity:.45;cursor:not-allowed}.notif-action-btn.danger:hover{border-color:#dc2626;color:#dc2626;background:#fef2f2}.notif-filters{display:flex;gap:4px;background:#fff;border:1.5px solid #e0e4ea;border-radius:10px;padding:4px;margin-bottom:16px}.notif-filter-tab{padding:7px 18px;border-radius:7px;border:none;background:transparent;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .16s ease;font-family:DM Sans,sans-serif;display:flex;align-items:center;gap:6px}.notif-filter-tab.active{background:#092c4c;color:#fff}.notif-filter-tab .tab-count{background:#ffffff40;font-size:11px;padding:1px 6px;border-radius:10px;font-family:DM Mono,monospace}.notif-filter-tab:not(.active) .tab-count{background:#f0f4f8;color:#374151}.notif-select-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border:1.5px solid #e0e4ea;border-radius:10px;margin-bottom:10px;font-size:13px;color:#374151;font-weight:500}.notif-select-row input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#092C4C}.notif-card{display:flex;align-items:flex-start;gap:14px;background:#fff;border:1.5px solid #e8ecf1;border-radius:12px;padding:14px 48px 14px 16px;margin-bottom:8px;cursor:pointer;transition:all .18s ease;position:relative}.notif-card:hover{border-color:#092c4c;box-shadow:0 4px 16px #092c4c14;transform:translateY(-1px)}.notif-card.unread{border-left:4px solid #092C4C;background:#f8fafd}.notif-card.selected{border-color:#2563eb;background:#eff6ff}.notif-avatar{width:42px;height:42px;border-radius:10px;background:#092c4c;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;letter-spacing:.5px;margin-top:2px}.notif-card:not(.unread) .notif-avatar{background:#9ca3af}.notif-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.notif-card-row-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.notif-sender{font-size:14px;font-weight:700;color:#0f1923;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.notif-card:not(.unread) .notif-sender{font-weight:500;color:#374151}.notif-card-preview{font-size:13px;color:#6b7280;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.notif-card.unread .notif-card-preview{color:#374151}.notif-card-time{font-size:11px;color:#9ca3af;font-family:DM Mono,monospace;margin-top:2px}.notif-type-pill{font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;font-family:DM Mono,monospace;white-space:nowrap;flex-shrink:0}.notif-unread-dot{width:8px;height:8px;background:#2563eb;border-radius:50%;flex-shrink:0;margin-top:8px}.notif-checkbox-wrap{position:absolute;right:16px;top:50%;transform:translateY(-50%)}.notif-checkbox-wrap input{width:16px;height:16px;cursor:pointer;accent-color:#092C4C;display:block}.notif-empty{text-align:center;padding:60px 24px;color:#9ca3af}.notif-empty-icon{font-size:48px;margin-bottom:16px;opacity:.3}.notif-empty h3{font-size:16px;font-weight:600;color:#6b7280;margin:0 0 6px}.notif-empty p{font-size:13px;margin:0}.notif-loading{text-align:center;padding:60px 24px;color:#6b7280;font-size:14px}.notif-spinner{width:32px;height:32px;border:3px solid #e0e4ea;border-top-color:#092c4c;border-radius:50%;animation:notif-spin .7s linear infinite;margin:0 auto 16px}@keyframes notif-spin{to{transform:rotate(360deg)}}.notif-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#092c4c59;display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px;box-sizing:border-box;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:notif-fade-overlay .2s ease}@keyframes notif-fade-overlay{0%{opacity:0}to{opacity:1}}.notif-modal{background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:85vh;overflow-y:auto;box-shadow:0 24px 64px #092c4c33;animation:notif-slide-up .25s ease;position:relative}@keyframes notif-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notif-modal-header{display:flex;align-items:flex-start;gap:14px;padding:24px 60px 20px 24px;border-bottom:1.5px solid #f0f4f8;position:sticky;top:0;background:#fff;border-radius:20px 20px 0 0;z-index:1}.notif-modal-avatar{width:48px;height:48px;border-radius:12px;background:#092c4c;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0;letter-spacing:.5px}.notif-modal-meta{flex:1;min-width:0}.notif-modal-meta h3{margin:0 0 6px;font-size:16px;font-weight:700;color:#0f1923}.notif-modal-sub{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:#9ca3af;font-family:DM Mono,monospace}.notif-modal-close{position:absolute;top:20px;right:20px;width:42px;height:32px;border:none;background:#f0f4f8;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;font-size:14px;transition:all .16s ease}.notif-modal-close:hover{background:#e0e4ea;color:#0f1923}.notif-modal-body{padding:24px;font-size:14px;line-height:1.75;color:#374151;white-space:pre-wrap;word-wrap:break-word}.sidebar-icon-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:visible}.notification-badge-icon{position:absolute;top:-6px;right:-8px;background-color:#e74c3c;color:#fff;border-radius:50%;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;padding:0 4px;border:2px solid #092C4C;box-sizing:border-box;line-height:1;z-index:100;white-space:nowrap;pointer-events:none;font-family:DM Mono,monospace}.sidebar-nav li.active button .notification-badge-icon{border-color:#f5f7fa}@media(min-width:768px)and (max-width:991px){.notif-root{padding:20px}.notif-header{flex-direction:column;align-items:flex-start}.notif-toolbar{width:100%;justify-content:flex-start}.notif-filter-tab{padding:7px 14px}}@media(max-width:767px){.notif-root{padding:16px 14px}.notif-header{flex-direction:column;align-items:flex-start}.notif-toolbar{width:100%;gap:6px}.notif-action-btn{padding:7px 10px;font-size:12px;flex:1;justify-content:center}.notif-filters{overflow-x:auto;scrollbar-width:none}.notif-filters::-webkit-scrollbar{display:none}.notif-filter-tab{padding:7px 12px;font-size:12px;white-space:nowrap}.notif-card{padding:12px 44px 12px 12px;gap:10px}.notif-avatar{width:36px;height:36px;font-size:12px;border-radius:8px}.notif-sender{font-size:13px}.notif-card-preview{font-size:12px}.notif-type-pill{font-size:9px}.notif-modal{border-radius:16px;max-height:88vh}.notif-modal-header{padding:18px 56px 14px 18px}.notif-modal-body{padding:18px;font-size:13px}.notif-modal-avatar{width:40px;height:40px;font-size:14px}.notif-modal-meta h3{font-size:15px}}@media(max-width:480px){.notif-root{padding:12px 10px}.notif-title-block h1{font-size:18px}.notif-action-btn{padding:6px 8px;font-size:11px}.notif-card{padding:12px 40px 12px 12px;gap:8px;border-radius:10px;margin-bottom:6px}.notif-avatar{width:34px;height:34px;font-size:11px}.notif-sender{font-size:12px}.notif-card-preview{font-size:11px}.notif-card-time{font-size:10px}.notif-modal-overlay{padding:12px}.notif-modal{border-radius:14px}.notif-modal-header{padding:16px 52px 12px 16px}.notif-modal-body{padding:16px;font-size:13px}.notif-modal-close{top:14px;right:14px;width:42px;height:28px;font-size:12px}.notification-badge-icon{min-width:14px;height:14px;font-size:9px;top:-5px;right:-6px}}@media(max-width:767px)and (orientation:landscape){.notif-root{padding:12px}.notif-header{flex-direction:row;align-items:center}.notif-modal{max-height:90vh}}:root{--bm-brand: #092C4C;--bm-brand-mid: #0A3765;--bm-brand-light: #1a5a8a;--bm-accent: #2F80ED;--bm-accent-soft: #EBF4FF;--bm-danger: #C0392B;--bm-danger-soft: #FEF2F2;--bm-success: #047857;--bm-success-soft: #ECFDF5;--bm-warn: #B45309;--bm-warn-soft: #FFFBEB;--bm-surface: #FFFFFF;--bm-surface-2: #F5F7FA;--bm-surface-3: #EEF1F6;--bm-border: #DDE3EC;--bm-text-primary: #0C1B2A;--bm-text-secondary: #4B5E72;--bm-text-muted: #8A9BB0;--bm-radius-sm: 6px;--bm-radius-md: 10px;--bm-radius-lg: 14px;--bm-radius-xl: 20px;--bm-shadow-sm: 0 1px 4px rgba(9,44,76,.07);--bm-shadow-md: 0 4px 16px rgba(9,44,76,.1);--bm-shadow-lg: 0 12px 40px rgba(9,44,76,.15);--bm-font: "Sora", sans-serif;--bm-mono: "JetBrains Mono", monospace}.bm-page{font-family:var(--bm-font);background:var(--bm-surface-2);min-height:100vh;padding:32px 28px;box-sizing:border-box}.bm-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:14px}.bm-page-header-left{display:flex;align-items:center;gap:14px}.bm-page-icon{width:48px;height:48px;background:var(--bm-brand);border-radius:var(--bm-radius-md);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:var(--bm-shadow-sm)}.bm-page-title h1{font-size:20px;font-weight:700;color:var(--bm-text-primary);margin:0;letter-spacing:-.4px;line-height:1.1}.bm-page-title p{font-size:12.5px;color:var(--bm-text-muted);margin:3px 0 0;font-family:var(--bm-mono)}.bm-page-actions{display:flex;gap:8px;flex-wrap:wrap}.bm-layout{display:flex;gap:20px;align-items:flex-start}.bm-sidebar{width:256px;flex-shrink:0;display:flex;flex-direction:column;gap:14px;position:sticky;top:24px}.bm-sidebar-card{background:var(--bm-surface);border:1.5px solid var(--bm-border);border-radius:var(--bm-radius-lg);overflow:hidden;box-shadow:var(--bm-shadow-sm)}.bm-sidebar-card-header{padding:12px 16px;border-bottom:1.5px solid var(--bm-border);background:var(--bm-surface-2)}.bm-sidebar-card-header h4{margin:0;font-size:10.5px;font-weight:700;color:var(--bm-text-muted);text-transform:uppercase;letter-spacing:.9px;font-family:var(--bm-mono)}.bm-sidebar-card-body{padding:14px 16px;display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.bm-content{flex:1;min-width:0}.bm-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bm-stat-box{background:var(--bm-surface-2);border:1.5px solid var(--bm-border);border-radius:var(--bm-radius-md);padding:10px;text-align:center}.bm-stat-num{font-size:22px;font-weight:700;color:var(--bm-brand);font-family:var(--bm-mono);line-height:1}.bm-stat-label{font-size:10px;color:var(--bm-text-muted);margin-top:3px;font-weight:500}.bm-info-banner{font-size:12px;padding:9px 12px;border-radius:var(--bm-radius-sm);font-weight:500;line-height:1.5}.bm-info-banner.info{background:var(--bm-accent-soft);color:var(--bm-accent);border:1px solid rgba(47,128,237,.2)}.bm-info-banner.warn{background:var(--bm-warn-soft);color:var(--bm-warn);border:1px solid rgba(180,83,9,.2)}.bm-assignment-row{padding:8px 10px;border-radius:var(--bm-radius-sm);border:1.5px solid transparent;font-size:11.5px}.bm-assignment-row.ok{background:var(--bm-success-soft);border-color:#04785733}.bm-assignment-row.overcapacity{background:var(--bm-warn-soft);border-color:#b4530933}.bm-assignment-row.unassigned{background:var(--bm-danger-soft);border-color:#c0392b33}.bm-assignment-room{font-weight:700;font-family:var(--bm-mono);font-size:11px;color:var(--bm-text-primary);display:flex;align-items:center;gap:5px;flex-wrap:wrap}.bm-assignment-meta{font-size:10.5px;color:var(--bm-text-muted);font-family:var(--bm-mono);margin-top:2px}.bm-assignment-sections{font-size:11px;color:var(--bm-text-secondary);margin-top:3px}.bm-night-badge{font-size:9px;padding:1px 6px;background:#1a237e;color:#fff;border-radius:10px;font-weight:700;font-family:var(--bm-mono);letter-spacing:.3px}.bm-form-card{background:var(--bm-surface);border:1.5px solid var(--bm-border);border-radius:var(--bm-radius-lg);overflow:hidden;box-shadow:var(--bm-shadow-sm)}.bm-form-card-header{display:flex;align-items:center;padding:13px 18px;border-bottom:1.5px solid var(--bm-border);background:var(--bm-surface-2)}.bm-form-card-header h3{font-size:13.5px;font-weight:700;color:var(--bm-text-primary);margin:0;letter-spacing:-.2px}.bm-form-card-body{padding:20px 22px}.bm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}.bm-field{display:flex;flex-direction:column;gap:6px}.bm-field label{font-size:11.5px;font-weight:600;color:var(--bm-text-secondary)}.bm-full-width{grid-column:span 2}.bm-hint{font-size:11px;color:var(--bm-text-secondary);font-style:italic}.bm-placeholder-text{font-size:13px;color:var(--bm-text-muted);padding:8px 0;font-style:italic}.bm-textarea{padding:10px 12px;border:1.5px solid var(--bm-border);border-radius:var(--bm-radius-sm);background:var(--bm-surface);color:var(--bm-text-primary);font-size:13px;font-family:var(--bm-font);resize:vertical;min-height:80px;line-height:1.5;outline:none;transition:border-color .15s}.bm-textarea:focus{border-color:var(--bm-accent)}.bm-room-selector-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.bm-selected-rooms{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.bm-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;background:var(--bm-brand);color:#fff;border-radius:var(--bm-radius-sm);font-size:11px;font-weight:600;font-family:var(--bm-mono)}.bm-chip-remove{background:#fff3;border:none;color:#fff;cursor:pointer;width:14px;height:14px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;padding:0;line-height:1;flex-shrink:0;transition:background .12s}.bm-chip-remove:hover{background:#ffffff61}.bm-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1.5px solid var(--bm-border);border-radius:var(--bm-radius-sm);background:var(--bm-surface);color:var(--bm-text-secondary);font-size:12.5px;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s,background .15s,transform .12s;font-family:var(--bm-font);white-space:nowrap;box-shadow:var(--bm-shadow-sm);padding:8px 14px}.bm-btn:hover:not(:disabled){border-color:var(--bm-brand);color:var(--bm-brand);background:var(--bm-accent-soft);transform:translateY(-1px)}.bm-btn:active:not(:disabled){transform:translateY(0)}.bm-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.bm-btn.primary{background:var(--bm-brand);color:#fff;border-color:var(--bm-brand)}.bm-btn.primary:hover:not(:disabled){background:var(--bm-brand-mid);border-color:var(--bm-brand-mid);color:#fff}.bm-btn.danger{border-color:var(--bm-danger);color:var(--bm-danger)}.bm-btn.danger:hover:not(:disabled){background:var(--bm-danger-soft)}.bm-btn.danger-fill{background:var(--bm-danger);color:#fff;border-color:var(--bm-danger)}.bm-btn.danger-fill:hover:not(:disabled){background:#a93226;border-color:#a93226}.bm-room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;max-height:380px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--bm-border) transparent}.bm-room-grid::-webkit-scrollbar{width:4px}.bm-room-grid::-webkit-scrollbar-thumb{background:var(--bm-border);border-radius:99px}.bm-room-box{padding:11px 9px 8px;border-radius:var(--bm-radius-md);background:var(--bm-surface-2);border:1.5px solid var(--bm-border);text-align:center;cursor:pointer;transition:border-color .14s,background .14s,transform .12s,box-shadow .14s;display:flex;flex-direction:column;align-items:center;-webkit-user-select:none;user-select:none}.bm-room-box:hover:not(.disabled){border-color:var(--bm-brand-light);background:var(--bm-accent-soft);transform:translateY(-2px);box-shadow:var(--bm-shadow-md)}.bm-room-box.selected{background:var(--bm-brand);border-color:var(--bm-brand);box-shadow:0 4px 12px #092c4c40;transform:translateY(-1px)}.bm-room-box.disabled{background:var(--bm-surface-3);border-style:dashed;cursor:not-allowed;opacity:.5}.bm-room-box.disabled:hover{transform:none;box-shadow:none}.bm-room-check{width:15px;height:15px;border-radius:4px;border:1.5px solid var(--bm-border);background:var(--bm-surface);display:flex;align-items:center;justify-content:center;margin-bottom:7px;font-size:9px;color:transparent;flex-shrink:0;transition:all .13s}.bm-room-box.selected .bm-room-check{background:#ffffff40;border-color:#fff6;color:#fff}.bm-room-id{font-size:12px;font-weight:700;color:var(--bm-text-primary);letter-spacing:-.2px;font-family:var(--bm-mono);line-height:1.2}.bm-room-box.selected .bm-room-id{color:#fff}.bm-room-type-label{display:block;font-size:9.5px;font-family:var(--bm-mono);margin-top:2px;color:var(--bm-text-muted)}.bm-room-box.selected .bm-room-type-label{color:#ffffffb3}.bm-vacancy-btn{margin-top:7px;padding:3px 0;width:100%;font-size:10px;font-weight:600;background:#092c4c0f;border:1px solid transparent;color:var(--bm-brand);border-radius:var(--bm-radius-sm);cursor:pointer;font-family:var(--bm-font);transition:all .13s}.bm-room-box.selected .bm-vacancy-btn{background:#ffffff26;color:#fff;border-color:#fff3}.bm-vacancy-btn:hover{background:var(--bm-accent-soft);color:var(--bm-accent)}.bm-room-box.selected .bm-vacancy-btn:hover{background:#ffffff47;color:#fff}.bm-grid-empty{text-align:center;padding:40px 20px;color:var(--bm-text-muted);font-size:13px;grid-column:1 / -1}.bm-timeslots{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--bm-border) transparent}.bm-timeslots::-webkit-scrollbar{width:4px}.bm-timeslots::-webkit-scrollbar-thumb{background:var(--bm-border);border-radius:99px}.bm-timeslot{display:flex;justify-content:space-between;align-items:center;padding:9px 13px;border-radius:var(--bm-radius-sm);font-size:12.5px;font-family:var(--bm-mono);border:1.5px solid transparent}.bm-timeslot.occupied{background:var(--bm-danger-soft);color:var(--bm-danger);border-color:#c0392b24}.bm-timeslot.vacant{background:var(--bm-success-soft);color:var(--bm-success);border-color:#04785724}.bm-timeslot .status{font-weight:700;font-size:10.5px;text-transform:uppercase;letter-spacing:.5px}.bm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#092c4c66;display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px;box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:bm-fade-in .2s ease}@keyframes bm-fade-in{0%{opacity:0}to{opacity:1}}.bm-modal{background:var(--bm-surface);border-radius:var(--bm-radius-xl);width:100%;max-width:480px;max-height:85vh;overflow-y:auto;box-shadow:var(--bm-shadow-lg);border:1.5px solid var(--bm-border);animation:bm-slide-up .22s ease}@keyframes bm-slide-up{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.bm-modal-header{padding:22px 24px 18px;border-bottom:1.5px solid var(--bm-surface-3);position:sticky;top:0;background:var(--bm-surface);border-radius:var(--bm-radius-xl) var(--bm-radius-xl) 0 0;z-index:1}.bm-modal-header h3{margin:0;font-size:15px;font-weight:700;color:var(--bm-text-primary);letter-spacing:-.3px}.bm-modal-header p{margin:4px 0 0;font-size:12px;color:var(--bm-text-muted);font-family:var(--bm-mono)}.bm-modal-body{padding:20px 24px}.bm-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1.5px solid var(--bm-surface-3);flex-wrap:wrap}.bm-modal-preview{background:var(--bm-surface-2);border:1.5px solid var(--bm-border);border-radius:var(--bm-radius-md);padding:12px 14px;margin-bottom:14px}.bm-modal-preview-title{font-size:10.5px;font-weight:700;color:var(--bm-text-muted);text-transform:uppercase;letter-spacing:.8px;font-family:var(--bm-mono);margin-bottom:8px}.bm-type-badge{display:inline-block;padding:3px 9px;border-radius:20px;font-size:10.5px;font-weight:700;font-family:var(--bm-mono)}.bm-type-badge:not(.lab){background:#dbeafe;color:#1e40af}.bm-type-badge.lab{background:#ede9fe;color:#5b21b6}.bm-manage-modal{max-width:780px!important}.bm-manage-modal .bm-modal-body{max-height:calc(85vh - 160px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--bm-border) transparent}.bm-manage-modal .bm-modal-body::-webkit-scrollbar{width:4px}.bm-manage-modal .bm-modal-body::-webkit-scrollbar-thumb{background:var(--bm-border);border-radius:99px}.bm-delete-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:8px 12px;background:var(--bm-surface-2);border-radius:var(--bm-radius-sm);border:1.5px solid var(--bm-border)}.bm-select-all-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12.5px;font-weight:600;color:var(--bm-text-primary)}.bm-modality-list{display:flex;flex-direction:column;gap:6px;max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--bm-border) transparent}.bm-modality-list::-webkit-scrollbar{width:4px}.bm-modality-list::-webkit-scrollbar-thumb{background:var(--bm-border);border-radius:99px}.bm-modality-row{position:relative;display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1.5px solid var(--bm-border);border-radius:var(--bm-radius-md);background:var(--bm-surface);cursor:pointer;transition:background .13s,border-color .13s}.bm-modality-row:hover{background:var(--bm-surface-2)}.bm-modality-row.selected{background:var(--bm-warn-soft);border-color:#b4530940}.bm-modality-info{flex:1;min-width:0}.bm-modality-title{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}.bm-modality-meta{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--bm-text-secondary);line-height:1.5}.bm-modality-meta span{color:var(--bm-text-secondary)}.bm-modality-meta span strong{color:var(--bm-text-primary);font-weight:600}.bm-modality-row.selected .bm-modality-meta,.bm-modality-row.selected .bm-modality-meta span{color:#7c4a00}.bm-modality-row.selected .bm-modality-meta strong{color:#4a2d00}.bm-manage-search{position:relative;display:flex;align-items:center;margin-bottom:12px}.bm-manage-search-icon{position:absolute;left:12px;color:var(--bm-text-muted);font-size:13px;pointer-events:none}.bm-manage-search-input{width:100%;padding:9px 36px;border:1.5px solid var(--bm-border);border-radius:var(--bm-radius-sm);font-size:13px;font-family:var(--bm-font);color:var(--bm-text-primary);background:var(--bm-surface-2);outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.bm-manage-search-input:focus{border-color:var(--bm-accent);background:var(--bm-surface);box-shadow:0 0 0 3px #2f80ed1a}.bm-manage-search-clear{position:absolute;right:10px;background:none;border:none;color:var(--bm-text-muted);cursor:pointer;font-size:12px;padding:2px 4px;border-radius:4px;line-height:1;transition:color .12s,background .12s}.bm-manage-search-clear:hover{color:var(--bm-danger);background:var(--bm-danger-soft)}.bm-edit-btn{flex-shrink:0;align-self:flex-start;margin-top:2px;padding:5px 10px!important;font-size:11.5px!important}.bm-modality-row--editing{padding:0!important;border-color:var(--bm-accent)!important;background:#f0f7ff!important;cursor:default!important}.bm-modality-row--editing:hover{background:#f0f7ff!important}.bm-edit-form{width:100%;padding:14px 16px;box-sizing:border-box}.bm-edit-form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:10px;border-bottom:1.5px solid rgba(47,128,237,.2)}.bm-edit-label{font-size:11.5px;font-weight:700;color:#1e40af;font-family:var(--bm-mono);text-transform:uppercase;letter-spacing:.5px}.bm-edit-cancel-x{background:none;border:none;color:var(--bm-text-muted);cursor:pointer;font-size:14px;padding:4px;border-radius:4px;display:flex;align-items:center;transition:color .12s,background .12s}.bm-edit-cancel-x:hover{color:var(--bm-danger);background:var(--bm-danger-soft)}.bm-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin-bottom:14px}.bm-edit-field{display:flex;flex-direction:column;gap:5px}.bm-edit-field label{font-size:11px;font-weight:600;color:var(--bm-text-primary);letter-spacing:.2px}.bm-edit-full-width{grid-column:span 2}.bm-edit-input{padding:8px 10px;border:1.5px solid var(--bm-border);border-radius:var(--bm-radius-sm);font-size:13px;font-family:var(--bm-font);color:var(--bm-text-primary);background:var(--bm-surface);outline:none;transition:border-color .15s}.bm-edit-input:focus{border-color:var(--bm-accent)}.bm-edit-input--readonly{background:var(--bm-surface-3);color:var(--bm-text-muted);cursor:default}.bm-edit-textarea{padding:8px 10px;border:1.5px solid var(--bm-border);border-radius:var(--bm-radius-sm);font-size:13px;font-family:var(--bm-font);color:var(--bm-text-primary);background:var(--bm-surface);resize:vertical;outline:none;transition:border-color .15s;line-height:1.5}.bm-edit-textarea:focus{border-color:var(--bm-accent)}.bm-edit-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:10px;border-top:1.5px solid rgba(47,128,237,.15)}@media(max-width:1024px){.bm-layout{flex-direction:column}.bm-sidebar{width:100%;position:static;flex-direction:row;flex-wrap:wrap}.bm-sidebar-card{flex:1;min-width:200px}}@media(max-width:768px){.bm-page{padding:16px 14px}.bm-page-header{flex-direction:column;align-items:flex-start;margin-bottom:18px}.bm-page-actions{width:100%}.bm-page-actions .bm-btn{flex:1}.bm-sidebar{flex-direction:column}.bm-form-grid{grid-template-columns:1fr}.bm-full-width{grid-column:span 1}.bm-room-grid{grid-template-columns:repeat(auto-fill,minmax(82px,1fr));max-height:280px}.bm-modal-overlay{padding:12px}.bm-modal{border-radius:var(--bm-radius-lg);max-height:88vh}.bm-modal-header{padding:16px 18px 12px}.bm-modal-body{padding:14px 18px}.bm-modal-footer{padding:12px 18px;flex-direction:column}.bm-modal-footer .bm-btn{width:100%}.bm-manage-modal{max-width:100%!important}.bm-edit-grid{grid-template-columns:1fr}.bm-edit-full-width{grid-column:span 1}.bm-edit-actions{flex-direction:column}.bm-edit-actions .bm-btn{width:100%;justify-content:center}}.scheduler-container{--eg-brand: #092C4C;--eg-brand-mid: #0d3b66;--eg-accent: #1e8ce3;--eg-accent-soft: #e8f4fd;--eg-gold: #f5a623;--eg-gold-soft: #fef6e7;--eg-success: #059669;--eg-warn: #d97706;--eg-warn-soft: #fef3c7;--eg-danger: #dc2626;--eg-surface: #ffffff;--eg-surface-2: #f8fafc;--eg-surface-3: #f1f5f9;--eg-border: #e2e8f0;--eg-border-2: #cbd5e1;--eg-text: #0f172a;--eg-text-2: #475569;--eg-text-3: #94a3b8;--eg-radius: 10px;--eg-radius-sm: 6px;--eg-radius-lg: 14px;--eg-font: "DM Sans", sans-serif;--eg-mono: "DM Mono", monospace;--eg-shadow: 0 2px 8px rgba(9,44,76,.08);--eg-shadow-md: 0 4px 20px rgba(9,44,76,.12)}.scheduler-container{max-width:1400px;margin:40px auto;padding:32px;background:var(--eg-surface-2);border-radius:20px;box-shadow:var(--eg-shadow-md);font-family:var(--eg-font);color:var(--eg-text);border:1px solid var(--eg-border)}.configuration-section{background:var(--eg-surface);border:1px solid var(--eg-border);border-radius:var(--eg-radius-lg);padding:20px 22px;margin-bottom:16px;box-shadow:var(--eg-shadow);animation:eg-slide-in .3s ease both}.configuration-section:nth-child(1){animation-delay:.05s}.configuration-section:nth-child(2){animation-delay:.1s}.configuration-section:nth-child(3){animation-delay:.15s}@keyframes eg-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.section-title{font-family:var(--eg-font);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--eg-text-3);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--eg-border);display:flex;align-items:center;gap:8px}.section-title:before{content:"";display:inline-block;width:3px;height:14px;border-radius:99px;background:linear-gradient(180deg,var(--eg-accent) 0%,var(--eg-brand-mid) 100%);flex-shrink:0}.field{display:flex;flex-direction:column;gap:6px}.label{font-family:var(--eg-font);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--eg-text-2);display:flex;align-items:center;gap:6px}.main-content-layout{display:grid;grid-template-columns:1fr 340px;gap:18px;align-items:start}.form-column{display:flex;flex-direction:column;gap:16px}.scheduler-container .select__control{font-family:var(--eg-font)!important;font-size:13px!important;border:1.5px solid var(--eg-border)!important;border-radius:var(--eg-radius-sm)!important;background:var(--eg-surface)!important;box-shadow:none!important;min-height:38px!important;transition:border-color .15s,box-shadow .15s!important;cursor:pointer!important}.scheduler-container .select__control:hover{border-color:var(--eg-border-2)!important}.scheduler-container .select__control--is-focused{border-color:var(--eg-accent)!important;box-shadow:0 0 0 3px #1e8ce31f!important}.scheduler-container .select__menu{font-family:var(--eg-font)!important;font-size:13px!important;border:1.5px solid var(--eg-border)!important;border-radius:var(--eg-radius)!important;box-shadow:var(--eg-shadow-md)!important;overflow:hidden!important;z-index:9999!important}.scheduler-container .select__option{font-size:13px!important;padding:9px 12px!important;cursor:pointer!important}.scheduler-container .select__option--is-focused{background:var(--eg-accent-soft)!important;color:var(--eg-brand)!important}.scheduler-container .select__option--is-selected{background:var(--eg-brand)!important;color:#fff!important}.scheduler-container .select__multi-value{background:var(--eg-accent-soft)!important;border-radius:5px!important;border:1px solid rgba(30,140,227,.2)!important}.scheduler-container .select__multi-value__label{font-size:12px!important;font-weight:500!important;color:var(--eg-brand-mid)!important;padding:2px 6px!important}.scheduler-container .select__multi-value__remove{color:var(--eg-accent)!important;cursor:pointer!important;border-radius:0 4px 4px 0!important;transition:background .12s!important}.scheduler-container .select__multi-value__remove:hover{background:#1e8ce326!important;color:var(--eg-brand)!important}.scheduler-container .select__placeholder{color:var(--eg-text-3)!important;font-size:13px!important}.scheduler-container .select__indicator-separator{background-color:var(--eg-border)!important}.scheduler-container .select__dropdown-indicator{color:var(--eg-text-3)!important}.scheduler-container .select__value-container{padding:4px 10px!important;gap:4px!important}.scheduler-container .select__control--is-disabled{background:var(--eg-surface-3)!important;border-color:var(--eg-border)!important;opacity:.75!important}.preview-column{background:var(--eg-surface);border:1px solid var(--eg-border);border-radius:var(--eg-radius-lg);padding:16px;position:sticky;top:16px;max-height:calc(100vh - 180px);display:flex;flex-direction:column;gap:0;box-shadow:var(--eg-shadow);overflow:hidden}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--eg-border);font-family:var(--eg-font);font-size:12px;font-weight:700;color:var(--eg-text);letter-spacing:-.01em}.preview-count{font-family:var(--eg-mono);font-size:11px;font-weight:500;background:var(--eg-brand);color:#fff;padding:2px 10px;border-radius:99px;letter-spacing:.02em}.preview-search-input{width:100%;box-sizing:border-box;padding:8px 12px;font-family:var(--eg-font);font-size:12px;border:1.5px solid var(--eg-border);border-radius:var(--eg-radius-sm);background:var(--eg-surface-2);color:var(--eg-text);outline:none;transition:border-color .15s,box-shadow .15s;margin-bottom:10px}.preview-search-input:focus{border-color:var(--eg-accent);box-shadow:0 0 0 3px #1e8ce31a;background:var(--eg-surface)}.preview-search-input::placeholder{color:var(--eg-text-3)}.modality-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.modality-list::-webkit-scrollbar{width:4px}.modality-list::-webkit-scrollbar-track{background:transparent}.modality-list::-webkit-scrollbar-thumb{background:var(--eg-border-2);border-radius:99px}.modality-list::-webkit-scrollbar-thumb:hover{background:var(--eg-text-3)}.modality-item{background:var(--eg-surface-2);border:1px solid var(--eg-border);border-radius:var(--eg-radius);padding:11px 13px;transition:border-color .15s,box-shadow .15s;position:relative}.modality-item:hover{border-color:var(--eg-border-2);box-shadow:var(--eg-shadow)}.modality-item.scheduled{background:var(--eg-warn-soft);border:1.5px solid #fbbf24}.scheduled-badge{position:absolute;top:8px;right:8px;background:var(--eg-warn);color:#fff;font-family:var(--eg-mono);font-size:9px;font-weight:500;letter-spacing:.06em;padding:2px 8px;border-radius:99px}.modality-detail{font-family:var(--eg-font);font-size:12px;color:var(--eg-text-2);margin:3px 0;line-height:1.4}.modality-detail strong{color:var(--eg-text);font-weight:600}.student-count{font-family:var(--eg-mono);font-size:11px;color:var(--eg-text-3);margin-left:4px}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:32px 16px;text-align:center}.empty-state p{font-family:var(--eg-font);font-size:13px;font-weight:600;color:var(--eg-text-2);margin:0}.empty-state span{font-family:var(--eg-font);font-size:12px;color:var(--eg-text-3)}.warning-badge{display:flex;align-items:center;gap:7px;background:var(--eg-warn-soft);border:1px solid #fbbf24;color:#92400e;font-family:var(--eg-font);font-size:12px;font-weight:600;padding:8px 12px;border-radius:var(--eg-radius-sm);margin-bottom:10px}.action-row{margin-top:14px;padding-top:14px;border-top:1px solid var(--eg-border)}.btn-remove-scheduled{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-family:var(--eg-font);font-size:13px;font-weight:600;color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:var(--eg-radius-sm);cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #f59e0b40}.btn-remove-scheduled:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #f59e0b59}.btn-remove-scheduled:disabled{opacity:.6;cursor:not-allowed}.save-button-wrapper{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.btn-saves{width:100%;max-width:440px;display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 32px;font-family:var(--eg-font);font-size:15px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--eg-brand) 0%,var(--eg-brand-mid) 60%,#1a5a8a 100%);border:none;border-radius:var(--eg-radius);cursor:pointer;position:relative;overflow:hidden;transition:all .25s;box-shadow:0 4px 16px #092c4c4d;letter-spacing:-.01em}.btn-saves:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.06) 100%);pointer-events:none}.btn-saves:not(:disabled):not(.generating){animation:eg-pulse 2.5s ease-in-out infinite}@keyframes eg-pulse{0%,to{box-shadow:0 4px 16px #092c4c4d}50%{box-shadow:0 6px 28px #092c4c80}}.btn-saves:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #092c4c66}.btn-saves:active:not(:disabled){transform:translateY(0)}.btn-saves:disabled{opacity:.55;cursor:not-allowed;animation:none}.btn-saves .icon-play{transition:transform .25s}.btn-saves:hover:not(:disabled) .icon-play{transform:scale(1.15)}.loading-progress{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.progress-bar-container{width:100%;max-width:260px;height:6px;background:#fff3;border-radius:99px;overflow:hidden}.progress-bar-fill{height:100%;background:#fff;border-radius:99px;transition:width .3s ease;position:relative;overflow:hidden}.progress-bar-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:eg-shimmer 1.4s infinite}@keyframes eg-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-info{display:flex;align-items:center;gap:10px}.progress-number{font-family:var(--eg-mono);font-size:18px;font-weight:500;color:#fff;min-width:48px;text-align:right}.progress-text{font-family:var(--eg-font);font-size:12px;color:#ffffffd9;letter-spacing:.03em}.button-warning{font-family:var(--eg-font);font-size:12px;font-weight:500;color:var(--eg-warn);text-align:center;margin:0}.mini-spinner{display:inline-block;width:13px;height:13px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:eg-spin .6s linear infinite}@keyframes eg-spin{to{transform:rotate(360deg)}}@media(max-width:900px){.main-content-layout{grid-template-columns:1fr}.preview-column{position:static;max-height:380px}}@media(max-width:600px){.scheduler-container{padding:16px;margin:16px}.configuration-section{padding:14px}}.nav-panel-body .scheduler-container{max-width:100%;margin:0;padding:0;background:transparent;border:none;border-radius:0;box-shadow:none;animation:none}.nav-panel-body .configuration-section{padding:14px 16px;margin-bottom:12px;border-radius:var(--eg-radius);animation:none;box-shadow:none;background:#f8fafc;border:1px solid #e2e8f0}.nav-panel-body .configuration-section>div[style*=grid]{grid-template-columns:1fr 1fr!important;gap:12px!important}.nav-panel-body .main-content-layout{grid-template-columns:1fr;gap:12px}.nav-panel-body .preview-column{position:static;max-height:280px;border-radius:var(--eg-radius);padding:14px;background:#f0f4f8;border:1px solid #dde3ec}.nav-panel-body .section-title{font-size:10px;margin-bottom:12px;padding-bottom:10px}.nav-panel-body .label{font-size:10px}.nav-panel-body .select__control{min-height:34px!important;font-size:12px!important}.nav-panel-body .btn-saves{max-width:100%;font-size:14px;padding:13px 24px;border-radius:var(--eg-radius-sm)}.nav-panel-body .save-button-wrapper{margin-top:14px}.nav-panel-body .btn-remove-scheduled{font-size:12px;padding:9px 14px}.nav-panel-body .preview-header,.nav-panel-body .modality-detail{font-size:11px}.nav-panel-body .modality-item{padding:9px 11px}.nav-panel-body .preview-search-input{font-size:11px;padding:7px 10px}.nav-panel-body .warning-badge{font-size:11px;padding:6px 10px}.nav-panel-body .button-warning{font-size:11px}.nav-panel-body .progress-number{font-size:15px}.nav-panel-body .progress-text{font-size:11px}.exam-card-dragging{outline:3px dashed #ff6b6b!important;box-shadow:0 0 10px #ff6b6b80!important}.exam-card-drop-target{outline:3px solid #22c55e!important;box-shadow:0 0 10px #22c55e80!important}.exam-card-swap-selected{outline:3px solid #3b82f6!important;box-shadow:0 0 10px #3b82f680!important}.manual-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.manual-editor-container{background:#fff;border-radius:12px;width:90%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d}.manual-editor-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,#092c4c,#0a3d66);border-radius:12px 12px 0 0}.manual-editor-header h2{color:#fff;margin:0;font-size:24px;font-weight:600}.close-button{background:transparent;border:none;color:#fff;font-size:28px;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-button:hover{background:#fff3;transform:rotate(90deg)}.manual-editor-content{display:grid;grid-template-columns:400px 1fr;gap:20px;padding:20px;overflow:hidden;flex:1}.unscheduled-list{border-right:2px solid #e5e7eb;padding-right:20px;display:flex;flex-direction:column}.unscheduled-list h3{color:#092c4c;margin:0 0 15px;font-size:18px;font-weight:600}.sections-list{overflow-y:auto;flex:1;padding-right:10px}.section-item{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;padding:15px;margin-bottom:12px;cursor:pointer;transition:all .3s ease}.section-item:hover{border-color:#3b82f6;background:#eff6ff;transform:translate(5px)}.section-item.selected{border-color:#092c4c;background:#dbeafe;box-shadow:0 4px 12px #092c4c33}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.section-header strong{color:#092c4c;font-size:16px}.section-badge{background:#3b82f6;color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.section-info{color:#6b7280;font-size:14px;margin-bottom:8px}.section-conflicts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.conflict-badge{background:#fef3c7;color:#92400e;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:500;border:1px solid #fbbf24}.scheduling-form{padding:20px;overflow-y:auto}.scheduling-form h3{color:#092c4c;margin:0 0 20px;font-size:20px;font-weight:600}.form-group{margin-bottom:20px}.form-group label{display:block;color:#374151;font-weight:600;margin-bottom:8px;font-size:14px}.form-actions{display:flex;gap:12px;margin-top:30px;padding-top:20px;border-top:2px solid #e5e7eb}.btn-save{flex:1;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.btn-save:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.btn-save:disabled{background:#9ca3af;cursor:not-allowed;box-shadow:none}.btn-cancel{flex:1;background:#f3f4f6;color:#374151;border:2px solid #d1d5db;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{background:#e5e7eb;border-color:#9ca3af;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sections-list::-webkit-scrollbar,.scheduling-form::-webkit-scrollbar{width:8px}.sections-list::-webkit-scrollbar-track,.scheduling-form::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.sections-list::-webkit-scrollbar-thumb,.scheduling-form::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.sections-list::-webkit-scrollbar-thumb:hover,.scheduling-form::-webkit-scrollbar-thumb:hover{background:#555}.sections-list{max-height:calc(100vh - 250px);overflow-y:auto;overflow-x:hidden;padding-right:8px}.sections-list::-webkit-scrollbar{width:8px}.sections-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.sections-list::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.sections-list::-webkit-scrollbar-thumb:hover{background:#555}.sections-list{scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.message-sender-container{background:#fff;border-radius:12px;box-shadow:0 4px 16px #092c4c26;width:600px;max-height:80vh;overflow:hidden;padding:0;position:relative;margin:0 auto;border:2px solid #092C4C}.message-sender-header{background:#092c4c;padding:20px 24px;border-radius:12px 12px 0 0;position:relative}.message-sender-header h3{margin:0;color:#fff;font-size:20px;font-weight:600}.message-sender-body{padding:24px;overflow-y:auto;max-height:calc(80vh - 160px)}.message-sender-body::-webkit-scrollbar{width:8px}.message-sender-body::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.message-sender-body::-webkit-scrollbar-thumb{background:#092c4c4d;border-radius:4px}.message-sender-body::-webkit-scrollbar-thumb:hover{background:#092c4c80}.summary-box{background:#f8f9fa;border:2px solid #092C4C;border-radius:10px;padding:18px;margin-bottom:20px}.summary-box p{margin:8px 0;color:#092c4c;font-size:15px;line-height:1.6}.summary-box p strong{font-weight:700;margin-right:8px}.message-section{margin-top:20px;display:flex;flex-direction:column}.message-section label{display:block;margin-bottom:10px;font-weight:600;color:#092c4c;font-size:15px}textarea{resize:vertical;padding:12px;border-radius:8px;border:2px solid #ccc;font-family:inherit;background-color:#fff;color:#333;font-size:14px;min-height:120px;transition:border-color .2s ease}textarea:focus{outline:none;border-color:#092c4c}.char-count{text-align:right;font-size:13px;color:#666;margin-top:6px;font-weight:500}.message-sender-footer{display:flex;justify-content:flex-end;gap:12px;padding:18px 24px;background:#f8f9fa;border-top:2px solid #e0e0e0;border-radius:0 0 12px 12px}.btn-cancel,.btn-send{border:none;border-radius:8px;padding:10px 20px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease;min-width:110px}.btn-cancel{background:#ddd;color:#333;border:2px solid #ccc}.btn-cancel:hover{background:#ccc;border-color:#999}.btn-send{background:#092c4c;color:#fff}.btn-send:hover:not(:disabled){background:#0a3d5c;transform:translateY(-1px);box-shadow:0 4px 8px #092c4c4d}.btn-send:disabled{background:#94a3b8;cursor:not-allowed;opacity:.6}.user-selection-section{margin-top:16px;border:2px solid #092C4C;padding:14px;border-radius:10px;background:#f8f9fa}.select-all-row{font-weight:600;margin-bottom:10px;padding:8px;background-color:#fff;color:#092c4c;border-radius:6px}.user-list{max-height:180px;overflow-y:auto;padding:6px;background:#fff;border-radius:6px}.user-list::-webkit-scrollbar{width:8px}.user-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.user-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.user-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.user-item{padding:8px;border-radius:6px;transition:background .2s ease}.user-item:hover{background:#f1f5f9}.user-contact{color:#666;font-size:13px;margin-top:2px}.subject-input{padding:12px;border:2px solid #ccc;border-radius:8px;margin-bottom:10px;background-color:#fff;color:#333;font-size:14px;transition:border-color .2s ease}.subject-input:focus{outline:none;border-color:#092c4c}.close-btn{position:absolute;top:16px;right:20px;background:transparent;border:none;font-size:24px;cursor:pointer;color:#fff;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:#ffffff26}@media screen and (max-width:1024px){.message-sender-container{width:90%;max-width:550px}.message-sender-header{padding:18px 22px}.message-sender-body{padding:22px}.message-sender-footer{padding:16px 22px}}@media screen and (max-width:768px){.message-sender-container{width:95%;max-width:100%;padding:0;margin:10px auto;max-height:90vh;border-radius:12px}.message-sender-header{padding:16px 20px}.message-sender-header h3{font-size:18px}.close-btn{width:30px;height:30px;font-size:20px}.message-sender-body{padding:20px;max-height:calc(90vh - 150px)}.summary-box{padding:14px}.summary-box p{font-size:14px}.subject-input,textarea{font-size:16px;padding:12px}textarea{min-height:100px}.message-sender-footer{flex-direction:column-reverse;gap:10px;padding:16px 20px}.btn-cancel,.btn-send{width:100%;min-height:44px;padding:12px 16px;font-size:15px}.user-list{max-height:140px}.user-selection-section{padding:12px}}@media screen and (max-width:480px){.message-sender-container{width:98%;margin:5px auto}.message-sender-header{padding:14px 16px}.message-sender-header h3{font-size:16px}.message-sender-body{padding:16px}.summary-box{padding:12px}.user-list{max-height:110px}.message-sender-footer{padding:14px 16px}}:root{--brand: #092C4C;--brand-mid: #0A3765;--brand-light: #1a5a8a;--accent: #2F80ED;--accent-soft: #EBF4FF;--danger: #C0392B;--danger-soft: #FEF2F2;--success: #047857;--success-soft: #ECFDF5;--warn: #B45309;--warn-soft: #FFFBEB;--surface: #FFFFFF;--surface-2: #F5F7FA;--surface-3: #EEF1F6;--border: #DDE3EC;--text-primary: #0C1B2A;--text-secondary: #4B5E72;--text-muted: #8A9BB0;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 4px rgba(9, 44, 76, .07);--shadow-md: 0 4px 16px rgba(9, 44, 76, .1);--shadow-lg: 0 12px 40px rgba(9, 44, 76, .15);--font: "Sora", sans-serif;--mono: "JetBrains Mono", monospace}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:20000;padding:16px;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.settings-modal{background:var(--surface);border-radius:var(--radius-xl);width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden}.settings-page-header{display:flex;align-items:center;justify-content:space-between;padding:28px 32px;border-bottom:1.5px solid var(--border);background:var(--surface)}.settings-page-header-left{display:flex;align-items:center;gap:16px}.settings-page-icon{width:52px;height:52px;background:var(--brand);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;flex-shrink:0;box-shadow:var(--shadow-sm)}.settings-page-title h1{font-size:22px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.4px;line-height:1.2}.settings-page-title p{font-size:13px;color:var(--text-muted);margin:4px 0 0;font-family:var(--mono);font-weight:400}.settings-close-btn{width:40px;height:40px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-secondary);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.settings-close-btn:hover{background:var(--surface-2);color:var(--text-primary)}.settings-tabs{display:flex;gap:8px;padding:16px 32px;border-bottom:1.5px solid var(--border);background:var(--surface);flex-wrap:wrap}.settings-tab{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font);letter-spacing:-.1px;white-space:nowrap}.settings-tab:hover{background:var(--surface-2);color:var(--brand)}.settings-tab.active{background:var(--brand);color:#fff;box-shadow:0 2px 8px #092c4c26}.settings-tab svg{font-size:15px}.settings-content{flex:1;overflow-y:auto;padding:24px 32px;background:var(--surface-2)}.settings-content::-webkit-scrollbar{width:8px}.settings-content::-webkit-scrollbar-track{background:transparent}.settings-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.settings-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.settings-tab-content{display:flex;flex-direction:column;gap:16px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.settings-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .2s ease}.settings-card:hover{border-color:var(--accent);box-shadow:0 4px 12px #2f80ed14}.settings-card-header{padding:16px 20px;border-bottom:1.5px solid var(--border);background:var(--surface-2)}.settings-card-header h3{margin:0;font-size:15px;font-weight:600;color:var(--text-primary);letter-spacing:-.2px}.settings-card-header p{margin:4px 0 0;font-size:12px;color:var(--text-muted);font-weight:400}.settings-card-body{padding:20px}.settings-form-group{margin-bottom:16px}.settings-form-group:last-child{margin-bottom:0}.settings-form-group label{display:block;margin-bottom:8px;font-size:13px;font-weight:500;color:var(--text-primary);letter-spacing:-.1px}.settings-input{width:100%;padding:10px 12px;border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:13px;font-family:var(--font);color:var(--text-primary);background:var(--surface);transition:all .2s ease;box-sizing:border-box}.settings-input::placeholder{color:var(--text-muted)}.settings-input:focus{outline:none;border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px #2f80ed1a}.settings-input:disabled{background:var(--surface-3);color:var(--text-muted);cursor:not-allowed}.settings-toggle-group{display:flex;flex-direction:column;gap:12px}.settings-toggle-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:var(--radius-md);background:var(--surface-2);cursor:pointer;transition:all .2s ease}.settings-toggle-item:hover{background:var(--surface-3)}.settings-toggle-input{position:absolute;opacity:0;width:0;height:0}.settings-toggle-track{position:relative;display:inline-flex;align-items:center;width:44px;height:24px;background:var(--text-muted);border-radius:12px;flex-shrink:0;margin-top:2px;transition:background .3s ease}.settings-toggle-thumb{position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;left:2px;transition:left .3s ease;box-shadow:0 2px 4px #0003}.settings-toggle-input:checked+.settings-toggle-track{background:var(--success)}.settings-toggle-input:checked+.settings-toggle-track .settings-toggle-thumb{left:22px}.settings-toggle-label{flex:1}.settings-toggle-title{display:block;font-size:13px;font-weight:500;color:var(--text-primary);letter-spacing:-.1px}.settings-toggle-description{display:block;margin-top:3px;font-size:12px;color:var(--text-muted);line-height:1.4}.logo-display-area{margin-bottom:20px;min-height:100px;padding:16px;background:var(--surface-2);border-radius:var(--radius-md);border:1.5px dashed var(--border)}.logo-empty-state{text-align:center;padding:20px;color:var(--text-muted)}.logo-empty-icon{font-size:36px;margin-bottom:8px;opacity:.6}.logo-empty-state p{margin:0 0 4px;font-size:13px;font-weight:500;color:var(--text-primary)}.logo-empty-state span{display:block;font-size:12px;color:var(--text-muted)}.logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.logo-item{position:relative;aspect-ratio:1;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:4px;overflow:hidden;transition:all .2s ease;cursor:pointer;display:flex;align-items:center;justify-content:center}.logo-item:hover{border-color:var(--accent);box-shadow:0 4px 12px #2f80ed1a}.logo-item img{max-width:100%;max-height:100%;object-fit:contain;display:block}.logo-remove{position:absolute;top:4px;right:4px;width:50px;height:50px;border-radius:50%;background:var(--danger);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;opacity:0;transition:all .2s ease;box-shadow:0 2px 8px #c0392b33}.logo-item:hover .logo-remove{opacity:1}.logo-remove:hover{background:#8b0000;transform:scale(1.1)}.logo-upload-controls{display:flex;align-items:center;gap:12px;margin-bottom:12px}.logo-count-badge{padding:6px 12px;background:var(--success-soft);color:var(--success);border-radius:var(--radius-md);font-size:12px;font-weight:5;white-space:nowrap}.settings-hint{margin:0;padding:10px;background:var(--accent-soft);color:var(--brand);border-radius:var(--radius-md);font-size:12px;line-height:1.5;border-left:3px solid var(--accent)}.settings-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);border:none;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font);letter-spacing:-.1px;white-space:nowrap;text-decoration:none}.settings-btn.primary{background:var(--brand);color:#fff;box-shadow:var(--shadow-sm)}.settings-btn.primary:hover:not(:disabled){background:var(--brand-mid);transform:translateY(-1px);box-shadow:0 4px 12px #092c4c33}.settings-btn.secondary{background:var(--surface);color:var(--text-secondary);border:1.5px solid var(--border)}.settings-btn.secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--text-secondary)}.settings-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.settings-loading-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px;background:var(--surface-2);color:var(--text-muted)}.settings-spinner{width:40px;height:40px;border:3px solid var(--surface-3);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.settings-loading-state p{font-size:14px;margin:0}.settings-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 32px;border-top:1.5px solid var(--border);background:var(--surface);flex-wrap:wrap}.settings-actions{display:flex;gap:10px}@media(max-width:768px){.settings-overlay{padding:8px}.settings-modal{max-width:100%;max-height:100vh;border-radius:var(--radius-lg)}.settings-page-header{padding:20px 16px;flex-direction:column;align-items:flex-start;gap:12px}.settings-page-header-left{width:100%}.settings-close-btn{position:absolute;top:16px;right:16px}.settings-page-title h1{font-size:18px}.settings-tabs{padding:12px 16px;gap:6px}.settings-tab{padding:8px 14px;font-size:12px}.settings-content{padding:16px}.settings-card{border-radius:var(--radius-md)}.settings-card-header{padding:12px 16px}.settings-card-header h3{font-size:14px}.settings-card-body{padding:16px}.logo-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.settings-footer{flex-direction:column;padding:12px 16px}.settings-actions{width:100%}.settings-btn{flex:1;padding:10px 14px}.settings-input{font-size:16px}}@media(max-width:480px){.settings-modal{border-radius:0;max-height:100vh}.settings-page-header{padding:16px}.settings-tabs{padding:8px}.settings-tab{padding:6px 12px;font-size:11px}.settings-content{padding:12px}.logo-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px}.settings-form-group{margin-bottom:12px}.settings-input{padding:8px 10px;font-size:16px}}:root{--cl-brand: #092C4C;--cl-brand-mid: #0A3765;--cl-brand-light: #1a5a8a;--cl-accent: #2F80ED;--cl-accent-soft: #EBF4FF;--cl-danger: #C0392B;--cl-danger-soft: #FEF2F2;--cl-success: #047857;--cl-success-soft: #ECFDF5;--cl-warn: #B45309;--cl-warn-soft: #FFFBEB;--cl-surface: #FFFFFF;--cl-surface-2: #F5F7FA;--cl-surface-3: #EEF1F6;--cl-border: #DDE3EC;--cl-text-primary: #0C1B2A;--cl-text-secondary: #4B5E72;--cl-text-muted: #8A9BB0;--cl-radius-sm: 6px;--cl-radius-md: 10px;--cl-radius-lg: 14px;--cl-radius-xl: 20px;--cl-shadow-sm: 0 1px 4px rgba(9, 44, 76, .07);--cl-shadow-md: 0 4px 16px rgba(9, 44, 76, .1);--cl-shadow-lg: 0 12px 40px rgba(9, 44, 76, .15);--cl-font: "Sora", sans-serif;--cl-mono: "JetBrains Mono", monospace}.cl-page{font-family:var(--cl-font);background:var(--cl-surface-2);min-height:100vh;padding:32px 28px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px}.cl-page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.cl-page-header-left{display:flex;align-items:center;gap:14px}.cl-page-icon{width:48px;height:48px;background:var(--cl-brand);border-radius:var(--cl-radius-md);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:var(--cl-shadow-sm)}.cl-page-title h1{font-size:20px;font-weight:700;color:var(--cl-text-primary);margin:0;letter-spacing:-.4px;line-height:1.1}.cl-page-title p{font-size:12.5px;color:var(--cl-text-muted);margin:3px 0 0;font-family:var(--cl-mono)}.cl-page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cl-search-bar{display:flex;align-items:center;gap:8px;background:var(--cl-surface);border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-sm);padding:0 12px;box-shadow:var(--cl-shadow-sm);height:36px}.cl-search-icon{color:var(--cl-text-muted);font-size:11px;flex-shrink:0}.cl-search-bar input{border:none;outline:none;font-size:13px;font-family:var(--cl-font);color:var(--cl-text-primary);background:transparent;width:180px}.cl-search-bar input::placeholder{color:var(--cl-text-muted)}.cl-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.cl-toolbar-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cl-toolbar-btn{display:inline-flex;align-items:center;gap:5px;border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-sm);background:var(--cl-surface);color:var(--cl-text-secondary);font-size:12px;font-weight:600;cursor:pointer;font-family:var(--cl-font);padding:6px 12px;height:32px;box-shadow:var(--cl-shadow-sm);transition:border-color .14s,color .14s,background .14s;white-space:nowrap}.cl-toolbar-btn:hover{border-color:var(--cl-brand);color:var(--cl-brand);background:var(--cl-accent-soft)}.cl-dropdown{position:absolute;top:calc(100% + 4px);left:0;background:var(--cl-surface);border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-md);box-shadow:var(--cl-shadow-md);z-index:1000;min-width:150px;padding:4px;overflow:hidden}.cl-dropdown-item{width:100%;padding:8px 12px;text-align:left;border:none;background:transparent;color:var(--cl-text-secondary);font-size:12.5px;font-weight:500;font-family:var(--cl-font);cursor:pointer;border-radius:var(--cl-radius-sm);transition:background .12s,color .12s}.cl-dropdown-item:hover{background:var(--cl-accent-soft);color:var(--cl-accent)}.cl-dropdown-item.active{background:var(--cl-brand);color:#fff;font-weight:600}.cl-dropdown-divider{height:1px;background:var(--cl-border);margin:4px 0}.cl-dropdown-custom{display:flex;gap:6px;padding:4px}.cl-custom-input{flex:1;padding:5px 8px;border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-sm);font-size:12px;font-family:var(--cl-font);color:var(--cl-text-primary);outline:none;background:var(--cl-surface);transition:border-color .14s}.cl-custom-input:focus{border-color:var(--cl-accent)}.cl-pagination{display:flex;align-items:center;gap:8px}.cl-page-btn{width:50px;height:28px;border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-sm);background:var(--cl-surface);color:var(--cl-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--cl-shadow-sm);transition:all .13s}.cl-page-btn:hover:not(:disabled){border-color:var(--cl-brand);color:var(--cl-brand);background:var(--cl-accent-soft)}.cl-page-btn:disabled{opacity:.35;cursor:not-allowed}.cl-page-info{font-size:12px;font-weight:600;color:var(--cl-text-secondary);font-family:var(--cl-mono);min-width:48px;text-align:center}.cl-table-card{background:var(--cl-surface);border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-lg);overflow:hidden;box-shadow:var(--cl-shadow-sm);flex:1}.cl-table-scroll-wrapper{position:relative}.cl-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--cl-border);background:var(--cl-surface);color:var(--cl-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--cl-shadow-md);font-size:11px;transition:all .13s}.cl-scroll-btn.left{left:8px}.cl-scroll-btn.right{right:8px}.cl-scroll-btn:hover:not(:disabled){border-color:var(--cl-brand);color:var(--cl-brand);background:var(--cl-accent-soft)}.cl-scroll-btn:disabled{opacity:.3;cursor:not-allowed}.cl-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.cl-table{width:100%;min-width:520px;border-collapse:collapse;font-family:var(--cl-font);font-size:13.5px}.cl-table thead tr{background:var(--cl-brand)}.cl-table thead th{padding:11px 16px;font-size:11px;font-weight:700;color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.5px;font-family:var(--cl-mono);white-space:nowrap;position:sticky;top:0;z-index:2}.cl-table tbody tr{border-bottom:1px solid var(--cl-border);transition:background .12s}.cl-table tbody tr:last-child{border-bottom:none}.cl-table tbody tr:hover{background:var(--cl-accent-soft)}.cl-table tbody tr.selected{background:#fef2f2}.cl-table tbody tr.selected:hover{background:#fde8e8}.cl-table tbody td{padding:10px 16px;color:var(--cl-text-secondary);vertical-align:middle}.cl-td-num{color:var(--cl-text-muted)!important;font-family:var(--cl-mono);font-size:12px!important}.cl-id-badge{display:inline-block;padding:3px 9px;background:var(--cl-accent-soft);color:var(--cl-brand-light);border-radius:20px;font-size:11.5px;font-weight:700;font-family:var(--cl-mono)}.cl-table-empty{text-align:center;padding:56px 24px!important;color:var(--cl-text-muted);font-size:13px;display:flex;flex-direction:column;align-items:center;gap:12px}.cl-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-sm);background:var(--cl-surface);color:var(--cl-text-secondary);font-size:12.5px;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s,background .15s,transform .12s;font-family:var(--cl-font);white-space:nowrap;box-shadow:var(--cl-shadow-sm);padding:8px 14px;height:36px}.cl-btn:hover:not(:disabled){border-color:var(--cl-brand);color:var(--cl-brand);background:var(--cl-accent-soft);transform:translateY(-1px)}.cl-btn:active:not(:disabled){transform:translateY(0)}.cl-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.cl-btn.primary{background:var(--cl-brand);color:#fff;border-color:var(--cl-brand)}.cl-btn.primary:hover:not(:disabled){background:var(--cl-brand-mid);border-color:var(--cl-brand-mid);color:#fff}.cl-btn.danger{border-color:var(--cl-danger);color:var(--cl-danger)}.cl-btn.danger:hover:not(:disabled){background:var(--cl-danger-soft)}.cl-btn.danger-fill{background:var(--cl-danger);color:#fff;border-color:var(--cl-danger)}.cl-btn.danger-fill:hover:not(:disabled){background:#a93226;border-color:#a93226;color:#fff}.cl-icon-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--cl-radius-sm);border:1.5px solid transparent;font-size:11.5px;font-weight:600;font-family:var(--cl-font);cursor:pointer;transition:all .13s;background:transparent}.cl-icon-btn.edit{color:var(--cl-accent);border-color:#2f80ed40;background:var(--cl-accent-soft)}.cl-icon-btn.edit:hover{background:#d4eaff;border-color:var(--cl-accent)}.cl-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#092c4c66;display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px;box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:cl-fade-in .2s ease}@keyframes cl-fade-in{0%{opacity:0}to{opacity:1}}.cl-modal{background:var(--cl-surface);border-radius:var(--cl-radius-xl);width:100%;max-width:440px;box-shadow:var(--cl-shadow-lg);border:1.5px solid var(--cl-border);animation:cl-slide-up .22s ease}@keyframes cl-slide-up{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cl-modal-header{padding:22px 24px 16px;border-bottom:1.5px solid var(--cl-surface-3);position:sticky;top:0;background:var(--cl-surface);border-radius:var(--cl-radius-xl) var(--cl-radius-xl) 0 0;z-index:1;max-width:fit-content}.cl-modal-header h3{margin:0;font-size:15px;font-weight:700;color:var(--cl-text-primary);letter-spacing:-.3px}.cl-modal-header p{margin:4px 0 0;font-size:12px;color:var(--cl-text-muted);font-family:var(--cl-mono)}.cl-modal-body{padding:20px 24px;display:flex;flex-direction:column;gap:14px;max-height:370px;overflow-y:auto}.cl-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1.5px solid var(--cl-surface-3)}.cl-field{display:flex;flex-direction:column;gap:6px}.cl-field label{font-size:11.5px;font-weight:600;color:var(--cl-text-secondary)}.cl-input{padding:9px 12px;border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-sm);font-size:13px;font-family:var(--cl-font);color:var(--cl-text-primary);background:var(--cl-surface);outline:none;transition:border-color .15s}.cl-input:focus{border-color:var(--cl-accent)}.cl-input:disabled{background:var(--cl-surface-2);color:var(--cl-text-muted);cursor:not-allowed}.cl-import-hint{font-size:12px;color:var(--cl-text-muted);margin:0;font-style:italic}.cl-file-input{font-size:12.5px;font-family:var(--cl-font);color:var(--cl-text-secondary);width:100%}.cl-spinner{width:28px;height:28px;border:2.5px solid var(--cl-border);border-top-color:var(--cl-brand);border-radius:50%;animation:cl-spin .75s linear infinite}@keyframes cl-spin{to{transform:rotate(360deg)}}@media(max-width:1024px){.cl-page{padding:20px 16px}.cl-search-bar input{width:140px}}@media(max-width:768px){.cl-page{padding:16px 14px;gap:12px}.cl-page-header{flex-direction:column;align-items:flex-start}.cl-page-actions{width:100%}.cl-search-bar{flex:1}.cl-search-bar input{width:100%;min-width:80px}.cl-page-actions .cl-btn{flex:1}.cl-toolbar{flex-direction:column;align-items:flex-start}.cl-modal-overlay{padding:12px}.cl-modal{border-radius:var(--cl-radius-lg)}.cl-modal-header{padding:16px 18px 12px}.cl-modal-body{padding:14px 18px}.cl-modal-footer{padding:12px 18px;flex-direction:column}.cl-modal-footer .cl-btn{width:100%}}@media(max-width:480px){.cl-page{padding:12px 10px}.cl-page-title h1{font-size:17px}}.cl-icon-btn.view{color:var(--cl-success);border-color:#04785740;background:var(--cl-success-soft)}.cl-icon-btn.view:hover{background:#d1fae5;border-color:var(--cl-success)}.cl-room-count-badge{display:inline-block;padding:3px 9px;background:var(--cl-surface-3);color:var(--cl-text-secondary);border-radius:20px;font-size:11.5px;font-weight:700;font-family:var(--cl-mono);border:1.5px solid var(--cl-border)}.cl-room-type-badge{display:inline-block;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;font-family:var(--cl-mono)}.cl-room-type-badge.lecture{background:#ebf4ff;color:#1a5a8a}.cl-room-type-badge.lab{background:#f3e8ff;color:#6d28d9}.cl-filters-row{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;background:var(--cl-surface);border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-md);box-shadow:var(--cl-shadow-sm)}.cl-filters-row select.cl-toolbar-btn{cursor:pointer}.cl-room-row{background:#fafafa!important;border-bottom:1px solid var(--cl-surface-3)!important}.cl-room-row:hover{background:#f3f6fb!important}.cl-room-row.selected{background:#fef2f2!important}.cl-room-row.selected:hover{background:#fde8e8!important}.cl-room-row td:first-child,.cl-room-row td:nth-child(2){opacity:.6}.cl-tabs{display:flex;gap:4px;background:var(--cl-surface);border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-md);padding:4px;box-shadow:var(--cl-shadow-sm);width:fit-content}.cl-tab{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border:none;border-radius:var(--cl-radius-sm);background:transparent;color:var(--cl-text-muted);font-size:12.5px;font-weight:600;font-family:var(--cl-font);cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.cl-tab:hover{background:var(--cl-surface-3);color:var(--cl-text-secondary)}.cl-tab.active{background:var(--cl-brand);color:#fff}.cl-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 5px;border-radius:20px;font-size:10px;font-weight:700;font-family:var(--cl-mono);background:#fff3;color:inherit}.cl-tab.active .cl-tab-badge{background:#ffffff40;color:#fff}.cl-tab:not(.active) .cl-tab-badge{background:var(--cl-surface-3);color:var(--cl-text-muted)}.cl-term-badge{display:inline-block;padding:3px 9px;background:var(--cl-warn-soft);color:var(--cl-warn);border-radius:20px;font-size:11px;font-weight:700;font-family:var(--cl-mono)}.cl-night-badge{display:inline-block;padding:3px 8px;background:#1e1b4b;color:#a5b4fc;border-radius:20px;font-size:10.5px;font-weight:700;font-family:var(--cl-mono)}.cl-tab.cl-tab-alert{color:#c2410c}.cl-tab-badge-alert{background:#ef4444!important;color:#fff!important;animation:cl-pulse 2s infinite}@keyframes cl-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.cl-toolbar-btn.cl-toolbar-btn-active{background:var(--cl-brand);color:#fff;border-color:var(--cl-brand)}.cl-avail-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:700;font-family:var(--cl-mono);text-transform:capitalize}.cl-avail-badge.available,.cl-avail-badge.cl-status-available{background:var(--cl-success-soft);color:var(--cl-success)}.cl-avail-badge.unavailable,.cl-avail-badge.cl-status-unavailable{background:var(--cl-danger-soft);color:var(--cl-danger)}.cl-avail-badge.cl-status-pending{background:var(--cl-warn-soft);color:var(--cl-warn)}.cl-pending-banner{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:var(--cl-radius-md);background:var(--cl-warn-soft);border:1.5px solid #fed7aa;color:var(--cl-warn);font-weight:600;font-size:13.5px;box-shadow:var(--cl-shadow-sm)}.cl-cr-card{background:var(--cl-surface);border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-md);padding:16px 20px;cursor:pointer;box-shadow:var(--cl-shadow-sm);transition:box-shadow .15s,transform .12s;border-left-width:4px}.cl-cr-card:hover{box-shadow:var(--cl-shadow-md);transform:translateY(-1px)}.cl-cr-card.pending{border-color:#fbbf24;border-left-color:#f59e0b;box-shadow:0 2px 8px #f59e0b1a}.cl-cr-card.approved{border-left-color:var(--cl-success)}.cl-cr-card.rejected{border-left-color:var(--cl-danger)}.cl-inline-edit{margin-top:12px;padding:12px 14px;background:var(--cl-surface-2);border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-sm);display:flex;flex-direction:column;gap:10px}.cl-calendar{margin-top:8px;border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-md);background:var(--cl-surface);box-shadow:var(--cl-shadow-md);overflow:hidden;animation:cl-slide-up .18s ease}.cl-calendar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--cl-brand);color:#fff;font-size:13px;font-weight:700;font-family:var(--cl-font)}.cl-cal-nav{background:transparent;border:none;color:#fff;cursor:pointer;padding:4px 8px;border-radius:var(--cl-radius-sm);transition:background .12s;font-size:12px}.cl-cal-nav:hover{background:#ffffff26}.cl-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);padding:10px 12px;gap:2px}.cl-cal-dayname{text-align:center;font-size:10.5px;font-weight:700;font-family:var(--cl-mono);color:var(--cl-text-muted);padding:4px 0 6px}.cl-cal-day{display:flex;align-items:center;justify-content:center;height:34px;border-radius:var(--cl-radius-sm);font-size:12.5px;font-family:var(--cl-font);color:var(--cl-text-secondary);cursor:pointer;transition:background .12s,color .12s}.cl-cal-day:not(.empty):not(.disabled):hover{background:var(--cl-accent-soft);color:var(--cl-brand)}.cl-cal-day.selected{background:var(--cl-brand);color:#fff;font-weight:700}.cl-cal-day.disabled{color:var(--cl-surface-3);cursor:not-allowed}.cl-cal-day.empty{cursor:default}.cl-calendar-footer{display:flex;gap:8px;padding:10px 12px;border-top:1.5px solid var(--cl-surface-3);background:var(--cl-surface-2)}.dr-root{font-family:DM Sans,sans-serif;background:#f4f6f9;min-height:100vh;padding:28px 24px;box-sizing:border-box}.dr-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.dr-header-left{display:flex;align-items:center;gap:12px}.dr-icon-wrap{width:44px;height:44px;background:#092c4c;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;position:relative;flex-shrink:0}.dr-title-block h1{font-size:20px;font-weight:700;color:#0f1923;margin:0;line-height:1}.dr-title-block p{font-size:13px;color:#6b7280;margin:3px 0 0}.dr-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dr-action-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #e0e4ea;border-radius:8px;background:#fff;color:#374151;font-size:13px;font-weight:500;cursor:pointer;transition:all .18s ease;font-family:DM Sans,sans-serif;white-space:nowrap}.dr-action-btn:hover{border-color:#092c4c;color:#092c4c;background:#f0f4f8}.dr-action-btn:disabled{opacity:.45;cursor:not-allowed}.dr-action-btn.success{background:#16a34a;color:#fff;border-color:#16a34a}.dr-action-btn.success:hover{background:#15803d;border-color:#15803d;color:#fff}.dr-action-btn.reject{background:#dc2626;color:#fff;border-color:#dc2626}.dr-action-btn.reject:hover{background:#b91c1c;border-color:#b91c1c;color:#fff}.dr-action-btn.warning{background:#d97706;color:#fff;border-color:#d97706}.dr-action-btn.warning:hover{background:#b45309;border-color:#b45309;color:#fff}.dr-filters{display:flex;gap:4px;background:#fff;border:1.5px solid #e0e4ea;border-radius:10px;padding:4px;margin-bottom:16px}.dr-filter-tab{padding:7px 18px;border-radius:7px;border:none;background:transparent;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .16s ease;font-family:DM Sans,sans-serif;display:flex;align-items:center;gap:6px;white-space:nowrap}.dr-filter-tab.active{background:#092c4c;color:#fff}.dr-filter-tab .tab-count{background:#ffffff40;font-size:11px;padding:1px 6px;border-radius:10px;font-family:DM Mono,monospace}.dr-filter-tab:not(.active) .tab-count{background:#f0f4f8;color:#374151}.dr-pending-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fef3c7;border:1.5px solid #fde68a;border-radius:10px;color:#d97706;font-size:13px;font-weight:600;margin-bottom:12px}.dr-card{display:flex;align-items:flex-start;gap:14px;background:#fff;border:1.5px solid #e8ecf1;border-radius:12px;padding:14px 16px;margin-bottom:8px;cursor:pointer;transition:all .18s ease;position:relative}.dr-card:hover{border-color:#092c4c;box-shadow:0 4px 16px #092c4c14;transform:translateY(-1px)}.dr-card.pending{border-left:4px solid #d97706;background:#fffbf0}.dr-card.approved{border-left:4px solid #16a34a;background:#f0fdf4}.dr-card.rejected{border-left:4px solid #dc2626;background:#fff5f5}.dr-avatar{width:42px;height:42px;border-radius:10px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;letter-spacing:.5px;margin-top:2px}.dr-avatar.pending{background:#d97706}.dr-avatar.approved{background:#16a34a}.dr-avatar.rejected{background:#dc2626}.dr-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.dr-card-row-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.dr-card-sender{font-size:14px;font-weight:700;color:#0f1923;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.dr-card-preview{font-size:13px;color:#6b7280;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dr-card-time{font-size:11px;color:#9ca3af;font-family:DM Mono,monospace;margin-top:2px}.dr-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;font-family:DM Mono,monospace;white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;gap:4px}.dr-badge.pending{background:#fef9c3;color:#d97706;border:1px solid #fde68a}.dr-badge.approved{background:#dcfce7;color:#16a34a;border:1px solid #bbf7d0}.dr-badge.rejected{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.dr-empty{text-align:center;padding:60px 24px;color:#9ca3af}.dr-empty-icon{font-size:48px;margin-bottom:16px;opacity:.3}.dr-empty h3{font-size:16px;font-weight:600;color:#6b7280;margin:0 0 6px}.dr-empty p{font-size:13px;margin:0}.dr-loading{text-align:center;padding:60px 24px;color:#6b7280;font-size:14px}.dr-spinner{width:32px;height:32px;border:3px solid #e0e4ea;border-top-color:#092c4c;border-radius:50%;animation:dr-spin .7s linear infinite;margin:0 auto 16px}.dr-spinner-sm{width:13px;height:13px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:dr-spin .7s linear infinite;display:inline-block;vertical-align:middle}@keyframes dr-spin{to{transform:rotate(360deg)}}.dr-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#092c4c59;display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px;box-sizing:border-box;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:dr-fade-overlay .2s ease}@keyframes dr-fade-overlay{0%{opacity:0}to{opacity:1}}.dr-modal{background:#fff;border-radius:20px;width:100%;max-width:580px;max-height:85vh;overflow-y:auto;box-shadow:0 24px 64px #092c4c33;animation:dr-slide-up .25s ease;position:relative;display:flex;flex-direction:column}.dr-modal.wide{max-width:92vw;width:960px}@keyframes dr-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dr-modal-header{display:flex;align-items:flex-start;gap:14px;padding:24px 60px 20px 24px;border-bottom:1.5px solid #f0f4f8;position:sticky;top:0;background:#fff;border-radius:20px 20px 0 0;z-index:1}.dr-modal-avatar{width:48px;height:48px;border-radius:12px;background:#092c4c;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0;letter-spacing:.5px}.dr-modal-avatar.pending{background:#d97706}.dr-modal-avatar.approved{background:#16a34a}.dr-modal-avatar.rejected{background:#dc2626}.dr-modal-meta{flex:1;min-width:0}.dr-modal-meta h3{margin:0 0 6px;font-size:16px;font-weight:700;color:#0f1923}.dr-modal-sub{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:#9ca3af;font-family:DM Mono,monospace}.dr-modal-close{position:absolute;top:20px;right:20px;width:32px;height:32px;border:none;background:#f0f4f8;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;font-size:14px;transition:all .16s ease}.dr-modal-close:hover{background:#e0e4ea;color:#0f1923}.dr-modal-body{padding:24px;font-size:14px;line-height:1.75;color:#374151;flex:1;overflow-y:auto}.dr-info-grid{display:grid;grid-template-columns:130px 1fr;font-size:13.5px;margin-bottom:16px}.dr-info-label{padding:10px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;font-family:DM Mono,monospace;border-bottom:1px solid #f0f4f8}.dr-info-value{padding:10px 4px;color:#0f1923;font-weight:500;border-bottom:1px solid #f0f4f8}.dr-info-card{background:#f8fafc;border:1.5px solid #e0e4ea;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px;margin-top:4px}.dr-info-card-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:13px}.dr-info-card-row strong{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:#9ca3af;flex-shrink:0;font-family:DM Mono,monospace}.dr-info-card-row span{color:#0f1923;font-weight:500;text-align:right}.dr-modal-footer{padding:16px 24px;border-top:1.5px solid #f0f4f8;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0;background:#fff;border-radius:0 0 20px 20px;position:sticky;bottom:0}.dr-edit-status-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px;padding:12px 14px;background:#f8fafc;border:1.5px solid #e0e4ea;border-radius:10px}.dr-edit-status-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;font-family:DM Mono,monospace;flex-shrink:0}.dr-select{padding:0 10px;height:34px;font-size:13px;border:1.5px solid #e0e4ea;border-radius:8px;background:#fff;color:#0f1923;outline:none;cursor:pointer;font-family:DM Sans,sans-serif;transition:border-color .16s}.dr-select:focus{border-color:#092c4c}.dr-field{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.dr-field label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;font-family:DM Mono,monospace}.dr-textarea{width:100%;padding:10px 12px;font-size:13px;border:1.5px solid #e0e4ea;border-radius:10px;background:#fff;color:#0f1923;resize:vertical;min-height:96px;outline:none;font-family:DM Sans,sans-serif;box-sizing:border-box;transition:border-color .16s;line-height:1.6}.dr-textarea:focus{border-color:#092c4c}.dr-back-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border:1.5px solid #e0e4ea;border-radius:8px;background:#fff;color:#374151;font-size:12px;font-weight:500;cursor:pointer;font-family:DM Sans,sans-serif;transition:all .16s}.dr-back-btn:hover{border-color:#092c4c;color:#092c4c;background:#f0f4f8}@media(min-width:768px)and (max-width:991px){.dr-root{padding:20px}.dr-header{flex-direction:column;align-items:flex-start}.dr-toolbar{width:100%;justify-content:flex-start}.dr-filter-tab{padding:7px 14px}}@media(max-width:767px){.dr-root{padding:16px 14px}.dr-header{flex-direction:column;align-items:flex-start}.dr-toolbar{width:100%;gap:6px}.dr-action-btn{padding:7px 10px;font-size:12px;flex:1;justify-content:center}.dr-filters{overflow-x:auto;scrollbar-width:none}.dr-filters::-webkit-scrollbar{display:none}.dr-filter-tab{padding:7px 12px;font-size:12px}.dr-card{padding:12px;gap:10px}.dr-avatar{width:36px;height:36px;font-size:12px;border-radius:8px}.dr-card-sender{font-size:13px}.dr-card-preview{font-size:12px}.dr-modal{border-radius:16px;max-height:88vh}.dr-modal.wide{max-width:100%;width:100%}.dr-modal-header{padding:18px 56px 14px 18px}.dr-modal-body{padding:18px;font-size:13px}.dr-modal-footer{padding:14px 18px}.dr-modal-avatar{width:40px;height:40px;font-size:14px}.dr-modal-meta h3{font-size:15px}}@media(max-width:480px){.dr-root{padding:12px 10px}.dr-title-block h1{font-size:18px}.dr-action-btn{padding:6px 8px;font-size:11px}.dr-card{padding:12px;gap:8px;border-radius:10px;margin-bottom:6px}.dr-avatar{width:34px;height:34px;font-size:11px}.dr-card-sender{font-size:12px}.dr-card-preview{font-size:11px}.dr-card-time{font-size:10px}.dr-modal-overlay{padding:12px}.dr-modal{border-radius:14px}.dr-modal-header{padding:16px 52px 12px 16px}.dr-modal-body{padding:16px;font-size:13px}.dr-modal-footer{padding:12px 16px}.dr-modal-close{top:14px;right:14px;width:28px;height:28px;font-size:12px}}@media(max-width:767px)and (orientation:landscape){.dr-root{padding:12px}.dr-header{flex-direction:row;align-items:center}.dr-modal{max-height:90vh}}.dean-schedule-viewer{width:100%;max-width:1200px;margin:0 auto;padding:20px;background:#f9f9f9;border-radius:12px;box-shadow:0 4px 12px #0000001a}.dean-schedule-header{text-align:center;margin-bottom:20px}.dean-schedule-logo{width:150px;height:120px;margin-bottom:1px}.dean-schedule-title{font-size:24px;color:#333;font-family:serif;margin-bottom:1px}.dean-schedule-subtitle{font-size:12px;color:#555;font-family:serif;margin-bottom:1px}.dean-schedule-college{font-size:22px;color:#333;font-family:serif;font-weight:700;margin:1px 0}.dean-schedule-info{font-size:16px;color:#333;font-family:serif;margin:1px 0}.dean-schedule-period{font-size:16px;color:#333;font-family:serif;margin-top:1px}.dean-schedule-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:2px 0;padding:10px;background:#fff;border-radius:8px}.dean-page-btn{padding:8px 10px;background:#092c4c;color:#fff;border:none;border-radius:20px;cursor:pointer;font-weight:700;transition:all .3s ease}.dean-page-btn:hover:not(:disabled){background:#0a3d66;transform:translateY(-2px)}.dean-page-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.5}.dean-schedule-container{overflow-x:auto;margin-top:20px}.dean-schedule-date-section{margin-bottom:30px}.dean-exam-table{width:100%;border-collapse:collapse;background:#fff;font-size:12px;margin-bottom:20px}.dean-exam-table th{background:#092c4c;color:#fff;padding:12px 8px;text-align:center;border:1px solid #ddd;font-weight:700;font-size:13px}.dean-exam-table td{border:1px solid #ddd;padding:4px;text-align:center;vertical-align:top;min-width:120px}.dean-exam-table tbody tr:nth-child(2n){background:#f9f9f9}.dean-schedule-cell{padding:8px;border-radius:6px;font-size:11px;line-height:1.4;height:100%;display:flex;flex-direction:column;justify-content:center;box-shadow:0 2px 4px #0000001a}.dean-schedule-cell p{margin:2px 0;font-size:11px}.dean-schedule-cell strong{font-size:12px;font-weight:700}@media screen and (max-width:1024px){.dean-schedule-viewer{padding:15px}.dean-schedule-title{font-size:20px}.dean-schedule-college{font-size:18px}.dean-exam-table{font-size:13px}.dean-schedule-cell{padding:6px}}@media screen and (max-width:768px){.dean-schedule-viewer{padding:12px;min-height:calc(100vh - 50px)}.dean-schedule-title{font-size:18px;text-align:center;margin-bottom:12px}.dean-schedule-college{font-size:16px;text-align:center;margin-bottom:12px}.dean-schedule-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;position:relative}.dean-exam-table{min-width:600px;font-size:12px}.dean-exam-table th,.dean-exam-table td{padding:8px 6px;font-size:11px}.dean-schedule-cell{padding:5px;font-size:10px}.dean-schedule-cell p{font-size:10px}.dean-schedule-cell strong{font-size:11px}.dean-schedule-pagination{flex-wrap:wrap;gap:8px;padding:10px}.dean-schedule-pagination button{min-height:40px;min-width:40px;font-size:14px;touch-action:manipulation}}@media screen and (max-width:480px){.dean-schedule-viewer{padding:10px}.dean-schedule-title{font-size:16px}.dean-schedule-college{font-size:14px}.dean-exam-table{min-width:550px;font-size:11px}.dean-exam-table th,.dean-exam-table td{padding:6px 4px;font-size:10px}.dean-schedule-cell{padding:4px;font-size:9px}}@media print{.dean-schedule-pagination{display:none}.dean-schedule-viewer{box-shadow:none;padding:0}.dean-exam-table{font-size:10px}.dean-schedule-cell{font-size:9px}}.dean-schedule-cell{padding:4px;border-radius:4px;font-size:12px;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.dean-schedule-cell p{margin:2px 0;line-height:1.3}.dean-schedule-cell strong{font-size:13px}:root{--brand: #092C4C;--brand-mid: #0A3765;--brand-light: #1a5a8a;--accent: #2F80ED;--accent-soft: #EBF4FF;--danger: #C0392B;--danger-soft: #FEF2F2;--success: #047857;--success-soft: #ECFDF5;--warn: #B45309;--warn-soft: #FFFBEB;--surface: #FFFFFF;--surface-2: #F5F7FA;--surface-3: #EEF1F6;--border: #DDE3EC;--text-primary: #0C1B2A;--text-secondary: #4B5E72;--text-muted: #8A9BB0;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 4px rgba(9,44,76,.07);--shadow-md: 0 4px 16px rgba(9,44,76,.1);--shadow-lg: 0 12px 40px rgba(9,44,76,.15);--font: "Sora", sans-serif;--mono: "JetBrains Mono", monospace}.rm-page{font-family:var(--font);background:var(--surface-2);min-height:100vh;padding:32px 28px;box-sizing:border-box}.rm-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:14px}.rm-page-header-left{display:flex;align-items:center;gap:14px}.rm-page-icon{width:48px;height:48px;background:var(--brand);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;flex-shrink:0;box-shadow:var(--shadow-sm)}.rm-page-title h1{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.4px;line-height:1.1}.rm-page-title p{font-size:12.5px;color:var(--text-muted);margin:3px 0 0;font-family:var(--mono)}.rm-page-actions{display:flex;gap:8px;flex-wrap:wrap}.rm-tabs{display:flex;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:5px;margin-bottom:24px;box-shadow:var(--shadow-sm);width:fit-content}.rm-tab{display:flex;align-items:center;gap:8px;padding:9px 22px;border-radius:var(--radius-sm);border:none;background:transparent;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:background .16s,color .16s;font-family:var(--font);letter-spacing:-.1px;white-space:nowrap}.rm-tab.active{background:var(--brand);color:#fff;box-shadow:0 2px 8px #092c4c33}.rm-tab-count{font-size:10px;padding:2px 7px;border-radius:20px;font-family:var(--mono);font-weight:500}.rm-tab.active .rm-tab-count{background:#ffffff38;color:#fff}.rm-tab:not(.active) .rm-tab-count{background:var(--surface-3);color:var(--text-secondary)}.rm-layout{display:flex;gap:20px;align-items:flex-start}.rm-sidebar{width:256px;flex-shrink:0;display:flex;flex-direction:column;gap:14px;position:sticky;top:24px}.rm-sidebar-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.rm-sidebar-card-header{padding:12px 16px;border-bottom:1.5px solid var(--border);background:var(--surface-2)}.rm-sidebar-card-header h4{margin:0;font-size:10.5px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.9px;font-family:var(--mono)}.rm-sidebar-card-body{padding:14px 16px;display:flex;flex-direction:column;gap:13px}.rm-field label{display:block;font-size:11.5px;font-weight:600;color:var(--text-secondary);margin-bottom:5px}.rm-type-pills{display:flex;gap:6px;flex-wrap:wrap}.rm-type-pill-btn{padding:5px 12px;border-radius:20px;border:1.5px solid var(--border);background:var(--surface);font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;font-family:var(--font);transition:all .14s}.rm-type-pill-btn:hover{border-color:var(--brand-light);color:var(--brand)}.rm-type-pill-btn.active{background:var(--brand);border-color:var(--brand);color:#fff}.rm-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rm-stat-box{background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:10px;text-align:center}.rm-stat-num{font-size:22px;font-weight:700;color:var(--brand);font-family:var(--mono);line-height:1}.rm-stat-label{font-size:10px;color:var(--text-muted);margin-top:3px;font-weight:500}.rm-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}.rm-summary-bar{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:11px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:var(--shadow-sm);flex-wrap:wrap;min-height:48px}.rm-summary-bar-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1;min-width:0}.rm-summary-label{font-size:12.5px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.rm-summary-chips{display:flex;flex-wrap:wrap;gap:5px}.rm-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;background:var(--brand);color:#fff;border-radius:var(--radius-sm);font-size:11px;font-weight:600;font-family:var(--mono)}.rm-chip-remove{background:#fff3;border:none;color:#fff;cursor:pointer;width:14px;height:14px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;padding:0;transition:background .12s;line-height:1;flex-shrink:0}.rm-chip-remove:hover{background:#ffffff61}.rm-summary-empty{font-size:12.5px;color:var(--text-muted);font-style:italic}.rm-grid-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.rm-grid-card-header{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1.5px solid var(--border);background:var(--surface-2);gap:10px;flex-wrap:wrap}.rm-grid-card-header-left{display:flex;align-items:center;gap:10px}.rm-grid-card-header h3{font-size:13.5px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.2px}.rm-result-count{font-size:11px;color:var(--text-muted);font-family:var(--mono);background:var(--surface-3);padding:2px 8px;border-radius:20px}.rm-select-all-btn{font-size:11.5px;font-weight:600;color:var(--accent);background:none;border:none;cursor:pointer;font-family:var(--font);padding:4px 8px;border-radius:var(--radius-sm);transition:background .13s}.rm-select-all-btn:hover{background:var(--accent-soft)}.rm-grid-card-body{padding:16px 18px}.rm-room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;max-height:420px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.rm-room-grid::-webkit-scrollbar{width:4px}.rm-room-grid::-webkit-scrollbar-track{background:transparent}.rm-room-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.rm-room-box{padding:11px 9px 8px;border-radius:var(--radius-md);background:var(--surface-2);border:1.5px solid var(--border);text-align:center;cursor:pointer;transition:border-color .14s,background .14s,transform .12s,box-shadow .14s;display:flex;flex-direction:column;align-items:center;-webkit-user-select:none;user-select:none}.rm-room-box:hover{border-color:var(--brand-light);background:var(--accent-soft);transform:translateY(-2px);box-shadow:var(--shadow-md)}.rm-room-box.selected{background:var(--brand);border-color:var(--brand);box-shadow:0 4px 12px #092c4c40;transform:translateY(-1px)}.rm-room-check{width:15px;height:15px;border-radius:4px;border:1.5px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;margin-bottom:7px;font-size:9px;color:transparent;flex-shrink:0;transition:all .13s}.rm-room-box.selected .rm-room-check{background:#ffffff40;border-color:#fff6;color:#fff}.rm-room-id{font-size:12px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px;line-height:1.2;font-family:var(--mono)}.rm-room-box.selected .rm-room-id{color:#fff}.rm-room-type-label{display:block;font-size:9.5px;font-family:var(--mono);margin-top:3px;color:var(--text-muted);font-weight:400}.rm-room-box.selected .rm-room-type-label{color:#ffffffb3}.rm-vacancy-btn{margin-top:7px;padding:3px 0;width:100%;font-size:10px;font-weight:600;background:#092c4c0f;border:1px solid transparent;color:var(--brand);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font);transition:all .13s}.rm-room-box.selected .rm-vacancy-btn{background:#ffffff26;color:#fff;border-color:#fff3}.rm-vacancy-btn:hover{background:var(--accent-soft);color:var(--accent)}.rm-room-box.selected .rm-vacancy-btn:hover{background:#ffffff47;color:#fff}.rm-grid-empty{text-align:center;padding:48px 24px;color:var(--text-muted);font-size:13px}.rm-table-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.rm-table-card-header{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1.5px solid var(--border);background:var(--surface-2);gap:10px;flex-wrap:wrap}.rm-table-card-header-left{display:flex;align-items:center;gap:10px}.rm-table-card-header h3{font-size:13.5px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.2px}.rm-pending-badge{font-size:10.5px;font-family:var(--mono);background:var(--warn-soft);color:var(--warn);border:1px solid rgba(180,83,9,.2);padding:2px 9px;border-radius:20px;font-weight:600}.rm-table-scroll{max-height:480px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.rm-table-scroll::-webkit-scrollbar{width:4px}.rm-table-scroll::-webkit-scrollbar-track{background:transparent}.rm-table-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.rm-table-scroll table{width:100%;border-collapse:collapse;font-family:var(--font);font-size:13.5px}.rm-table-scroll thead{position:sticky;top:0;z-index:2}.rm-table-scroll thead tr{background:var(--brand)}.rm-table-scroll thead th{padding:11px 16px;font-size:11px;font-weight:700;color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.5px;font-family:var(--mono);white-space:nowrap}.rm-table-scroll tbody tr{border-bottom:1px solid var(--border);transition:background .12s}.rm-table-scroll tbody tr:last-child{border-bottom:none}.rm-table-scroll tbody tr:hover{background:var(--accent-soft)}.rm-table-scroll tbody td{padding:10px 16px;color:var(--text-secondary);vertical-align:middle}.rm-table-scroll tbody td:first-child{font-weight:700;color:var(--text-primary);font-family:var(--mono);font-size:12.5px}.rm-type-badge{display:inline-block;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;font-family:var(--mono);letter-spacing:.3px}.rm-type-badge.lecture{background:#ebf4ff;color:#1a5a8a}.rm-type-badge.lab{background:#f3e8ff;color:#6d28d9}.rm-capacity-input{width:72px;padding:6px 8px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);font-weight:600;font-size:13px;font-family:var(--font);transition:border-color .15s,background .15s;outline:none}.rm-capacity-input:focus{border-color:var(--accent)}.rm-capacity-input.edited{background:var(--warn-soft);border-color:var(--warn)}.rm-table-empty{text-align:center;padding:56px 24px;color:var(--text-muted);font-size:13px;background:var(--surface-2)}.rm-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);font-size:12.5px;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s,background .15s,transform .12s;font-family:var(--font);white-space:nowrap;box-shadow:var(--shadow-sm);padding:8px 14px}.rm-btn:hover:not(:disabled){border-color:var(--brand);color:var(--brand);background:var(--accent-soft);transform:translateY(-1px)}.rm-btn:active:not(:disabled){transform:translateY(0)}.rm-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.rm-btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.rm-btn.primary:hover:not(:disabled){background:var(--brand-mid);border-color:var(--brand-mid);color:#fff}.rm-btn.danger{border-color:var(--danger);color:var(--danger)}.rm-btn.danger:hover:not(:disabled){background:var(--danger-soft)}.rm-btn.danger-fill{background:var(--danger);color:#fff;border-color:var(--danger)}.rm-btn.danger-fill:hover:not(:disabled){background:#a93226;border-color:#a93226;color:#fff}.rm-timeslots{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.rm-timeslots::-webkit-scrollbar{width:4px}.rm-timeslots::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.rm-timeslot{display:flex;justify-content:space-between;align-items:center;padding:9px 13px;border-radius:var(--radius-sm);font-size:12.5px;font-family:var(--mono);border:1.5px solid transparent}.rm-timeslot.occupied{background:var(--danger-soft);color:var(--danger);border-color:#c0392b24}.rm-timeslot.vacant{background:var(--success-soft);color:var(--success);border-color:#04785724}.rm-timeslot .status{font-weight:700;font-size:10.5px;text-transform:uppercase;letter-spacing:.5px}.rm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#092c4c66;display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px;box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:rm-fade-in .2s ease}@keyframes rm-fade-in{0%{opacity:0}to{opacity:1}}.rm-modal{background:var(--surface);border-radius:var(--radius-xl);width:100%;max-width:440px;max-height:82vh;overflow-y:auto;box-shadow:var(--shadow-lg);border:1.5px solid var(--border);animation:rm-slide-up .22s ease}@keyframes rm-slide-up{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.rm-modal-header{padding:22px 24px 18px;border-bottom:1.5px solid var(--surface-3);position:sticky;top:0;background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:1}.rm-modal-header h3{margin:0;font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.rm-modal-header p{margin:4px 0 0;font-size:12px;color:var(--text-muted);font-family:var(--mono)}.rm-modal-body{padding:20px 24px}.rm-modal-body p{font-size:13.5px;color:var(--text-secondary);line-height:1.7;margin:0}.rm-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1.5px solid var(--surface-3)}.rm-loading{width:100%;height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:var(--font);gap:16px}.rm-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:rm-spin .75s linear infinite}@keyframes rm-spin{to{transform:rotate(360deg)}}.rm-loading p{font-size:13.5px;color:var(--text-secondary);margin:0}@media(max-width:1024px){.rm-layout{flex-direction:column}.rm-sidebar{width:100%;position:static;flex-direction:row;flex-wrap:wrap}.rm-sidebar-card{flex:1;min-width:200px}.rm-tabs{width:100%}.rm-tab{flex:1;justify-content:center}}@media(max-width:768px){.rm-page{padding:16px 14px}.rm-page-header{flex-direction:column;align-items:flex-start;margin-bottom:18px}.rm-page-actions{width:100%}.rm-page-actions .rm-btn{flex:1}.rm-sidebar{flex-direction:column}.rm-room-grid{grid-template-columns:repeat(auto-fill,minmax(82px,1fr));max-height:300px}.rm-modal-overlay{padding:12px}.rm-modal{border-radius:var(--radius-lg);max-height:88vh}.rm-modal-header{padding:18px 20px 14px}.rm-modal-body{padding:16px 20px}.rm-modal-footer{padding:14px 20px}.rm-table-scroll table{font-size:12.5px}.rm-table-scroll thead th,.rm-table-scroll tbody td{padding:9px 12px}.rm-summary-bar{flex-direction:column;align-items:flex-start}}:root{--cl-brand: #092C4C;--cl-brand-mid: #0A3765;--cl-brand-light: #1a5a8a;--cl-accent: #2F80ED;--cl-accent-soft: #EBF4FF;--cl-danger: #C0392B;--cl-danger-soft: #FEF2F2;--cl-success: #047857;--cl-success-soft: #ECFDF5;--cl-warn: #B45309;--cl-warn-soft: #FFFBEB;--cl-surface: #FFFFFF;--cl-surface-2: #F5F7FA;--cl-surface-3: #EEF1F6;--cl-border: #DDE3EC;--cl-text-primary: #0C1B2A;--cl-text-secondary: #4B5E72;--cl-text-muted: #8A9BB0;--cl-radius-sm: 6px;--cl-radius-md: 10px;--cl-radius-lg: 14px;--cl-radius-xl: 20px;--cl-shadow-sm: 0 1px 4px rgba(9,44,76,.07);--cl-shadow-md: 0 4px 16px rgba(9,44,76,.1);--cl-shadow-lg: 0 12px 40px rgba(9,44,76,.15);--cl-font: "Sora", sans-serif;--cl-mono: "JetBrains Mono", monospace}.pm-page{font-family:var(--cl-font);background:var(--cl-surface-2);min-height:100vh;padding:32px 28px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px}.pm-page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.pm-page-header-left{display:flex;align-items:center;gap:14px}.pm-page-icon{width:48px;height:48px;background:var(--cl-brand);border-radius:var(--cl-radius-md);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:var(--cl-shadow-sm)}.pm-page-title h1{font-size:20px;font-weight:700;color:var(--cl-text-primary);margin:0;letter-spacing:-.4px;line-height:1.1}.pm-page-title p{font-size:12.5px;color:var(--cl-text-muted);margin:3px 0 0;font-family:var(--cl-mono)}.pm-page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pm-search-bar{display:flex;align-items:center;gap:8px;background:var(--cl-surface);border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-sm);padding:0 12px;box-shadow:var(--cl-shadow-sm);height:36px}.pm-search-icon{color:var(--cl-text-muted);font-size:11px;flex-shrink:0}.pm-search-bar input{border:none;outline:none;font-size:13px;font-family:var(--cl-font);color:var(--cl-text-primary);background:transparent;width:220px}.pm-search-bar input::placeholder{color:var(--cl-text-muted)}.pm-stats-grid{display:grid;grid-template-columns:1fr 2fr 1fr 1fr;gap:12px}.pm-stat-card{background:var(--cl-surface);border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-lg);padding:18px 20px;box-shadow:var(--cl-shadow-sm);display:flex;flex-direction:column;gap:8px;transition:box-shadow .15s}.pm-stat-card:hover{box-shadow:var(--cl-shadow-md)}.pm-stat-card-header{display:flex;align-items:center;justify-content:space-between}.pm-stat-label{font-size:11px;font-weight:700;color:var(--cl-text-muted);text-transform:uppercase;letter-spacing:.5px}.pm-stat-icon{width:30px;height:30px;border-radius:var(--cl-radius-sm);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.pm-stat-icon-blue{background:var(--cl-accent-soft);color:var(--cl-accent)}.pm-stat-icon-brand{background:#e8f0f8;color:var(--cl-brand)}.pm-stat-icon-green{background:var(--cl-success-soft);color:var(--cl-success)}.pm-stat-icon-yellow{background:var(--cl-warn-soft);color:var(--cl-warn)}.pm-stat-value{font-size:28px;font-weight:700;color:var(--cl-text-primary);line-height:1;font-family:var(--cl-mono)}.pm-stat-unit{font-size:13px;font-weight:500;color:var(--cl-text-muted);font-family:var(--cl-font)}.pm-stat-sub-row{display:flex;gap:6px;flex-wrap:wrap}.pm-stat-pill{display:inline-block;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;font-family:var(--cl-mono)}.pm-stat-pill-yellow{background:var(--cl-warn-soft);color:var(--cl-warn)}.pm-stat-pill-green{background:var(--cl-success-soft);color:var(--cl-success)}.pm-stat-pill-muted{background:var(--cl-surface-3);color:var(--cl-text-muted)}.pm-attendance-bars{display:flex;flex-direction:column;gap:7px;margin-top:2px}.pm-bar-row{display:flex;align-items:center;gap:8px}.pm-bar-label{font-size:11px;font-weight:600;color:var(--cl-text-secondary);width:48px;flex-shrink:0}.pm-bar-track{flex:1;height:7px;background:var(--cl-surface-3);border-radius:20px;overflow:hidden}.pm-bar-fill{height:100%;border-radius:20px;transition:width .5s ease;min-width:3px}.bar-green{background:var(--cl-success)}.bar-yellow{background:#f59e0b}.bar-red{background:var(--cl-danger)}.pm-bar-count{font-size:11px;font-weight:700;color:var(--cl-text-muted);font-family:var(--cl-mono);width:20px;text-align:right;flex-shrink:0}.pm-ring-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin-top:2px}.pm-ring-label{position:absolute;font-size:11px;font-weight:700;font-family:var(--cl-mono);color:var(--cl-text-primary)}.pm-approval-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;width:fit-content}.pm-approval-badge.approved{background:var(--cl-success-soft);color:var(--cl-success);border:1px solid #6ee7b7}.pm-approval-badge.waiting{background:var(--cl-surface-3);color:var(--cl-text-muted);border:1px solid var(--cl-border)}.pm-stat-caption{font-size:11px;color:var(--cl-text-muted);margin:0}.pm-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.pm-toolbar-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pm-toolbar-btn{display:inline-flex;align-items:center;gap:5px;border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-sm);background:var(--cl-surface);color:var(--cl-text-secondary);font-size:12px;font-weight:600;cursor:pointer;font-family:var(--cl-font);padding:6px 12px;height:32px;box-shadow:var(--cl-shadow-sm);transition:border-color .14s,color .14s,background .14s;white-space:nowrap}.pm-toolbar-btn:hover{border-color:var(--cl-brand);color:var(--cl-brand);background:var(--cl-accent-soft)}.pm-toolbar-btn-active{background:var(--cl-brand);color:#fff;border-color:var(--cl-brand)}.pm-toolbar-btn-active:hover{background:var(--cl-brand-mid);border-color:var(--cl-brand-mid);color:#fff}.pm-dropdown{position:absolute;top:calc(100% + 4px);left:0;background:var(--cl-surface);border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-md);box-shadow:var(--cl-shadow-md);z-index:1000;min-width:160px;padding:4px}.pm-dropdown-item{width:100%;padding:8px 12px;text-align:left;border:none;background:transparent;color:var(--cl-text-secondary);font-size:12.5px;font-weight:500;font-family:var(--cl-font);cursor:pointer;border-radius:var(--cl-radius-sm);transition:background .12s,color .12s}.pm-dropdown-item:hover{background:var(--cl-accent-soft);color:var(--cl-accent)}.pm-dropdown-item.active{background:var(--cl-brand);color:#fff;font-weight:600}.pm-dropdown-history{min-width:240px;padding:0;overflow:hidden}.pm-dropdown-history-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--cl-brand);color:#fff;font-size:12px;font-weight:700}.pm-dropdown-clear{background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;padding:3px 9px;border-radius:var(--cl-radius-sm);font-size:11px;font-weight:600;cursor:pointer;font-family:var(--cl-font);transition:background .12s}.pm-dropdown-clear:hover{background:#ffffff40}.pm-dropdown-history-body{padding:12px 14px;display:flex;flex-direction:column;gap:10px}.pm-filter-field{display:flex;flex-direction:column;gap:4px}.pm-filter-field label{font-size:10.5px;font-weight:700;color:var(--cl-text-muted);text-transform:uppercase;letter-spacing:.4px}.pm-select{width:100%;padding:7px 10px;border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-sm);font-size:12.5px;font-family:var(--cl-font);color:var(--cl-text-primary);background:var(--cl-surface-2);cursor:pointer;outline:none;transition:border-color .14s}.pm-select:focus{border-color:var(--cl-accent)}.pm-pagination{display:flex;align-items:center;gap:8px}.pm-page-btn{width:50px;height:28px;border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-sm);background:var(--cl-surface);color:var(--cl-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--cl-shadow-sm);transition:all .13s}.pm-page-btn:hover:not(:disabled){border-color:var(--cl-brand);color:var(--cl-brand);background:var(--cl-accent-soft)}.pm-page-btn:disabled{opacity:.35;cursor:not-allowed}.pm-page-info{font-size:12px;font-weight:600;color:var(--cl-text-secondary);font-family:var(--cl-mono);min-width:48px;text-align:center}.pm-table-card{background:var(--cl-surface);border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-lg);overflow:hidden;box-shadow:var(--cl-shadow-sm);flex:1}.pm-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.pm-table{width:100%;min-width:1080px;border-collapse:collapse;font-family:var(--cl-font);font-size:13.5px}.pm-table thead tr{background:var(--cl-brand)}.pm-table thead th{padding:11px 14px;font-size:11px;font-weight:700;color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.5px;font-family:var(--cl-mono);white-space:nowrap}.pm-table tbody tr{border-bottom:1px solid var(--cl-border);transition:background .12s}.pm-table tbody tr:last-child{border-bottom:none}.pm-table tbody tr:hover{background:var(--cl-accent-soft)}.pm-table tbody td{padding:10px 14px;color:var(--cl-text-secondary);vertical-align:middle}.pm-exam-row-upcoming{border-left:3px solid #F59E0B}.pm-exam-row-completed{border-left:3px solid var(--cl-border);opacity:.85}.pm-td-num{color:var(--cl-text-muted)!important;font-family:var(--cl-mono);font-size:12px!important}.pm-mono-cell{font-family:var(--cl-mono);font-size:12px}.pm-time-cell{font-size:12px;white-space:nowrap}.pm-subject-cell{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-section-cell{font-size:12px;color:var(--cl-text-muted)}.pm-status-badge{display:inline-block;padding:3px 9px;border-radius:20px;font-size:10.5px;font-weight:700;font-family:var(--cl-mono);white-space:nowrap}.pm-status-upcoming{background:var(--cl-warn-soft);color:var(--cl-warn)}.pm-status-completed{background:var(--cl-success-soft);color:var(--cl-success)}.pm-course-badge{display:inline-block;padding:3px 9px;background:var(--cl-accent-soft);color:var(--cl-brand-light);border-radius:20px;font-size:11.5px;font-weight:700;font-family:var(--cl-mono)}.pm-otp-field{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;background:var(--cl-surface-2);border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-sm);min-width:90px;font-family:var(--cl-mono);font-size:12.5px;font-weight:700;letter-spacing:2px;color:var(--cl-text-primary)}.pm-otp-empty{color:var(--cl-text-muted);font-style:italic;font-size:11px;letter-spacing:0;font-weight:400}.pm-proctor-chip{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;font-family:var(--cl-mono);background:var(--cl-accent-soft);color:var(--cl-brand-light);cursor:pointer;transition:background .12s}.pm-proctor-chip:hover{background:#c3ddf8}.pm-table-empty{text-align:center;padding:56px 24px;color:var(--cl-text-muted);font-size:13px;display:flex;flex-direction:column;align-items:center;gap:12px}.pm-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-sm);background:var(--cl-surface);color:var(--cl-text-secondary);font-size:12.5px;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s,background .15s,transform .12s;font-family:var(--cl-font);white-space:nowrap;box-shadow:var(--cl-shadow-sm);padding:8px 14px;height:36px}.pm-btn:hover:not(:disabled){border-color:var(--cl-brand);color:var(--cl-brand);background:var(--cl-accent-soft);transform:translateY(-1px)}.pm-btn:active:not(:disabled){transform:translateY(0)}.pm-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.pm-btn.primary{background:var(--cl-brand);color:#fff;border-color:var(--cl-brand)}.pm-btn.primary:hover:not(:disabled){background:var(--cl-brand-mid);border-color:var(--cl-brand-mid);color:#fff}.pm-btn.danger-fill{background:var(--cl-danger);color:#fff;border-color:var(--cl-danger)}.pm-btn.danger-fill:hover:not(:disabled){background:#a93226;border-color:#a93226;color:#fff}.pm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#092c4c66;display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px;box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:pm-fade .2s ease}@keyframes pm-fade{0%{opacity:0}to{opacity:1}}.pm-modal{background:var(--cl-surface);border-radius:var(--cl-radius-xl);width:100%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:var(--cl-shadow-lg);border:1.5px solid var(--cl-border);display:flex;flex-direction:column;animation:pm-slide-up .22s ease}.pm-modal-sm{max-width:400px}@keyframes pm-slide-up{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.pm-modal-header{padding:22px 24px 16px;border-bottom:1.5px solid var(--cl-surface-3);display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:sticky;top:0;background:var(--cl-surface);border-radius:var(--cl-radius-xl) var(--cl-radius-xl) 0 0;z-index:1}.pm-modal-header h3{margin:0;font-size:15px;font-weight:700;color:var(--cl-text-primary);letter-spacing:-.3px}.pm-modal-header p{margin:4px 0 0;font-size:12px;color:var(--cl-text-muted);font-family:var(--cl-mono)}.pm-modal-close-btn{background:var(--cl-surface-3);border:none;color:var(--cl-text-muted);width:28px;height:28px;border-radius:var(--cl-radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;transition:background .12s,color .12s;flex-shrink:0}.pm-modal-close-btn:hover{background:var(--cl-danger-soft);color:var(--cl-danger)}.pm-modal-body{padding:20px 24px;display:flex;flex-direction:column;gap:16px;flex:1}.pm-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1.5px solid var(--cl-surface-3);position:sticky;bottom:0;background:var(--cl-surface);border-radius:0 0 var(--cl-radius-xl) var(--cl-radius-xl);z-index:1}.pm-modal-info-grid{background:var(--cl-surface-2);border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-md);padding:14px 16px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px 20px}.pm-info-item{display:flex;flex-direction:column;gap:3px}.pm-info-key{font-size:10px;font-weight:700;color:var(--cl-text-muted);text-transform:uppercase;letter-spacing:.4px}.pm-info-val{font-size:13px;color:var(--cl-text-primary);font-weight:500}.pm-info-val-mono{font-family:var(--cl-mono);font-weight:700;letter-spacing:2px}.pm-proctor-section-title{font-size:13px;font-weight:700;color:var(--cl-text-primary);margin:0 0 10px}.pm-proctor-list{display:flex;flex-direction:column;gap:8px}.pm-proctor-card{padding:12px 14px;border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-md);background:var(--cl-surface);display:flex;justify-content:space-between;align-items:flex-start;gap:10px;transition:background .12s}.pm-proctor-card:hover{background:var(--cl-surface-2)}.pm-proctor-card-sub{background:var(--cl-warn-soft);border-color:#fcd34d}.pm-proctor-info{flex:1}.pm-proctor-name{font-size:13.5px;font-weight:700;color:var(--cl-text-primary);margin:0 0 4px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pm-proctor-role{font-size:10.5px;font-weight:500;color:var(--cl-text-muted);background:var(--cl-surface-3);padding:1px 7px;border-radius:20px}.pm-proctor-meta{font-size:11.5px;color:var(--cl-text-muted);display:flex;align-items:center;gap:5px}.pm-proctor-reason{font-size:11.5px;color:var(--cl-warn);margin:4px 0 0;font-style:italic}.pm-proctor-empty{color:var(--cl-text-muted);font-style:italic;font-size:13px;margin:0}.pm-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:10px;font-weight:700;font-family:var(--cl-mono);white-space:nowrap;flex-shrink:0}.pm-badge--confirmed{background:var(--cl-success-soft);color:var(--cl-success)}.pm-badge--late{background:var(--cl-warn-soft);color:var(--cl-warn)}.pm-badge--sub{background:#fef3c7;color:#92400e}.pm-badge--absent{background:var(--cl-danger-soft);color:var(--cl-danger)}.pm-badge--pending{background:var(--cl-surface-3);color:var(--cl-text-muted)}.pm-spinner{width:28px;height:28px;border:2.5px solid var(--cl-border);border-top-color:var(--cl-brand);border-radius:50%;animation:pm-spin .75s linear infinite}@keyframes pm-spin{to{transform:rotate(360deg)}}@media(max-width:1200px){.pm-stats-grid{grid-template-columns:1fr 1fr}}@media(max-width:1024px){.pm-page{padding:20px 16px}.pm-search-bar input{width:160px}}@media(max-width:768px){.pm-page{padding:16px 14px;gap:12px}.pm-page-header{flex-direction:column;align-items:flex-start}.pm-page-actions{width:100%}.pm-search-bar{flex:1}.pm-search-bar input{width:100%;min-width:80px}.pm-stats-grid{grid-template-columns:1fr 1fr}.pm-toolbar{flex-direction:column;align-items:flex-start}.pm-modal-overlay{padding:12px;align-items:flex-end}.pm-modal{max-width:100%;max-height:96vh;border-radius:var(--cl-radius-lg) var(--cl-radius-lg) 0 0}.pm-modal-header{border-radius:var(--cl-radius-lg) var(--cl-radius-lg) 0 0}.pm-modal-info-grid{grid-template-columns:1fr}.pm-modal-footer{flex-direction:column;border-radius:0}.pm-modal-footer .pm-btn{width:100%}}@media(max-width:480px){.pm-stats-grid{grid-template-columns:1fr}.pm-page-title h1{font-size:17px}}.pa-page{font-family:var(--cl-font);background:var(--cl-surface-2);min-height:100vh;padding:14px 12px 32px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px}.pa-page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.pa-page-header__left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.pa-page-icon{width:42px;height:42px;min-width:42px;background:var(--cl-brand);border-radius:var(--cl-radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0;box-shadow:var(--cl-shadow-sm)}.pa-page-title{min-width:0;flex:1}.pa-page-title h1{font-size:18px;font-weight:700;color:var(--cl-text-primary);margin:0;letter-spacing:-.4px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pa-page-title p{font-size:11.5px;color:var(--cl-text-muted);margin:2px 0 0;font-family:var(--cl-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pa-search-bar{display:flex;align-items:center;gap:8px;background:var(--cl-surface);border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-sm);padding:0 12px;height:38px;width:100%;box-shadow:var(--cl-shadow-sm);transition:border-color .15s;box-sizing:border-box}.pa-search-bar:focus-within{border-color:var(--cl-accent)}.pa-search-bar__icon{color:var(--cl-text-muted);font-size:11px;flex-shrink:0}.pa-search-bar input{border:none;outline:none;font-size:13px;font-family:var(--cl-font);color:var(--cl-text-primary);background:transparent;flex:1;min-width:0;width:100%}.pa-search-bar input::placeholder{color:var(--cl-text-muted)}.pa-search-bar__clear{background:none;border:none;color:var(--cl-text-muted);cursor:pointer;padding:2px;display:flex;align-items:center;font-size:11px;border-radius:3px;transition:color .12s;flex-shrink:0}.pa-search-bar__clear:hover{color:var(--cl-danger)}.pa-sub-accordion{background:var(--cl-surface);border:1.5px solid #fcd34d;border-radius:var(--cl-radius-md);overflow:hidden;box-shadow:var(--cl-shadow-sm)}.pa-sub-accordion__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#fffbeb;border:none;cursor:pointer;font-family:var(--cl-font);gap:10px;-webkit-tap-highlight-color:transparent;transition:background .14s}.pa-sub-accordion__trigger:hover{background:#fef3c7}.pa-sub-accordion__trigger-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.pa-sub-accordion__icon{width:28px;height:28px;min-width:28px;background:#fef3e2;color:#d97706;border-radius:var(--cl-radius-sm);display:flex;align-items:center;justify-content:center;font-size:12px;border:1px solid #fcd34d}.pa-sub-accordion__label{font-size:13px;font-weight:700;color:#92400e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pa-sub-accordion__chip{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;background:#d97706;color:#fff;border-radius:20px;font-size:10px;font-weight:700;font-family:var(--cl-mono);flex-shrink:0}.pa-sub-accordion__arrow{font-size:11px;color:#b45309;flex-shrink:0;transition:transform .2s}.pa-sub-accordion__body{padding:12px;border-top:1.5px solid #fcd34d;background:var(--cl-surface);animation:pa-expand .18s ease;max-height:55vh;overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes pa-expand{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.pa-empty--sm{padding:20px 16px}.pa-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pa-stat-card{display:flex;align-items:center;gap:10px;background:var(--cl-surface);border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-md);padding:11px 13px;box-shadow:var(--cl-shadow-sm);position:relative;overflow:hidden;transition:box-shadow .15s,transform .12s}.pa-stat-card:hover{box-shadow:var(--cl-shadow-md);transform:translateY(-1px)}.pa-stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}.pa-stat-card--ongoing:before{background:#16a34a}.pa-stat-card--upcoming:before{background:var(--cl-accent)}.pa-stat-card--attended:before{background:#047857}.pa-stat-card--sub:before{background:#d97706}.pa-stat-card--absent:before{background:var(--cl-danger)}.pa-stat-card__icon{width:32px;height:32px;min-width:32px;border-radius:var(--cl-radius-sm);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.pa-stat-card--ongoing .pa-stat-card__icon{background:#dcfce7;color:#16a34a}.pa-stat-card--upcoming .pa-stat-card__icon{background:var(--cl-accent-soft);color:var(--cl-accent)}.pa-stat-card--attended .pa-stat-card__icon{background:var(--cl-success-soft);color:var(--cl-success)}.pa-stat-card--sub .pa-stat-card__icon{background:#fef3e2;color:#d97706}.pa-stat-card--absent .pa-stat-card__icon{background:var(--cl-danger-soft);color:var(--cl-danger)}.pa-stat-card__info{display:flex;flex-direction:column;gap:1px;min-width:0}.pa-stat-card__value{font-size:20px;font-weight:700;color:var(--cl-text-primary);line-height:1;font-family:var(--cl-mono)}.pa-stat-card__label{font-size:10.5px;color:var(--cl-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pa-tabs{display:flex;gap:3px;background:var(--cl-surface);border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-md);padding:3px;box-shadow:var(--cl-shadow-sm);width:100%;box-sizing:border-box}.pa-tab{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:1;padding:8px 6px;border:none;border-radius:var(--cl-radius-sm);background:transparent;color:var(--cl-text-muted);font-size:12px;font-weight:600;font-family:var(--cl-font);cursor:pointer;transition:background .15s,color .15s;white-space:nowrap;min-width:0}.pa-tab:hover:not(.pa-tab--active){background:var(--cl-surface-3);color:var(--cl-text-secondary)}.pa-tab--active{background:var(--cl-brand);color:#fff}.pa-tab__icon{font-size:11px;display:flex;align-items:center;flex-shrink:0}.pa-tab__chip{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:17px;padding:0 4px;border-radius:20px;font-size:10px;font-weight:700;font-family:var(--cl-mono);flex-shrink:0}.pa-tab--active .pa-tab__chip{background:#ffffff38;color:#fff}.pa-tab:not(.pa-tab--active) .pa-tab__chip{background:var(--cl-surface-3);color:var(--cl-text-muted)}.pa-loading-state{display:flex;align-items:center;justify-content:center;gap:12px;padding:60px 24px;color:var(--cl-text-muted);font-size:13px}.pa-spinner{width:24px;height:24px;border:2.5px solid var(--cl-border);border-top-color:var(--cl-brand);border-radius:50%;animation:pa-spin .75s linear infinite;flex-shrink:0}.pa-spinner--xs{width:13px;height:13px;border-width:2px}@keyframes pa-spin{to{transform:rotate(360deg)}}.pa-content{display:flex;flex-direction:column;gap:16px}.pa-section__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pa-section__title{font-size:13.5px;font-weight:700;color:var(--cl-text-primary);margin:0;letter-spacing:-.2px}.pa-section__chip{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 7px;background:var(--cl-surface-3);border:1.5px solid var(--cl-border);border-radius:20px;font-size:10.5px;font-weight:700;font-family:var(--cl-mono);color:var(--cl-text-muted)}.pa-section__chip--sub{background:#fef3e2;border-color:#fcd34d;color:#b45309}.pa-section__icon-badge{width:24px;height:24px;border-radius:var(--cl-radius-sm);background:#fef3e2;color:#d97706;display:flex;align-items:center;justify-content:center;font-size:11px}.pa-canvas{background:var(--cl-surface);border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-lg);padding:12px;box-shadow:var(--cl-shadow-sm);min-height:100px;display:flex;flex-direction:column;max-height:55vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.pa-grid{display:flex;flex-direction:column;gap:10px}.pa-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 24px;color:var(--cl-text-muted);gap:8px;flex:1}.pa-empty__icon{font-size:24px;opacity:.2}.pa-empty p{font-size:12.5px;margin:0;font-style:italic;text-align:center}.pa-card{background:var(--cl-surface);border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-md);display:flex;flex-direction:column;gap:0;transition:box-shadow .18s,transform .14s,border-color .18s;position:relative;overflow:hidden;width:100%;box-sizing:border-box}.pa-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:2px 0 0 2px}.pa-card--assigned:before{background:var(--cl-accent)}.pa-card--sub:before{background:#f59e0b}.pa-card--clickable{cursor:pointer}@media(hover:hover){.pa-card--clickable:hover{box-shadow:var(--cl-shadow-md);transform:translateY(-2px)}.pa-card--assigned.pa-card--clickable:hover{border-color:var(--cl-accent)}.pa-card--sub.pa-card--clickable:hover{border-color:#f59e0b}}.pa-card--clickable:active{transform:scale(.99)}.pa-card--locked{opacity:.72;cursor:default}.pa-card__top{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 0;gap:8px}.pa-card__pills{display:flex;align-items:center;gap:5px;flex-wrap:wrap;flex:1;min-width:0}.pa-card__course{display:inline-block;padding:2px 8px;background:var(--cl-accent-soft);color:var(--cl-brand-light);border-radius:20px;font-size:10.5px;font-weight:700;font-family:var(--cl-mono);white-space:nowrap}.pa-card--sub .pa-card__course{background:#fef3e2;color:#b45309}.pa-card__sub-pill{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;border-radius:20px;font-size:9.5px;font-weight:700;font-family:var(--cl-mono);white-space:nowrap}.pa-card__body{padding:6px 12px 0}.pa-card__title{font-size:13.5px;font-weight:700;color:var(--cl-text-primary);margin:0 0 2px;line-height:1.3;word-break:break-word}.pa-card__section{font-size:11px;color:var(--cl-text-muted);margin:0;font-family:var(--cl-mono);word-break:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.5}.pa-card__details{padding:8px 12px 0;display:flex;flex-direction:column;gap:4px;flex:1}.pa-card__row{display:flex;align-items:flex-start;gap:4px;font-size:11.5px;color:var(--cl-text-secondary);flex-wrap:wrap}.pa-card__row--warn{color:#b45309}.pa-card__row--warn strong{color:#92400e}.pa-card__row-icon{font-size:10px;color:var(--cl-text-muted);flex-shrink:0;margin-top:2px}.pa-card__dot{color:var(--cl-text-muted);font-size:10px}.pa-card__footer{margin:8px 0 0;padding:8px 12px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;display:flex;align-items:center;gap:5px;border-top:1px dashed var(--cl-border);border-radius:0 0 var(--cl-radius-md) var(--cl-radius-md);flex-wrap:wrap}.pa-card__footer--action{color:var(--cl-accent)}.pa-card__footer--sub{color:#d97706}.pa-card__footer--done{color:var(--cl-success);background:#f0fdf4;border-top-style:solid;border-color:#bbf7d0}.pa-card__footer--muted{color:var(--cl-text-muted)}.pa-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:20px;font-size:10px;font-weight:700;font-family:var(--cl-mono);letter-spacing:.3px;white-space:nowrap;flex-shrink:0}.pa-badge--confirmed{background:var(--cl-success-soft);color:#065f46}.pa-badge--late{background:var(--cl-warn-soft);color:var(--cl-warn)}.pa-badge--sub{background:#fef3e2;color:#b45309}.pa-badge--absent{background:var(--cl-danger-soft);color:var(--cl-danger)}.pa-badge--upcoming{background:var(--cl-accent-soft);color:var(--cl-accent)}.pa-badge--ongoing{background:#dcfce7;color:#16a34a;animation:pa-pulse 2s ease-in-out infinite}@keyframes pa-pulse{0%,to{opacity:1}50%{opacity:.75}}.pa-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#092c4c70;display:flex;align-items:flex-end;justify-content:center;z-index:9999;padding:0;box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:pa-fade .18s ease}@keyframes pa-fade{0%{opacity:0}to{opacity:1}}.pa-modal{background:var(--cl-surface);border-radius:var(--cl-radius-xl) var(--cl-radius-xl) 0 0;width:100%;max-width:100%;max-height:92vh;overflow-y:auto;box-shadow:var(--cl-shadow-lg);border:1.5px solid var(--cl-border);border-bottom:none;display:flex;flex-direction:column;animation:pa-slide .22s ease;-webkit-overflow-scrolling:touch}@keyframes pa-slide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pa-modal:before{content:"";display:block;width:36px;height:4px;background:var(--cl-border);border-radius:2px;margin:10px auto 0;flex-shrink:0}.pa-modal__header{padding:14px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:2;border-bottom:1.5px solid rgba(255,255,255,.08)}.pa-modal__header--primary{background:linear-gradient(135deg,#092c4c,#0a3765)}.pa-modal__header--sub{background:linear-gradient(135deg,#78350f,#b45309)}.pa-modal__header-body{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.pa-modal__header-icon{width:36px;height:36px;min-width:36px;border-radius:var(--cl-radius-sm);background:#ffffff26;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;border:1px solid rgba(255,255,255,.2)}.pa-modal__title{font-size:14px;font-weight:700;color:#fff;margin:0;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pa-modal__subtitle{font-size:11px;color:#ffffffb3;margin:2px 0 0;font-family:var(--cl-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pa-modal__close-btn{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fffc;width:36px;height:36px;min-width:36px;border-radius:var(--cl-radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:background .13s,color .13s;flex-shrink:0}.pa-modal__close-btn:hover{background:#ffffff38;color:#fff}.pa-modal__body{padding:16px 18px;display:flex;flex-direction:column;gap:14px;flex:1}.pa-alert{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border-radius:var(--cl-radius-md);border:1.5px solid}.pa-alert--warn{background:#fffbeb;border-color:#fcd34d;color:#78350f}.pa-alert__icon{font-size:14px;color:#d97706;flex-shrink:0;margin-top:1px}.pa-alert__title{font-size:12px;font-weight:700;margin:0 0 2px;color:#92400e}.pa-alert__desc{font-size:11.5px;margin:0;line-height:1.5;color:#78350f}.pa-alert__desc strong{color:#b45309}.pa-exam-card{background:var(--cl-surface-2);border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-md);padding:12px 14px}.pa-exam-card__heading{font-size:10px;font-weight:700;color:var(--cl-text-muted);text-transform:uppercase;letter-spacing:.6px;font-family:var(--cl-mono);margin:0 0 10px}.pa-exam-card__grid{display:grid;grid-template-columns:1fr;gap:8px}.pa-exam-card__item{display:flex;flex-direction:column;gap:2px}.pa-exam-card__key{font-size:10px;font-weight:600;color:var(--cl-text-muted);text-transform:uppercase;letter-spacing:.4px}.pa-exam-card__val{font-size:12.5px;color:var(--cl-text-primary);font-weight:500;word-break:break-word}.pa-field{display:flex;flex-direction:column;gap:7px}.pa-field__lbl{font-size:12px;font-weight:600;color:var(--cl-text-secondary);display:flex;align-items:center;gap:4px;flex-wrap:wrap}.pa-tag{display:inline-block;padding:1px 7px;border-radius:20px;font-size:10px;font-weight:700;font-family:var(--cl-mono);margin-left:4px}.pa-tag--required{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.pa-tag--optional{background:var(--cl-surface-3);color:var(--cl-text-muted);border:1px solid var(--cl-border)}.pa-err-hint{font-size:11px;color:var(--cl-danger);font-weight:500}.pa-otp-group{display:flex;flex-direction:column;gap:8px}.pa-input{padding:10px 12px;border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-sm);font-size:14px;font-family:var(--cl-font);color:var(--cl-text-primary);background:var(--cl-surface);outline:none;transition:border-color .15s;width:100%;box-sizing:border-box;-webkit-text-size-adjust:100%}.pa-input:focus{border-color:var(--cl-accent)}.pa-input--mono{font-family:var(--cl-mono);letter-spacing:3px}.pa-input--err{border-color:var(--cl-danger)!important}.pa-input--ok{border-color:var(--cl-success)!important}.pa-textarea{resize:none;min-height:80px;line-height:1.5;letter-spacing:0}.pa-otp-msg{display:flex;align-items:flex-start;gap:7px;padding:9px 12px;border-radius:var(--cl-radius-sm);font-size:12px;font-weight:500;line-height:1.4}.pa-otp-msg--ok{background:var(--cl-success-soft);color:#065f46;border:1px solid #a7f3d0}.pa-otp-msg--warn{background:#fffbeb;color:var(--cl-warn);border:1px solid #fcd34d}.pa-otp-msg--err{background:var(--cl-danger-soft);color:var(--cl-danger);border:1px solid #fca5a5}.pa-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px 18px;border-radius:var(--cl-radius-sm);font-size:14px;font-weight:600;font-family:var(--cl-font);cursor:pointer;transition:background .15s,transform .12s,opacity .15s;border:1.5px solid transparent;white-space:nowrap;-webkit-tap-highlight-color:transparent}.pa-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.pa-btn--ghost{background:var(--cl-surface);color:var(--cl-text-secondary);border-color:var(--cl-border)}.pa-btn--ghost:hover:not(:disabled){background:var(--cl-surface-3)}.pa-btn--submit{background:var(--cl-brand);color:#fff;border-color:var(--cl-brand)}.pa-btn--submit:hover:not(:disabled){background:var(--cl-brand-mid)}.pa-btn-verify{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:100%;padding:11px 16px;border-radius:var(--cl-radius-sm);font-size:14px;font-weight:600;font-family:var(--cl-font);background:var(--cl-accent);color:#fff;border:none;cursor:pointer;transition:background .15s;-webkit-tap-highlight-color:transparent}.pa-btn-verify:hover:not(:disabled){background:#1a6cc9}.pa-btn-verify:disabled{opacity:.4;cursor:not-allowed}.pa-modal__footer{display:flex;flex-direction:column-reverse;gap:8px;padding:12px 18px 20px;border-top:1.5px solid var(--cl-surface-3);position:sticky;bottom:0;background:var(--cl-surface);z-index:2}@media(min-width:640px){.pa-page{padding:24px 20px 40px;gap:16px}.pa-page-icon{width:48px;height:48px;font-size:18px}.pa-page-title h1{font-size:20px;white-space:normal}.pa-search-bar{width:auto;min-width:240px}.pa-stats-row{display:flex;flex-wrap:wrap;gap:12px}.pa-stat-card{flex:1;min-width:130px;padding:14px 18px}.pa-stat-card__value{font-size:22px}.pa-stat-card__label{font-size:11.5px}.pa-tabs{width:fit-content}.pa-tab{flex:none;padding:8px 16px;font-size:12.5px}.pa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.pa-card__section{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pa-canvas{padding:16px}.pa-otp-group{flex-direction:row;align-items:flex-start}.pa-input--mono{flex:1;width:auto;letter-spacing:2px}.pa-btn-verify{width:auto;flex-shrink:0;padding:9px 16px;font-size:13px}.pa-btn{width:auto;padding:9px 18px;font-size:13px}.pa-overlay{align-items:center;padding:24px}.pa-modal{border-radius:var(--cl-radius-xl);max-width:540px;border-bottom:1.5px solid var(--cl-border)}.pa-modal:before{display:none}.pa-modal__header{border-radius:var(--cl-radius-xl) var(--cl-radius-xl) 0 0}.pa-modal__body{padding:20px 22px;gap:16px}.pa-exam-card__grid{grid-template-columns:repeat(2,1fr);gap:10px 16px}.pa-modal__footer{flex-direction:row;justify-content:flex-end;padding:14px 22px;border-radius:0 0 var(--cl-radius-xl) var(--cl-radius-xl)}.pa-textarea{min-height:72px}.pa-input{font-size:13px;padding:9px 12px}}@media(min-width:1024px){.pa-page{padding:28px 24px 40px}.pa-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}:root{--ab-navy: #0d2340;--ab-navy-mid: #163354;--ab-navy-light: #1e4a7a;--ab-gold: #c8952a;--ab-gold-light: #e8b84b;--ab-white: #ffffff;--ab-off-white: #f5f7fa;--ab-muted: #6b84a0;--ab-text: #3a5070;--ab-border: rgba(13, 35, 64, .1);--ab-font: "DM Sans", sans-serif;--ab-display: "Playfair Display", serif;--ab-radius: 16px;--ab-transition: .3s cubic-bezier(.4, 0, .2, 1)}html,body{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}#root{min-height:100vh;display:block}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.ab-wrapper{font-family:var(--ab-font);background:var(--ab-off-white);color:var(--ab-text);min-height:100vh;width:100%;display:block;overflow-x:hidden}.ab-hero{position:relative;background:var(--ab-navy);color:var(--ab-white);text-align:center;padding:100px 20px 130px;overflow:hidden;width:100%;border-radius:20px}.ab-hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.ab-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 50%,rgba(200,149,42,.08) 0%,transparent 55%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.03) 0%,transparent 50%);pointer-events:none}.ab-hero-arc{position:absolute;width:700px;height:700px;border-radius:50%;border:1px solid rgba(200,149,42,.12);bottom:-280px;left:50%;transform:translate(-50%);pointer-events:none;z-index:1}.ab-hero-arc-2{width:480px;height:480px;border-color:#c8952a12;bottom:-160px;animation:abPulse 6s ease-in-out infinite}@keyframes abPulse{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.6;transform:translate(-50%) scale(1.02)}}.ab-hero-inner{position:relative;z-index:2}.ab-hero-lockup{display:inline-flex;align-items:center;gap:10px;margin-bottom:28px;padding:7px 18px;background:#ffffff12;border:1px solid rgba(200,149,42,.25);border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fffc}.ab-hero-title{font-family:var(--ab-display);font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2;margin-bottom:16px;letter-spacing:-.5px}.ab-hero-title em{font-style:normal;color:var(--ab-gold-light)}.ab-hero-sub{max-width:560px;margin:0 auto 28px;font-size:.97rem;line-height:1.7;color:#ffffff8c}.ab-tech-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.ab-tech-tag{font-size:11.5px;font-weight:500;color:#ffffff8c;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:5px 12px;letter-spacing:.02em;transition:background var(--ab-transition),color var(--ab-transition)}.ab-tech-tag:hover{background:#c8952a1f;color:var(--ab-gold-light);border-color:#c8952a4d}.ab-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:0 5%;margin-top:-52px;position:relative;z-index:5;max-width:1160px;margin-left:auto;margin-right:auto}.ab-stat-card{background:var(--ab-white);border:1px solid var(--ab-border);padding:32px 24px 28px;border-radius:var(--ab-radius);text-align:center;box-shadow:0 4px 24px #0d23401a;transition:transform var(--ab-transition),box-shadow var(--ab-transition)}.ab-stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 32px #0d234021}.ab-stat-card h2{font-family:var(--ab-display);color:var(--ab-navy);font-size:2.1rem;font-weight:700;margin-bottom:4px}.ab-stat-card span{font-size:.75rem;color:var(--ab-muted);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.ab-why{padding:90px 5%;display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:start;max-width:1160px;margin:0 auto}.ab-why-text h3{font-family:var(--ab-display);font-size:1.85rem;font-weight:700;color:var(--ab-navy);margin-bottom:12px;line-height:1.25}.ab-why-divider{width:48px;height:3px;background:linear-gradient(90deg,var(--ab-navy),var(--ab-gold));border-radius:2px;margin:12px 0 18px}.ab-why-text p{color:var(--ab-muted);line-height:1.75;font-size:.93rem;margin-bottom:10px}.ab-why-features{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.ab-feat-card{background:var(--ab-white);border:1px solid var(--ab-border);padding:20px 18px;border-radius:var(--ab-radius);transition:border-color var(--ab-transition),transform var(--ab-transition)}.ab-feat-card:hover{border-color:#c8952a59;transform:translateY(-3px)}.ab-feat-icon{width:36px;height:36px;border-radius:10px;background:var(--ab-navy);color:var(--ab-gold-light);display:flex;align-items:center;justify-content:center;font-size:15px;margin-bottom:10px}.ab-feat-card h4{font-size:.86rem;font-weight:600;color:var(--ab-navy);margin-bottom:5px}.ab-feat-card p{font-size:.77rem;color:var(--ab-muted);line-height:1.6;margin:0}.ab-timeline-section{background:var(--ab-white);padding:80px 5%;border-top:1px solid var(--ab-border);border-bottom:1px solid var(--ab-border)}.ab-timeline-header{text-align:center;margin-bottom:52px}.ab-timeline-header h2{font-family:var(--ab-display);font-size:2rem;font-weight:700;color:var(--ab-navy);margin-bottom:10px}.ab-timeline-header p{font-size:.93rem;color:var(--ab-muted);max-width:420px;margin:0 auto;line-height:1.65}.ab-timeline{position:relative;max-width:720px;margin:0 auto;padding-left:28px}.ab-timeline:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--ab-navy-light),rgba(13,35,64,.08));border-radius:2px}.ab-timeline-item{position:relative;padding:0 0 36px 28px}.ab-timeline-item:last-child{padding-bottom:0}.ab-timeline-dot{position:absolute;left:-22px;top:4px;width:14px;height:14px;border-radius:50%;background:var(--ab-off-white);border:2px solid rgba(13,35,64,.25);transition:border-color var(--ab-transition);z-index:1}.ab-timeline-item.active .ab-timeline-dot{background:var(--ab-gold);border-color:var(--ab-gold);box-shadow:0 0 0 4px #c8952a2e}.ab-timeline-content h4{font-size:.93rem;font-weight:700;color:var(--ab-navy);margin-bottom:5px}.ab-timeline-content p{font-size:.83rem;color:var(--ab-muted);line-height:1.65;margin:0}.ab-timeline-item.active .ab-timeline-content h4{color:var(--ab-gold)}.ab-team{background:var(--ab-navy);padding:10px 5%;text-align:center;position:relative;overflow:hidden}.ab-team-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.ab-team-header{position:relative;z-index:2;margin-bottom:56px}.ab-team-header h2{font-family:var(--ab-display);font-size:2.1rem;font-weight:700;color:var(--ab-white);margin-bottom:10px}.ab-team-header p{font-size:.93rem;color:#ffffff6b;max-width:460px;margin:0 auto;line-height:1.65}.ab-team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-auto-rows:1fr;gap:18px;position:relative;z-index:20;max-width:1200px;margin:0 auto}.ab-team-card{display:flex;flex-direction:column;justify-content:space-between;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:28px 20px 22px;position:relative;transition:transform var(--ab-transition),border-color var(--ab-transition),background var(--ab-transition);overflow:hidden;min-height:360px}.ab-team-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(200,149,42,.3),transparent);opacity:0;transition:opacity var(--ab-transition)}.ab-team-card:hover{transform:translateY(-6px);background:#ffffff12;border-color:#c8952a40}.ab-team-card:hover:before{opacity:1}.ab-team-card.highlight{background:#c8952a12;border:1px solid rgba(200,149,42,.4)}.ab-team-card.highlight:before{opacity:1;background:linear-gradient(90deg,transparent,var(--ab-gold),transparent)}.ab-team-avatar{width:64px;height:64px;border-radius:50%;background:var(--ab-navy-mid);border:2px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-family:var(--ab-display);font-size:20px;font-weight:700;color:var(--ab-gold-light);margin:0 auto 12px;transition:border-color var(--ab-transition),transform var(--ab-transition);letter-spacing:.02em}.ab-team-card.highlight .ab-team-avatar{background:#c8952a26;border-color:#c8952a80}.ab-team-card:hover .ab-team-avatar{transform:scale(1.06);border-color:#c8952a66}.ab-team-role{display:inline-block;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--ab-gold);background:#c8952a1a;border:1px solid rgba(200,149,42,.2);border-radius:999px;padding:3px 10px;margin-bottom:8px}.ab-team-name{font-family:var(--ab-display);font-size:.95rem;font-weight:700;color:var(--ab-white);margin-bottom:14px;line-height:1.3}.ab-team-badge{position:absolute;top:13px;right:13px;font-size:.56rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ab-navy);background:var(--ab-gold);border-radius:999px;padding:3px 9px}.ab-team-divider{height:1px;background:#ffffff12;margin-bottom:14px}.ab-team-links{display:flex;flex-direction:column;gap:6px;margin-top:auto}.ab-team-link{display:flex;align-items:center;gap:7px;font-size:.71rem;color:#ffffff6b;text-decoration:none;padding:5px 9px;border-radius:7px;border:1px solid transparent;transition:background var(--ab-transition),color var(--ab-transition),border-color var(--ab-transition);text-align:left;cursor:default}a.ab-team-link{cursor:pointer}.ab-team-link svg{flex-shrink:0;opacity:.55;transition:opacity var(--ab-transition)}.ab-team-link:hover svg{opacity:1}.ab-team-link:hover{background:#ffffff0d;color:#ffffffd1;border-color:#ffffff17}.ab-team-link.fb:hover{color:#7aabff;border-color:#7aabff33}.ab-team-link.mail:hover{color:var(--ab-gold-light);border-color:#c8952a33}.ab-team-link.phone:hover{color:#7adfa7;border-color:#7adfa733}.ab-footer{background:#06121f;color:#ffffff6b;padding:52px 5%;text-align:center;position:relative;overflow:hidden}.ab-footer-top-line{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(200,149,42,.3),transparent)}.ab-footer h3{font-family:var(--ab-display);color:var(--ab-white);font-size:1.3rem;font-weight:700;margin-bottom:10px}.ab-footer p{font-size:.86rem;line-height:1.7;max-width:460px;margin:0 auto 20px}.ab-footer-dots{display:flex;justify-content:center;gap:7px;margin-top:20px}.ab-footer-dots span{width:6px;height:6px;border-radius:50%;background:#ffffff26;display:block}.ab-footer-dots span.wide{width:22px;border-radius:3px;background:var(--ab-gold)}@media(max-width:1024px){.ab-team-grid{grid-template-columns:repeat(2,1fr)}.ab-team-grid>.ab-team-card:nth-child(5){grid-column:1 / 3;max-width:340px;margin:0 auto;width:100%}}@media(max-width:900px){.ab-why{grid-template-columns:1fr;padding:60px 6%;gap:40px}.ab-stats{padding:0 6%}.ab-hero-title{font-size:2rem}.ab-team{padding:80px 5%}}@media(max-width:600px){.ab-hero{padding:80px 16px 110px}.ab-hero-title{font-size:1.7rem}.ab-stats{grid-template-columns:repeat(2,1fr);margin-top:-30px}.ab-why-features,.ab-team-grid{grid-template-columns:1fr}.ab-team-grid>.ab-team-card:nth-child(5){grid-column:auto;max-width:100%}}body{margin:0;font-family:Arial,sans-serif;box-sizing:border-box}.colleges-container{width:100%;padding:20px;font-family:Arial,sans-serif;background-color:#f5f5f5;min-height:calc(100vh - 60px);display:flex;flex-direction:column;box-sizing:border-box}.colleges-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.colleges-title{font-size:2em;font-weight:700;color:#333;margin:0;text-align:left}.search-bar{display:flex;align-items:center;border:1px solid #FAB417;border-radius:5px;overflow:hidden;background-color:#fff;box-shadow:0 1px 2px #0000000d;min-width:250px}.search-bar input{border:none;padding:10px 15px;outline:none;font-size:14px;width:250px;background:transparent;color:#333;flex:1;min-width:0}.search-bar .search-button{border:none;padding:10px 12px;cursor:pointer;font-size:16px;color:#fab417;background-color:transparent;min-width:40px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.search-bar .search-button:hover{background-color:#f0f0f0}.colleges-actions{display:flex;gap:10px;margin-bottom:20px;align-items:center}.advanced-filters{display:flex;gap:12px;margin-bottom:20px;padding:12px 16px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;border:1px solid #e0e0e0;align-items:center;flex-wrap:wrap;min-height:38px}.advanced-filters select{padding:8px 12px;font-size:14px;border:2px solid #092C4C;background-color:#fff;border-radius:8px;color:#333;box-sizing:border-box;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;min-width:150px;height:38px;font-weight:500}.advanced-filters select:focus{outline:none;border-color:#ffb800;box-shadow:0 0 0 2px #ffb80033}.advanced-filters select:hover{border-color:#0d4a7a}.action-button{padding:10px 20px;border:none;border-radius:5px;font-size:14px;cursor:pointer;transition:background-color .3s ease,transform .1s ease;color:#fff;font-weight:700;touch-action:manipulation}.action-button:active{transform:translateY(1px)}.colleges-actions .action-button{width:38px;height:38px;border-radius:50%;padding:0;display:flex;justify-content:center;align-items:center;font-size:16px}.action-button.add-new{background-color:#ffb800}.action-button.add-new:hover{background-color:#e6a700}.action-button.import{background-color:#ffb800}.action-button.with-label{width:auto!important;height:auto!important;border-radius:8px!important;padding:8px 14px!important;display:inline-flex!important;gap:8px;align-items:center;justify-content:center}.action-button.with-label .btn-label{margin-left:4px;font-weight:700;color:inherit}.action-button.with-label .btn-label,.action-button.sort-by-button span,.action-button.show-rows-button span{font-size:16px;font-weight:800}.action-button.import:hover{background-color:#e6a700}.action-button.sort-by-button,.action-button.show-rows-button{background-color:#0a3765}.action-button.sort-by-button:hover,.action-button.show-rows-button:hover{background-color:#0d4a7a}.action-button.sort-by-button{min-width:140px}.action-button.show-rows-button{min-width:200px}.action-button.delete{background-color:#d63e3e}.action-button.delete:hover{background-color:#b83333}.action-button.delete:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.action-button.select-all{background-color:#ffb800}.action-button.select-all:hover{background-color:#e6a700}.action-button.filter-toggle{background-color:#ffb800;color:#fff;min-width:120px}.action-button.filter-toggle:hover{background-color:#e6a700}.table-scroll-wrapper{position:relative;margin-bottom:20px}.table-scroll-hint{display:none;text-align:center;padding:8px;font-size:12px;color:#666;background:#f8f8f8;border-radius:4px;margin-bottom:8px}.table-scroll-hint svg{margin:0 4px;vertical-align:middle}.table-scroll-buttons{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#fffffff2;border:2px solid #ffb800;border-radius:50%;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:all .3s ease;touch-action:manipulation}.table-scroll-buttons:hover{background:#ffb800;color:#fff;transform:translateY(-50%) scale(1.1)}.table-scroll-buttons:active{transform:translateY(-50%) scale(.95)}.table-scroll-buttons.scroll-left{left:10px}.table-scroll-buttons.scroll-right{right:10px}.table-scroll-buttons:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.table-scroll-buttons svg{font-size:18px;color:#ffb800;transition:color .3s ease}.table-scroll-buttons:hover svg{color:#fff}.table-scroll-buttons:disabled svg{color:#999}.colleges-table-container{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;scroll-behavior:smooth}.colleges-table-container:before,.colleges-table-container:after{content:"";position:absolute;top:0;bottom:0;width:30px;pointer-events:none;z-index:1;opacity:0;transition:opacity .3s ease}.colleges-table-container:before{left:0;background:linear-gradient(to right,rgba(255,255,255,.95),transparent)}.colleges-table-container:after{right:0;background:linear-gradient(to left,rgba(255,255,255,.95),transparent)}.colleges-table-container.scrollable-left:before{opacity:1}.colleges-table-container.scrollable-right:after{opacity:1}.colleges-table{width:100%;border-collapse:collapse;color:#333;min-width:600px}.colleges-table th{padding:12px 15px;text-align:left;background-color:#333d52;color:#fff;font-weight:700;border-bottom:2px solid #092C4C;white-space:nowrap}.colleges-table td{padding:12px 15px;border-bottom:1px solid #eee;text-align:left}.colleges-table thead{background-color:#333d52;color:#fff}.colleges-table th:first-child{width:50px;text-align:left}.colleges-table td:first-child{text-align:left}.colleges-table tbody tr:nth-child(2n){background-color:#f8f8f8}.colleges-table tbody tr:hover{background-color:#f0f0f0}.action-buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.icon-button{background:none;border:none;cursor:pointer;font-size:16px;padding:5px;display:flex;align-items:center;justify-content:center;transition:color .2s ease,transform .1s ease;touch-action:manipulation;min-width:32px;min-height:32px;border-radius:4px}.icon-button:active{transform:translateY(1px)}.icon-button.edit-button{color:#1890ff}.icon-button.edit-button:hover{color:#0056b3;background-color:#1890ff1a}.icon-button.delete-button{color:#ff4d4f}.icon-button.delete-button:hover{color:#c00;background-color:#ff4d4f1a}.colleges-table th input[type=checkbox],.colleges-table td.action-buttons input[type=checkbox]{width:17px;height:17px;cursor:pointer;touch-action:manipulation;accent-color:#ffb800}.actions-checkbox-wrapper{display:flex;align-items:center;gap:8px;font-size:.9rem;position:relative}.actions-checkbox-wrapper input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#007bff;border-radius:4px;transition:transform .2s ease,box-shadow .2s ease;touch-action:manipulation}.actions-checkbox-wrapper input[type=checkbox]:hover{transform:scale(1.1);box-shadow:0 0 2px #0000004d}.actions-checkbox-wrapper input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#3339;display:flex;justify-content:center;align-items:center;z-index:999;padding:20px;box-sizing:border-box;overflow-y:auto}.modal{background:#fff;padding:25px;width:90vw;max-width:1000px;border-radius:10px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;gap:15px;max-height:85vh;overflow-y:auto}.room-modal{width:95vw!important;max-width:1500px!important;min-width:auto}.room-modal-table-container{flex:1;overflow:auto;border:2px solid #e0e0e0;border-radius:8px;background-color:#fafafa}.room-modal .accounts-table{width:100%;border-collapse:collapse;margin:0;table-layout:fixed}.room-modal .accounts-table thead{position:sticky;top:0;background-color:#092c4c}.room-modal .accounts-table th{color:#fff;padding:12px;text-align:left;font-weight:600;border-bottom:2px solid #092C4C}.room-modal .accounts-table td{padding:12px;border-bottom:1px solid #e0e0e0;color:#333}.room-modal .accounts-table tbody tr:hover{background-color:#f5f5f5}.modal h3{margin:0;font-size:1.4em;color:#ffb800;align-self:center;font-weight:700}.input-group{position:relative;margin-bottom:16px}.input-group label{display:block;margin-bottom:6px;font-weight:500;color:#333;font-size:14px}.modal input,.modal textarea{width:100%;padding:10px 15px;font-size:14px;border:2px solid #092C4C;background-color:#f5f5f5;border-radius:8px;color:#333;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.modal input:focus,.modal textarea:focus{outline:none;border-color:#ffb800;box-shadow:0 0 0 2px #ffb80033}.modal input:disabled{background-color:#f8f8f8;color:#777;cursor:not-allowed}.modal select{width:100%;padding:10px 15px;font-size:14px;border:2px solid #092C4C;background-color:#f5f5f5;border-radius:8px;color:#333;box-sizing:border-box}.modal textarea{resize:vertical;min-height:80px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:15px;padding-top:15px;border-top:1px solid #e0e0e0;flex-shrink:0}.modal-actions button{background-color:#060540;color:#fff;font-weight:700;border:none;border-radius:8px;padding:10px 20px;cursor:pointer;touch-action:manipulation;min-height:44px;font-size:14px;transition:background-color .2s ease,opacity .2s ease}.modal-actions button:hover{opacity:.9}.modal-actions button:disabled{opacity:.6;cursor:not-allowed}.modal-button{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .3s ease;touch-action:manipulation;min-height:44px;font-size:14px}.modal-button.download{background-color:#ffb800;color:#fff;width:100%;margin-bottom:10px}.modal-button.download:hover{background-color:#e6a700}.modal-button.download:disabled{opacity:.6;cursor:not-allowed}.delete-confirm-modal{max-width:450px;text-align:center}.delete-confirm-modal .modal-actions{display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:10px;flex-wrap:nowrap}.delete-confirm-message{font-size:16px;color:#333;margin:10px 0;padding:15px;background-color:#f8f8f8;border-radius:5px}.modal-button.confirm-delete{background-color:#dc3545;color:#fff;border:none}.modal-button.confirm-delete:hover{background-color:#b02a37}.modal-button.confirm-delete:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.modal-button.cancel-delete{background-color:#0a3765;color:#fff;border:none}.modal-button.cancel-delete:hover{background-color:#0d4a7a}.modal-button.cancel-delete:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.examperiod-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#3339;display:flex;justify-content:center;align-items:center;z-index:999;padding:20px;box-sizing:border-box;overflow-y:auto}.examperiod-modal{background:#fff;padding:30px;width:100%;max-width:900px;border-radius:10px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;gap:20px;max-height:90vh;overflow-y:auto}.examperiod-title{margin:0;font-size:1.5em;color:#ffb800;text-align:center;font-weight:700}.examperiod-body{display:flex;gap:30px;flex-wrap:wrap}.examperiod-calendar-section{flex:1;min-width:300px}.examperiod-date-selectors{display:flex;gap:15px;margin-bottom:15px;align-items:flex-end}.examperiod-date-selector-group{display:flex;flex-direction:column;gap:5px;flex:1}.examperiod-date-selector-label{font-size:12px;font-weight:500;color:#333}.examperiod-date-selector{width:100%;padding:8px 12px;font-size:14px;border:2px solid #092C4C;background-color:#f5f5f5;border-radius:8px;color:#333;box-sizing:border-box;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.examperiod-date-selector:focus{outline:none;border-color:#ffb800;box-shadow:0 0 0 2px #ffb80033;background-color:#fff}.examperiod-inputs-section{flex:1;min-width:300px;display:flex;flex-direction:column;gap:20px}.examperiod-input-group{display:flex;flex-direction:column;gap:8px}.examperiod-label{font-weight:500;color:#333;font-size:14px}.examperiod-select{width:100%}.examperiod-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:10px;padding-top:20px;border-top:1px solid #eee}.examperiod-actions button{background-color:#060540;color:#fff;font-weight:700;border:none;border-radius:8px;padding:10px 20px;cursor:pointer;touch-action:manipulation;min-height:44px;font-size:14px;transition:background-color .2s ease,opacity .2s ease}.examperiod-actions button:hover{opacity:.9}.examperiod-actions button:disabled{opacity:.6;cursor:not-allowed}.examperiod-selected-day{background-color:#ffb800!important;color:#fff!important;border-radius:50px!important;padding:10px 20px!important}.examperiod-calendar-section .react-calendar{width:100%;background:#fff;border:2px solid #092C4C;border-radius:8px;font-family:Arial,sans-serif;line-height:1.125em}.examperiod-calendar-section .react-calendar__navigation{display:flex;height:44px;margin-bottom:1em;background:#fff;border-bottom:1px solid #e0e0e0}.examperiod-calendar-section .react-calendar__navigation button{min-width:44px;background:#fff;color:#333;font-size:16px;font-weight:500;border:none;cursor:pointer;padding:8px}.examperiod-calendar-section .react-calendar__navigation button:hover{background-color:#f0f0f0}.examperiod-calendar-section .react-calendar__navigation button:enabled:hover,.examperiod-calendar-section .react-calendar__navigation button:enabled:focus{background-color:#f0f0f0}.examperiod-calendar-section .react-calendar__navigation button[disabled]{background-color:#fff;color:#b0b0b0}.examperiod-calendar-section .react-calendar__navigation__prev2-button,.examperiod-calendar-section .react-calendar__navigation__next2-button{display:none!important}.examperiod-calendar-section .react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font-weight:700;font-size:.75em;color:#333;background:#fff;padding:10px 0;border-bottom:1px solid #e0e0e0}.examperiod-calendar-section .react-calendar__month-view__weekdays__weekday{padding:.5em;color:#333}.examperiod-calendar-section .react-calendar__month-view__weekdays__weekday abbr{text-decoration:none}.examperiod-calendar-section .react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:#fff;text-align:center;line-height:16px;font-size:.833em;color:#333;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.examperiod-calendar-section .react-calendar__tile:enabled:hover,.examperiod-calendar-section .react-calendar__tile:enabled:focus{background-color:#f0f0f0}.examperiod-calendar-section .react-calendar__tile--now{background:#e6f3ff;color:#333;font-weight:700}.examperiod-calendar-section .react-calendar__tile--now:enabled:hover,.examperiod-calendar-section .react-calendar__tile--now:enabled:focus{background:#d0e7ff}.examperiod-calendar-section .react-calendar__tile--hasActive{background:#ffb800;color:#fff}.examperiod-calendar-section .react-calendar__tile--hasActive:enabled:hover,.examperiod-calendar-section .react-calendar__tile--hasActive:enabled:focus{background:#e6a700}.examperiod-calendar-section .react-calendar__tile--active{background:#ffb800;color:#fff}.examperiod-calendar-section .react-calendar__tile--active:enabled:hover,.examperiod-calendar-section .react-calendar__tile--active:enabled:focus{background:#e6a700}.examperiod-calendar-section .react-calendar__tile--neighboringMonth{color:#b0b0b0}.examperiod-calendar-section .react-calendar__tile--neighboringMonth:enabled:hover{background-color:#f5f5f5}.loading-state{text-align:center;color:#666;font-size:1.1em;padding:20px}.no-data-message{text-align:center;padding:20px;color:#666;font-style:italic}@media screen and (max-width:1024px){.colleges-container{padding:15px}.colleges-title{font-size:1.8em}.search-bar{min-width:200px}.search-bar input{width:200px}.colleges-table th,.colleges-table td{padding:10px 12px;font-size:14px}.modal{max-width:380px;padding:20px}}@media screen and (max-width:768px){.colleges-container{padding:12px;min-height:calc(100vh - 50px)}.colleges-header{flex-direction:column;align-items:stretch;margin-bottom:15px;gap:12px}.colleges-title{font-size:1.5em;text-align:center}.search-bar{width:100%;min-width:100%;border-radius:8px}.search-bar input{width:100%;flex:1;padding:12px 15px;font-size:16px}.search-bar .search-button{padding:12px 15px;font-size:18px}.colleges-actions{margin-bottom:15px;flex-wrap:wrap}.colleges-actions .action-button{width:44px;height:44px;font-size:18px}.colleges-actions .action-button.filter-toggle{width:auto;min-width:100px;padding:8px 12px;font-size:13px}.advanced-filters{flex-direction:column;align-items:stretch;padding:12px}.advanced-filters select{width:100%;min-width:100%;font-size:16px;padding:12px}.table-scroll-wrapper{position:relative}.table-scroll-buttons{display:flex}.table-scroll-hint{display:block}.colleges-table-container{border-radius:6px;box-shadow:0 1px 4px #0000001a}.colleges-table{min-width:500px;font-size:14px}.colleges-table th{padding:10px 8px;font-size:12px}.colleges-table td{padding:10px 8px;font-size:13px}.colleges-table th:first-child{width:40px;padding:10px 5px}.colleges-table td:first-child{padding:10px 5px}.icon-button{min-width:36px;min-height:36px;font-size:18px;padding:6px}.colleges-table th input[type=checkbox],.colleges-table td.action-buttons input[type=checkbox]{width:20px;height:20px}.action-buttons{gap:8px;flex-wrap:wrap}.modal-overlay{padding:20px 10px 10px;align-items:flex-start}.modal{max-width:100%;width:100%;padding:20px 16px;border-radius:12px;margin:0}.modal h3{font-size:1.2em;margin-bottom:15px}.modal input,.modal textarea,.modal select{width:100%;padding:12px;font-size:16px;border-radius:6px}.input-group{margin-bottom:18px}.examperiod-overlay{padding:20px 10px 10px;align-items:flex-start}.examperiod-modal{max-width:100%;width:100%;padding:20px 16px;border-radius:12px;margin:0;max-height:95vh}.examperiod-title{font-size:1.2em;margin-bottom:15px}.examperiod-body{flex-direction:column;gap:20px}.examperiod-calendar-section,.examperiod-inputs-section{min-width:100%;width:100%}.examperiod-date-selectors{flex-direction:column;gap:12px}.examperiod-date-selector-group{width:100%}.examperiod-date-selector{font-size:16px;padding:12px}.examperiod-actions{flex-direction:column}.examperiod-actions button{width:100%}.input-group label{font-size:14px;margin-bottom:8px}.modal-actions{flex-direction:column-reverse;gap:10px;margin-top:10px}.modal-actions button{width:100%;padding:12px 16px;font-size:16px;min-height:48px}.room-modal{max-width:100%;min-width:auto;max-height:90vh}.room-modal-table-container{max-height:60vh}.room-modal .accounts-table{font-size:13px}.room-modal .accounts-table th,.room-modal .accounts-table td{padding:8px}.modal-button{width:100%;padding:12px 16px;font-size:16px;min-height:48px}.actions-checkbox-wrapper{font-size:.85rem;gap:6px}.actions-checkbox-wrapper input[type=checkbox]{width:20px;height:20px}}@media screen and (max-width:480px){.colleges-container{padding:10px}.colleges-title{font-size:1.3em}.colleges-table{min-width:450px;font-size:13px}.colleges-table th{padding:8px 6px;font-size:11px}.colleges-table td{padding:8px 6px;font-size:12px}.colleges-actions .action-button{width:40px;height:40px;font-size:16px}.modal{padding:16px 12px}.modal h3{font-size:1.1em}}@media screen and (max-width:768px)and (orientation:landscape){.colleges-container{padding:10px}.colleges-header{flex-direction:row;align-items:center}.colleges-title{font-size:1.3em;text-align:left}.search-bar{width:auto;min-width:200px}.search-bar input{width:180px}.modal-overlay{align-items:center;padding:20px}.modal{max-width:500px}}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px;padding:10px}.pagination-controls button{background-color:#ffb800;color:#333;border:none;border-radius:50%;width:38px;height:38px;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,transform .1s ease}.pagination-controls button:hover:not(:disabled){background-color:#e6a700;transform:scale(1.05)}.pagination-controls button:active:not(:disabled){transform:scale(.95)}.pagination-controls button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.6}.pagination-controls span{color:#000;font-weight:500;font-size:14px;min-width:100px;text-align:center}.pagination-controls .pagination-arrow-btn{font-weight:900;font-size:22px;line-height:1;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}.pagination-controls .pagination-arrow-btn:disabled{color:#999!important}.pagination-controls .pagination-page-number{font-size:15px;font-weight:600;color:#333}@media print{.colleges-container{background-color:#fff;padding:0}.colleges-header,.colleges-actions,.search-bar,.action-buttons,.table-scroll-buttons,.table-scroll-hint{display:none}.colleges-table-container{box-shadow:none;border:1px solid #ddd}.colleges-table th{background-color:#f5f5f5!important;color:#000!important}}.custom-number-input{-moz-appearance:textfield}.custom-number-input::-webkit-outer-spin-button,.custom-number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.college-filter-select{background-color:#fff;color:#333;padding:8px 12px;font-size:.9rem;border-radius:8px;border:1px solid #ccc;width:350px;max-width:350px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.college-filter-select:hover{border-color:#999}.college-filter-select:focus{outline:none;border-color:#0a3765;box-shadow:0 0 0 2px #0a37651a}html,body{height:100%;margin:0;padding:0}.reset-password-page{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;z-index:0}.reset-password-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000008c;z-index:1}.reset-password-container{position:relative;z-index:2;background:#fff;padding:2rem;border-radius:20px;box-shadow:0 12px 30px #0000004d;width:450px;max-width:95%;text-align:left}.reset-password-container h2{font-size:28px;font-weight:600;margin-bottom:1.5rem;color:#333;text-align:center}.reset-password-form{display:flex;flex-direction:column;gap:1.25rem}.reset-password-form label{font-weight:500;font-size:14px;margin-bottom:4px;color:#444}.reset-password-form input{padding:12px 14px;border-radius:10px;border:1px solid #000000;font-size:15px;color:#333;width:93%;transition:border-color .2s ease;background-color:#fff}.reset-password-form input:focus{outline:none;border-color:#0f0202}.password-input-wrapper{position:relative}.toggle-password-visibility{position:absolute;right:14px;top:50%;transform:translateY(-50%);cursor:pointer;color:#777;font-size:16px}.reset-password-form .btn{background-color:#007bff;color:#fff;padding:12px;font-size:16px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:background .25s ease}.reset-password-form .btn:hover{background-color:#0056cc}@media screen and (max-width:1024px){.reset-password-container{width:90%;max-width:450px;padding:1.75rem}.reset-password-container h2{font-size:24px}}@media screen and (max-width:768px){.reset-password-page{padding:40px 20px 20px;align-items:flex-start}.reset-password-container{width:100%;max-width:100%;padding:1.5rem 1.25rem;border-radius:12px;margin:0}.reset-password-container h2{font-size:22px;margin-bottom:1.25rem}.reset-password-form{gap:1rem}.reset-password-form input{width:100%;padding:12px;font-size:16px}.reset-password-form .btn{width:100%;min-height:44px;padding:12px 16px;font-size:16px;touch-action:manipulation}.toggle-password-visibility{right:12px;font-size:18px}}@media screen and (max-width:480px){.reset-password-page{padding:20px 10px 10px}.reset-password-container{padding:1.25rem 1rem}.reset-password-container h2{font-size:20px;margin-bottom:1rem}.reset-password-form label{font-size:13px}}.Toastify__toast-container{z-index:9999999!important}*{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;touch-action:manipulation}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(max-width:768px){h1{font-size:2em}}@media(max-width:480px){h1{font-size:1.5em}}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.page-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center;padding:40px 24px;width:100%;color:#475569;min-height:200px}.page-loading--full{min-height:100vh}.page-spinner{width:36px;height:36px;border:4px solid #e2e8f0;border-top-color:#0f4c8a;border-radius:50%;animation:page-spin .75s linear infinite}@keyframes page-spin{to{transform:rotate(360deg)}}