.glass-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;gap:12px;background:var(--trigger-bg);border:1px solid var(--trigger-border);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-main);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.glass-dropdown-trigger:hover{border-color:var(--primary);transform:translateY(-1px)}.glass-dropdown-trigger.active{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2)}.glass-dropdown-trigger.disabled{opacity:.6;cursor:not-allowed;filter:grayscale(1)}.glass-dropdown-menu{background:var(--dropdown-bg);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--dropdown-border);border-radius:14px;box-shadow:var(--dropdown-shadow);padding:6px;overflow-y:auto;opacity:0;animation:dropdownPop .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes dropdownPop{0%{opacity:0;transform:scale(.95) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}.dropdown-item{display:flex;align-items:center;padding:10px 12px;margin-bottom:2px;border-radius:8px;color:var(--text-dropdown);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s ease}.dropdown-item:hover{background:var(--item-hover);color:var(--primary);transform:translate(4px)}.dropdown-item.selected{background:var(--primary);color:#fff;box-shadow:0 4px 12px rgba(var(--primary-rgb),.4)}.dropdown-arrow{color:var(--text-muted);transition:transform .3s ease;opacity:.7}.dropdown-arrow.rotate{transform:rotate(180deg);color:var(--primary);opacity:1}.glass-dropdown-menu::-webkit-scrollbar{width:5px}.glass-dropdown-menu::-webkit-scrollbar-track{background:transparent}.glass-dropdown-menu::-webkit-scrollbar-thumb{background:var(--dropdown-border);border-radius:10px}.glass-dropdown-container{position:relative;z-index:auto}.calendar-popup,.time-popup{position:absolute;left:0;top:auto;bottom:calc(100% + 8px);background:var(--glass-dropdown);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:12px;z-index:9999;overflow:hidden;box-shadow:0 15px 40px #00000073}.animate-slide-up{transform-origin:bottom center;animation:fadeSlideUp .2s ease-out forwards}.animate-slide-down{transform-origin:top center;animation:fadeSlideDown .2s ease-out forwards}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.calendar-popup{width:280px;padding:10px;display:flex;flex-direction:column;height:auto;min-height:290px}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--glass-border)}.calendar-title-btn{background:transparent;border:none;font-weight:700;color:var(--text-main);font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px}.calendar-title-btn:hover{background:#ffffff1a}.calendar-nav-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center}.calendar-nav-btn:hover{background:#ffffff1a;color:var(--text-main)}.calendar-grid-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.grid-header-item{text-align:center;font-size:.7rem;font-weight:700;color:var(--text-muted);opacity:.8;margin-bottom:4px}.calendar-cell{display:flex;align-items:center;justify-content:center;border-radius:6px;border:none;background:transparent;color:var(--text-main);cursor:pointer;transition:all .15s;white-space:nowrap!important;flex-direction:row!important;width:100%;padding:0}.calendar-cell.day{height:28px;font-size:.85rem}.calendar-grid-months,.calendar-grid-years{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px 0}.calendar-cell.month,.calendar-cell.year{height:36px;font-size:.85rem}.calendar-cell:hover:not(.disabled):not(.selected){background:#ffffff1a;border:1px solid var(--glass-border)}.calendar-cell.selected{background-color:var(--primary)!important;color:#fff!important;box-shadow:0 2px 8px #0000004d;font-weight:700}.calendar-cell.today{color:var(--primary);font-weight:700;border:1px dashed var(--primary)}.calendar-cell.disabled{opacity:.3;cursor:not-allowed}.calendar-footer{margin-top:6px;padding-top:6px;border-top:1px solid var(--glass-border);display:flex;justify-content:center}.today-btn{background:transparent;border:none;color:var(--primary);font-size:.8rem;font-weight:600;cursor:pointer;padding:2px 10px}.clear-icon-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all .2s;background:#ffffff0d}.clear-icon-btn:hover{background:#ff3c3c33;color:#ff4d4d}.time-popup{width:100%;height:200px;padding:0;display:flex!important;flex-direction:row!important;justify-content:space-between;align-items:stretch}.time-column{flex:1;display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding-bottom:40px;scrollbar-width:none}.time-column::-webkit-scrollbar{display:none}.col-label{font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);position:sticky;top:0;background:var(--glass-dropdown);width:100%;text-align:center;padding:6px 0;z-index:2;border-bottom:1px solid var(--glass-border)}.time-cell{width:70%;padding:6px 0;margin:1px 0;text-align:center;background:transparent;border:none;border-radius:6px;color:var(--text-main);cursor:pointer;font-size:.9rem;flex-shrink:0}.time-cell:hover{background:#ffffff1a}.time-cell.selected{background:var(--primary);color:#fff;font-weight:700}.time-divider{display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-muted);padding-top:25px}.ai-magic-btn{position:absolute;bottom:12px;right:12px;background:var(--glass-surface);border:1px solid var(--primary);color:var(--primary);padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:6px;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease}.ai-magic-btn:hover:not(:disabled){background:var(--primary);color:#fff;transform:translateY(-2px)}.ai-magic-btn:disabled{border-color:var(--text-muted);color:var(--text-muted);cursor:default}.comparison-box{background:#0003;border:1px solid var(--glass-border);border-radius:12px;padding:1rem;margin-top:.5rem;font-size:.95rem;font-style:italic;color:var(--text-muted)}.suggestion-box{background:var(--input-bg);border:1px solid var(--primary);border-radius:12px;padding:1.25rem;margin-top:.5rem;color:var(--text-main);position:relative;overflow:hidden}.suggestion-box:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:.5}.ai-fix-btn{background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--primary);color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:6px 14px;border-radius:50px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000040}.ai-fix-btn:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #0006}.ai-fix-btn:disabled{opacity:.5;cursor:wait;background:#0003;border-color:#ffffff1a;color:#ffffff80;box-shadow:none}.relative-wrapper{position:relative;width:100%}.ai-floating-wrapper{position:absolute;bottom:30px;right:12px;z-index:20}.textarea-with-btn{padding-bottom:45px!important}.clock-display{text-align:center;padding:20px;background:var(--input-bg);border-radius:12px;margin-bottom:20px;border:1px solid var(--glass-border)}.clock-label{font-size:.8em;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase}.clock-time{font-size:2.5em;font-weight:700;line-height:1}.splash-screen{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .5s ease-in-out,visibility .5s}.splash-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.toast-stack-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.glass-toast{pointer-events:all;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #0000001a;padding:12px 16px;border-radius:12px;min-width:300px;max-width:400px;display:flex;align-items:flex-start;gap:12px;transition:all .3s ease;animation:slideIn .3s ease-out forwards}@media(prefers-color-scheme:dark){.glass-toast{background:#1e293bd9;border-color:#ffffff1a;color:#fff}}.toast-success{border-left:4px solid #10b981}.toast-danger{border-left:4px solid #ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-info{border-left:4px solid #3b82f6}.toast-content strong{display:block;font-size:.95rem;margin-bottom:2px}.toast-content p{margin:0;font-size:.85rem;opacity:.8}.toast-close{background:transparent;border:none;cursor:pointer;opacity:.5;padding:0;margin-left:auto;color:inherit}.toast-close:hover{opacity:1}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.profile-capsule{display:flex;align-items:center;gap:12px;background:var(--glass-surface);border:1px solid var(--glass-border);padding:4px 4px 4px 12px;border-radius:50px;cursor:pointer;transition:all .2s ease}.profile-capsule:hover{background:var(--glass-highlight);border-color:var(--primary)}.user-info{text-align:right;line-height:1.2}.user-name{display:block;font-weight:600;font-size:.9rem}.user-roll{display:block;font-size:.75rem;color:var(--text-muted)}.profile-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#ec4899);display:flex;align-items:center;justify-content:center;overflow:hidden}.user-avatar-img{width:60%;height:60%;opacity:.9}.dropdown-menu{position:absolute;top:50px;right:0;width:220px;background:var(--glass-dropdown);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 10px 40px #0000004d;overflow:hidden;z-index:100;animation:slideDown .2s ease-out;padding:10px;display:flex;flex-direction:column;gap:4px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent!important;color:var(--text-main);text-align:left;font-weight:500;text-transform:none}.menu-item:hover{background:var(--input-bg)!important}.menu-item.danger{color:var(--danger);margin-top:4px}.menu-item.danger:hover{background:#ef444414!important}.menu-divider{height:1px;background:var(--glass-border);margin:4px 0}.theme-switcher-minimal{display:flex;justify-content:space-between;padding:8px 12px;background:var(--input-bg);border-radius:12px;margin-bottom:8px}.theme-icon-btn{background:transparent;border:none;font-size:1.1rem;padding:6px;border-radius:8px;cursor:pointer;color:var(--text-muted);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.theme-icon-btn:hover{color:var(--text-main);background:#8080801a}.theme-icon-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(var(--primary-rgb),.4)}.tab-container{display:flex;justify-content:center;background:var(--glass-surface);padding:6px;border-radius:50px;border:1px solid var(--glass-border);width:fit-content;margin:0 auto 30px;gap:5px}.tab-btn{background:transparent;border:none;color:var(--text-muted);padding:10px 25px;border-radius:40px;transition:.3s}.tab-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 15px rgba(var(--primary-rgb),.4)}.tab-btn:hover:not(.active){color:var(--text-main);background:var(--glass-highlight)}.history-grid{display:grid;grid-template-columns:1fr;gap:12px}.history-grid>div{break-inside:avoid;margin-bottom:1.5rem;display:inline-block;width:100%}@media(max-width:768px){.history-grid{grid-template-columns:1fr}.glass-card,.container{padding:1rem}}@media(min-width:992px){.history-grid{grid-template-columns:repeat(2,1fr)}}.history-card{margin-bottom:0;width:100%;display:flex;flex-direction:column}.complaint-card{position:relative;background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:12px;margin-bottom:1rem;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.complaint-card:hover{background:var(--glass-highlight);transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.status-bar{position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent-color);opacity:.8}.card-header{padding:1rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.header-main{display:flex;align-items:center;gap:1rem;flex:1}.category-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-info h3.complaint-title{margin:0;font-size:.95rem;font-weight:500;color:var(--text-main)}.header-top{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:.75rem}.category-badge{padding:2px 8px;border-radius:4px;border:1px solid;font-weight:600;text-transform:uppercase;font-size:.65rem;letter-spacing:.5px}.dot-separator,.date-text{color:var(--text-muted)}.header-actions{display:flex;align-items:center;gap:12px}.severity-pill{font-size:.75rem;padding:4px 10px;border-radius:20px;font-weight:600}.expand-icon{color:var(--text-muted);transition:transform .3s}.expand-icon.rotated{transform:rotate(180deg)}.card-body{padding:0 1rem 1rem;border-top:1px solid var(--glass-border);animation:slideDown .3s ease-out}.full-description{margin-top:1rem;background:#0000001a;padding:1rem;border-radius:8px;display:flex;gap:10px;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.dark .full-description{background:#0003}.desc-icon{flex-shrink:0;opacity:.7;margin-top:3px}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin:1.5rem 0}.meta-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:4px}.profile-chip{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px 4px 4px;border-radius:20px;background:#ffffff0d;transition:background .2s;width:fit-content;font-size:.85rem;color:var(--text-main)}.profile-chip:hover{background:#ffffff1a}.avatar-small{width:24px;height:24px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.status-steps{display:flex;gap:4px;font-size:.75rem}.step{padding:2px 8px;border-radius:4px;background:#ffffff0d;color:var(--text-muted)}.step.active{background:var(--accent-color);color:#fff;font-weight:600}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--glass-border)}.icon-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid var(--glass-border);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s}.icon-btn:hover{background:var(--glass-highlight);color:var(--text-main);border-color:var(--text-secondary)}.left-actions,.right-actions{display:flex;gap:10px}.action-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;border:1px solid var(--btn-color);color:var(--btn-color);background:transparent;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.action-btn:hover{background:var(--btn-color);color:#fff}.action-btn:hover .action-label{color:inherit}.resolve-input-area{margin-top:1rem;background:#0003;padding:1rem;border-radius:8px;border:1px solid var(--glass-border)}.resolve-input-area textarea{width:100%;background:transparent;border:none;color:var(--text-main);resize:vertical;min-height:60px;outline:none;font-family:inherit;font-size:.9rem}.resolve-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.confirm-btn{background:var(--success);color:#fff;border:none;padding:6px 14px;border-radius:6px;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.85rem}.cancel-btn{background:transparent;color:var(--text-muted);border:none;cursor:pointer;font-size:.85rem}.closing-note-box{background:#10b9811a;border:1px solid rgba(16,185,129,.2);padding:1rem;border-radius:8px;margin-top:1rem}.note-header{display:flex;align-items:center;gap:8px;color:var(--success);font-weight:600;font-size:.85rem;margin-bottom:6px}.resolver-signature{text-align:right;font-size:.75rem;color:var(--text-muted);margin-top:8px;font-style:italic}.card-actions{display:flex;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--glass-border)}.btn-approve{background:#10b9811a;color:var(--success);border-color:#10b98133}.btn-approve:hover{background:var(--success);color:#fff}.btn-reject{background:#ef44441a;color:var(--danger);border-color:#ef444433}.btn-reject:hover{background:var(--danger);color:#fff}.ticket-meta{font-size:.7rem;color:var(--text-muted);display:flex;gap:6px;margin-bottom:8px;opacity:.8}.student-name{font-weight:700;font-size:.9rem;color:var(--text-main)}.mini-pill-btn{border:none;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:500;cursor:pointer;transition:opacity .2s}.mini-pill-btn.success{background:#10b981;color:#fff}.mini-pill-btn.muted{background:#ffffff1a;color:#ccc}.mini-pill-btn:hover{opacity:.9}.form-card{max-width:600px;margin:0 auto 3rem}.form-title{margin-top:0}.form-grid{gap:10px;margin-bottom:0}.description-wrapper{position:relative;margin-top:1rem;margin-bottom:1rem;width:100%}.description-input{width:100%;padding-bottom:3.5rem!important;margin-bottom:0!important;min-height:140px;resize:vertical}.submit-btn{width:100%;margin-top:.5rem}.complaints-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem;align-items:start}.severity-column{background:var(--glass-surface);border-radius:16px;display:flex;flex-direction:column;height:auto;max-height:80vh;border:1px solid var(--glass-border)}.column-header{padding:1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--glass-border);background:#ffffff05;border-radius:16px 16px 0 0}.column-title-group{display:flex;align-items:center;gap:10px}.col-name{font-size:.9rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.scroller{overflow-y:auto;padding:1rem;flex:1}.student-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.view-switcher{background:var(--input-bg);padding:4px;border-radius:8px;display:flex;gap:2px}.view-btn{background:transparent;color:var(--text-muted);border:none;padding:4px 12px;font-size:.75rem;border-radius:6px;font-weight:500;text-transform:capitalize;cursor:pointer;transition:all .2s ease}.view-btn.active{color:#fff!important;box-shadow:0 1px 2px #0000001a}.view-btn.active-male{background:#6366f1!important;color:#fff!important}.view-btn.active-female{background:#ec4899!important;color:#fff!important}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.chart-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-main)}.chart-controls{display:flex;gap:8px;align-items:center}.chart-container{height:250px;width:100%;position:relative}.state-message{height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.icon-btn{background:transparent;border:1px solid var(--glass-border);color:var(--text-muted);border-radius:8px;padding:6px 10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.icon-btn:hover{border-color:var(--text-muted);color:var(--text-main);background:#ffffff0d}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.summary-card{background:var(--input-bg);border-radius:16px;padding:1.25rem;border:1px solid var(--glass-border);display:flex;flex-direction:column;box-shadow:0 4px 6px #0000000d}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.summary-title{color:var(--primary);font-size:.95rem;letter-spacing:.5px;font-weight:700}.pulse-text{font-size:.7rem;color:var(--text-muted)}.summary-text{font-size:.9rem;line-height:1.6;color:var(--text-secondary);margin-bottom:1.5rem;flex:1}.summary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--glass-border);padding-top:12px;margin-top:auto}.ai-summary-container{background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem;margin-bottom:2rem;position:relative;overflow:hidden}.ai-summary-container:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--primary),var(--secondary))}.summary-table{width:100%;border-collapse:collapse;margin-top:1rem}.summary-table th{text-align:left;font-size:.75rem;text-transform:uppercase;color:var(--text-muted);padding-bottom:8px;border-bottom:1px solid var(--glass-border)}.summary-table td{padding:12px 0;font-size:.9rem;color:var(--text-main);border-bottom:1px solid rgba(255,255,255,.05)}.audit-section{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--glass-border)}.section-title{text-align:center;margin-top:3rem;font-size:1.4rem}.audit-user-row{font-size:.9rem;font-weight:600;margin-bottom:4px}.audit-info{margin-top:12px;padding-top:10px;border-top:1px solid var(--glass-border);display:flex;flex-direction:column;gap:4px;font-size:.75rem}.audit-row{display:flex;justify-content:space-between;color:var(--text-muted)}.time-badge{background:#0003;border-radius:8px;padding:6px 8px;margin:8px 0;display:flex;justify-content:space-between;font-size:.75rem}.time-label{color:var(--text-muted);font-size:.65rem;text-transform:uppercase;margin-bottom:1px}.time-value{color:var(--text-main);font-weight:600}.empty-state{text-align:center;color:var(--text-muted);padding:20px}.empty-state-dashed{padding:20px;text-align:center;color:var(--text-muted);border:1px dashed var(--glass-border);border-radius:12px}.filter-chip-group{display:flex;gap:10px;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:4px}.filter-chip{padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid var(--glass-border);background:var(--glass-surface);color:var(--text-muted);transition:all .2s;display:flex;align-items:center;gap:6px}.filter-chip.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.filter-chip.critical.active{background:var(--danger);border-color:var(--danger);box-shadow:0 4px 12px #ef44444d}.filter-chip.medium.active{background:#f59e0b;border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b4d}.filter-chip.low.active{background:var(--success);border-color:var(--success);box-shadow:0 4px 12px #10b9814d}.priority-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{width:100%;max-width:500px;margin:20px;max-height:90vh;overflow-y:auto}.modal-anim{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.glass-textarea{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;padding:1rem;color:var(--text-main);font-family:inherit;resize:vertical;min-height:100px;outline:none;transition:all .2s}.glass-textarea:focus{background:#ffffff1a;border-color:var(--primary)}.modal-btn-group{display:flex;gap:10px;margin-top:10px}.modal-btn-cancel{flex:1;background:transparent;border:1px solid var(--text-muted);color:var(--text-muted)}.modal-btn-confirm{flex:1;background:var(--success);border:none;color:#fff}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;animation:slideIn .3s ease-out}.glass-toast{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #0000001a;padding:16px 20px;border-radius:16px;display:flex;align-items:center;gap:12px;min-width:300px;color:var(--text-main)}.dark .glass-toast{background:#1e293bd9;border:1px solid rgba(255,255,255,.1)}.glass-toast.success{border-left-color:var(--success)}.glass-toast.error{border-left-color:var(--danger)}.toast-content{display:flex;flex-direction:column}.toast-title{font-weight:700;font-size:.85rem;color:var(--text-main)}.toast-msg{font-size:.8rem;color:var(--text-muted);margin-top:2px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.masonry-root{display:flex;gap:1.5rem;align-items:flex-start;width:100%}.masonry-col{flex:1;display:flex;flex-direction:column;gap:1.5rem;min-width:0}.masonry-col>.complaint-card,.masonry-col>.glass-card{margin-bottom:0;width:100%}:root{--bg-deep: #0f172a;--bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #312e81 100%);--glass-surface: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1);--glass-highlight: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .36);--glass-dropdown: rgba(15, 23, 42, .95);--input-bg: rgba(0, 0, 0, .2);--input-focus: rgba(0, 0, 0, .4);--text-main: #f8fafc;--text-muted: #94a3b8;--primary: #6366f1;--primary-rgb: 99, 102, 241;--secondary: #ec4899;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--info: #3b82f6;--blur-amt: 12px}html{--dropdown-bg: rgba(30, 30, 40, .85);--dropdown-border: rgba(255, 255, 255, .08);--dropdown-shadow: 0 20px 60px -10px rgba(0, 0, 0, .6);--trigger-bg: rgba(0, 0, 0, .2);--trigger-border: rgba(255, 255, 255, .1);--item-hover: rgba(255, 255, 255, .1);--text-dropdown: #e2e8f0}html.light{--bg-deep: #f8fafc;--bg-gradient: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--glass-surface: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .08);--glass-highlight: #ffffff;--glass-shadow: 0 8px 32px 0 rgba(148, 163, 184, .15);--glass-dropdown: #ffffff;--input-bg: #f1f5f9;--input-focus: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--dropdown-bg: rgba(255, 255, 255, .85);--dropdown-border: rgba(0, 0, 0, .08);--dropdown-shadow: 0 15px 50px -10px rgba(0, 0, 0, .15);--trigger-bg: rgba(255, 255, 255, .6);--trigger-border: rgba(0, 0, 0, .12);--item-hover: rgba(0, 0, 0, .05);--text-dropdown: #334155}img{pointer-events:none;user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}img.interactive{pointer-events:auto;cursor:pointer}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}html{width:100%;height:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;background-color:var(--bg-deep);transition:background-color .3s ease}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-main);min-height:100vh;background:transparent;position:relative;-webkit-font-smoothing:antialiased;overflow-x:hidden;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}body:before{content:"";position:fixed;inset:0;background:var(--bg-gradient);z-index:-1;pointer-events:none;transition:opacity .3s ease}#root{width:100%;margin:0;padding:0}.container{max-width:1000px;margin:0 auto;padding:1.5rem 1.5rem 2rem}.content-wrapper{min-height:80vh}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-6{gap:6px}.gap-10{gap:10px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.grid-3-custom{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:10px}.m-0{margin:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:2.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-5{margin-top:3rem}.mt-auto{margin-top:auto}.pb-2,.pb-05{padding-bottom:.5rem}.w-100{width:100%}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-main{color:var(--text-main)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-sm{font-size:.9rem}.text-xl{font-size:1.5rem}.font-bold{font-weight:600}.font-normal{font-weight:400}.italic{font-style:italic}.relative{position:relative}.z-2000{z-index:2000}.pointer{cursor:pointer}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}@media(max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr!important;gap:12px}}.glass-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.8rem;border-bottom:1px solid var(--glass-border)}.student-header{border-bottom:none;margin-bottom:1rem;padding-bottom:0}.app-title{margin:0;font-size:1.4rem;letter-spacing:-.5px;line-height:1;font-weight:700}.student-header .app-title{font-size:1.8rem}.glass-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;background:var(--glass-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:12px;padding:8px 12px;margin-bottom:1.5rem;width:100%}.toolbar-title{margin:0;font-size:1rem;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:8px;white-space:nowrap}.toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toolbar-divider{width:1px;height:24px;background:var(--glass-border);margin:0 4px}.glass-card{background:var(--glass-surface);backdrop-filter:blur(var(--blur-amt));-webkit-backdrop-filter:blur(var(--blur-amt));border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;box-shadow:var(--glass-shadow);transition:all .3s ease}.glass-card.status-resolved,.glass-card.status-completed{background:#10b98126!important;border-color:#10b9814d!important}.glass-card.status-acknowledged,.glass-card.status-approved{background:#3b82f626!important;border-color:#3b82f64d!important}.glass-card.status-rejected{background:#ef444426!important;border-color:#ef44444d!important}input,textarea{width:100%;background:var(--input-bg);border:1px solid var(--glass-border);color:var(--text-main);padding:12px;border-radius:8px;margin-bottom:1rem;font-size:1rem;outline:none;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary)!important;background:var(--input-focus);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}select,.filter-select{width:100%;appearance:none;cursor:pointer;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2394a3b8%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 1rem center;background-size:.65em auto;background-color:#ffffff0d!important;border:1px solid var(--glass-border)!important;color:var(--text-main);padding:8px 12px;border-radius:12px;margin-bottom:1rem;font-size:.9rem;outline:none}.glass-toolbar .filter-select{margin-bottom:0!important;font-size:.8rem;padding:6px 10px;height:auto}option{background-color:var(--bg-deep);color:var(--text-main)}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.8;cursor:pointer;transition:opacity .2s ease}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1}html.light input[type=date]::-webkit-calendar-picker-indicator,html.light input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:none;opacity:.6}button{cursor:pointer;background:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;transition:all .2s;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;max-width:100%;white-space:normal;word-break:break-word}button:active{transform:scale(.98)}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{background:var(--glass-surface);border:1px solid var(--glass-border);color:var(--text-main)}button.danger{background:var(--danger);color:#fff}button.success{background:var(--success);color:#fff}.btn-slide{position:relative;overflow:hidden;background:transparent;color:var(--primary);border:1px solid var(--glass-border);z-index:1}.btn-slide:before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;background:var(--primary);z-index:-1;transition:width .4s cubic-bezier(.25,.8,.25,1)}.btn-slide:hover{color:#fff;border-color:var(--primary)}.btn-slide:hover:before{width:100%}.mini-btn{font-size:.75rem!important;padding:6px 12px!important;border-radius:8px;border:1px solid transparent;background:transparent}.mini-btn.ack{background:#3b82f61a;color:var(--info)}.mini-btn.resolve{background:#10b9811a;color:var(--success)}.mini-pill-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:600;transition:all .2s ease;border:1px solid transparent;cursor:pointer;min-height:36px}.mini-pill-btn.muted{background:transparent;border-color:var(--glass-border);color:var(--text-muted)}.mini-pill-btn.muted:hover{background:#ffffff1a;color:var(--text-main);border-color:var(--text-muted)}.mini-pill-btn.success{background-color:var(--success);color:#fff!important;border-color:var(--success)}.mini-pill-btn.success:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.mini-pill-btn.danger{border:1px solid var(--danger);color:var(--danger)}.mini-pill-btn.danger:hover{background:#ef444426}.select-all-wrapper{display:flex;align-items:center;gap:6px;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .2s}.select-all-wrapper:hover{background:var(--glass-highlight)}.icon-btn-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--glass-border);background:#ffffff0d;color:var(--primary);transition:all .2s;cursor:pointer}.icon-btn-circle:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.icon-btn-circle.active{background:var(--text-main);color:var(--bg-body)}.badge{padding:6px 14px;border-radius:30px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 10px #0000001a;display:inline-flex;align-items:center;gap:5px}.badge.pending,.badge.submitted{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.badge.submitted:before,.badge.pending:before{content:"●";font-size:1.2em;margin-top:-2px}.badge.resolved,.badge.completed{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.badge.acknowledged,.badge.approved{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.badge.rejected,.badge.critical{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.badge-count{font-size:.75rem;font-weight:800;padding:2px 8px;border-radius:12px;color:#fff;min-width:24px;text-align:center;background:var(--text-muted);border:1px solid rgba(255,255,255,.1)}.col-name.text-danger+.badge-count{background:var(--danger)}.portal-badge{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:700;color:var(--primary);background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.2);padding:4px 10px;border-radius:20px;margin-top:6px;letter-spacing:.5px;text-transform:uppercase;transition:all .3s ease}.portal-badge:before{content:"";display:block;width:6px;height:6px;background:var(--primary);border-radius:50%}.portal-badge:hover{background:rgba(var(--primary-rgb),.15);transform:translateY(-1px)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:#e2e8f0;background-image:linear-gradient(90deg,#e2e8f0,#f1f5f9,#e2e8f0 80px);background-size:200% 100%;animation:shimmer 1.5s infinite linear;border-radius:6px;display:inline-block}[data-theme=dark] .skeleton{background:#1e293b;background-image:linear-gradient(90deg,#1e293b,#334155,#1e293b 80px)}