:root{--primary:#5e5ce6;--primary-light:#8a89ec;--primary-dark:#4240a8;--secondary:#2cb5ad;--secondary-light:#64d8d2;--secondary-dark:#08807a;--text:#333;--text-light:#6c6c6c;--bg:#f8f9fa;--white:#fff;--border:#e0e0e0;--success:#4caf50;--warning:#ff9800;--error:#c9322f;--shadow:rgba(0,0,0,.1);--primary-bg-light:rgba(94,92,230,.05);--primary-bg-medium:rgba(94,92,230,.1);--primary-bg-subtle:rgba(94,92,230,.03);--secondary-bg-light:rgba(44,181,173,.05);--secondary-bg-medium:rgba(44,181,173,.1);--secondary-bg-subtle:rgba(44,181,173,.03);--header-start:#4240a8;--header-end:#5e5ce6;--btn-primary-bg:var(--primary);--btn-primary-bg-hover:var(--primary-dark);--internal-note-bg:rgba(255,152,0,.1)}@media(prefers-color-scheme:dark){:root{--primary:#9d9cef;--primary-light:#b8b7f2;--primary-dark:#9693ff;--secondary:#7de4dc;--secondary-light:#a0ede6;--secondary-dark:#4cc4ba;--text:#f0f0f0;--text-light:#b8b8b8;--bg:#0f0f0f;--white:#1a1a1a;--border:#404040;--success:#7bc97f;--warning:#ffb84d;--error:#ff5252;--shadow:rgba(0,0,0,.4);--primary-bg-light:rgba(157,156,239,.12);--primary-bg-medium:rgba(157,156,239,.2);--primary-bg-subtle:rgba(157,156,239,.06);--secondary-bg-light:rgba(125,228,220,.12);--secondary-bg-medium:rgba(125,228,220,.2);--secondary-bg-subtle:rgba(125,228,220,.06);--header-start:#1a1a2e;--header-end:#2d2d44;--btn-primary-bg:#706dba;--btn-primary-bg-hover:#5d5ac5;--internal-note-bg:rgba(255,178,77,.15)}}*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif}.landing{display:flex;flex-direction:column;align-items:center;justify-content:center;height:90dvh;padding:0 20px;text-align:center}.landing h1{margin-bottom:12px;font-size:32px}.landing p{margin-bottom:10px}.login-btn{background-color:var(--btn-primary-bg);color:#fff!important;text-decoration:none!important;border:0;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;display:inline-flex;align-items:center;gap:8px;text-decoration:none;margin-top:24px;max-width:fit-content}.login-btn span{font-size:18px;position:relative;top:-1px}.logo{width:90px;height:90px}input,select,textarea{background-color:var(--white);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:2px 0;font-size:1rem;outline:0;resize:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-bg-light)}body{background-color:var(--bg);color:var(--text);line-height:1.6}header{background:linear-gradient(to right,var(--header-start),var(--header-end));color:var(--white);box-shadow:0 2px 10px rgba(0,0,0,.15);position:sticky;top:0;z-index:100;height:60px}.header-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 1rem}.logo-section,.logo-section:visited,.logo-section:active,.logo-section:hover{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.header-logo{height:36px;width:auto;object-fit:contain;filter:url(#auto-stroke)}h1{font-size:18px;font-weight:500;letter-spacing:.3px;white-space:nowrap;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.user-actions{display:flex;align-items:center;gap:10px}.logout-button,.new-ticket-button,.stats-button{display:flex;align-items:center;gap:6px;background-color:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:4px;padding:.4rem .8rem;cursor:pointer;font-size:14px;font-weight:500;box-shadow:0 1px 3px rgba(0,0,0,.1)}.new-ticket-button{background-color:rgba(255,255,255,.25)}.logout-button .material-symbols-rounded,.new-ticket-button .material-symbols-rounded,.stats-button .material-symbols-rounded{font-size:18px;display:flex;align-items:center}@media(max-width:600px){.logout-button span:last-child,.new-ticket-button span:last-child,.stats-button span:last-child{display:none}.logout-button,.new-ticket-button,.stats-button{padding:.4rem}h1{font-size:16px}.modal-content{width:95%;margin:10% auto}.message-controls{flex-direction:column;align-items:stretch;gap:.75rem}.message-controls-left{align-self:flex-start}.action-buttons{align-self:flex-end}.message-date,.info-contact,.hide-on-mobile{display:none!important}}.container{display:flex;max-width:1400px;margin:0 auto;height:calc(100vh - 60px)}.stats-page{max-width:1400px;margin:0 auto;padding:20px 1rem;display:flex;flex-direction:column;gap:16px}.stats-panel{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:18px 20px}.stats-panel h2{font-size:1.2rem;font-weight:500}.tabs{display:flex;background:var(--white);border-bottom:1px solid var(--border)}.tab{height:40px;width:100px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding-top:1px;border-bottom:3px solid var(--white)}.tab.active{border-bottom:3px solid var(--primary);color:var(--primary);font-weight:500}.badge{background-color:var(--text-light);color:var(--white);border-radius:10px;padding:2px 6px;font-size:.7rem;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1.1;margin-left:6px;min-width:20px}.tab.active .badge{background-color:var(--primary-light)}.ticket-list{flex:1;background:var(--white);border-right:1px solid var(--border);max-width:1000px;display:flex;flex-direction:column}#tickets-container{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) var(--white)}.ticket-item{padding:8px 15px;border-bottom:1px solid var(--border);border-left:4px solid transparent;cursor:pointer;display:grid;grid-template-columns:1fr}.ticket-item:not(.ticket-item-empty):hover{background-color:var(--primary-bg-light)}.ticket-item.selected{background-color:var(--primary-bg-medium);border-left:4px solid var(--primary)}.ticket-item-empty{color:var(--text-light);cursor:default;height:52px;display:flex;align-items:center;justify-content:center}.ticket-header{display:flex;gap:10px;align-items:center;vertical-align:middle;margin-bottom:3px}.ticket-id{color:var(--text-light);font-size:.85rem;margin-top:2px}.ticket-title{font-weight:600;font-size:1rem;color:var(--primary-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ticket-meta{color:var(--text-light);font-size:.85rem}.ticket-info-grid{display:grid;grid-template-columns:50% 50%;gap:2px}.ticket-info-item{display:flex;flex-direction:column;border-radius:4px;overflow:hidden}.ticket-info-value{font-size:.9rem;color:var(--text);display:flex;align-items:center;gap:.4rem}.ticket-info-value i,.ticket-info-value .material-symbols-rounded{color:var(--primary);font-size:18px;flex-shrink:0;display:flex;align-items:center}.ticket-info-value span:not(.material-symbols-rounded){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-timeline{display:flex;gap:6px}.created-date{margin-right:8px}.timeline-arrow .material-symbols-rounded{color:var(--primary);font-size:18px}.due-date{color:var(--warning);font-weight:500}.ticket-details{flex:2;padding:8px 24px;background:var(--white);overflow-y:auto;position:relative;display:flex;flex-direction:column;height:100%;scrollbar-width:thin;scrollbar-color:var(--border) var(--white)}.details-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-light)}.details-empty i,.details-empty .material-symbols-rounded{font-size:4rem;margin-bottom:1rem;color:var(--primary-light)}.details-header{display:flex;flex-direction:column;gap:.2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border);position:relative}.details-title{position:relative;margin-bottom:.4rem}@media(min-width:1001px){.details-title [contenteditable]{width:calc(100% - 50px)}}.details-title input{font-size:1.5rem;font-weight:500;width:100%;border:1px solid transparent;border-radius:4px}.details-title input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-bg-light)}.details-title [contenteditable]{font-size:1.3rem;font-weight:500;width:100%;border:1px solid transparent;border-radius:4px;min-height:1.3em;line-height:1.2;outline:0;margin-bottom:0}.details-title [contenteditable]:empty:before{content:attr(data-placeholder);color:var(--text-light);pointer-events:none}.details-title [contenteditable]:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-bg-light)}.details-meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.details-field{display:flex;flex-direction:column;gap:.5rem}.details-field label{font-size:.8rem;color:var(--text-light)}.details-field select,.details-field input{width:100%}.details-field select:focus,.details-field input:focus{border-color:var(--primary-light)}.conversation{flex:1;overflow-y:auto;border:1px solid var(--border);border-radius:4px;padding:4px .75rem;margin-bottom:.75rem;background-color:var(--bg)}.message{margin:12px 0;padding:.75rem;border-radius:4px;background-color:var(--white);border:1px solid var(--border);border-left:3px solid var(--primary)}.message.parent{border-left-color:var(--secondary-dark);border-width:1px 1px 1px 3px}.author-name span{font-weight:normal}.message-header{display:flex;justify-content:space-between;margin-bottom:.3rem;font-size:.85rem}.message-author{font-weight:500;color:var(--primary-dark);display:flex;align-items:center;gap:.5rem}.message-author.parent{color:var(--secondary-dark)}.message-icon.material-symbols-rounded{font-size:1.2rem;display:flex;align-items:center}.message-date{color:var(--text-light);display:flex;align-items:center;gap:.5rem}.original-email-icon{font-size:16px;color:var(--text-light);cursor:pointer;opacity:.7;transition:opacity .2s ease}.original-email-icon:hover{opacity:1;color:var(--secondary)}.cc-icon{font-size:16px;color:var(--text-light);opacity:.7;cursor:default}.message-content{color:var(--text);line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0 10px}.message-content p{margin-top:10px}.message-content h3{margin:0 0 20px;font-size:16px;font-weight:500}.message-content h3.internal-note-label{margin:0 0 8px}.ticket-event{margin:12px}.ticket-event div{color:var(--text-light)}.message-content p.reply-note{font-size:.85rem;color:var(--text-light);margin-top:20px}.info-section{margin:.2rem 0}.info-section:last-of-type{margin-bottom:0}.info-heading{font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);margin-bottom:.1rem;display:flex;align-items:center;justify-content:space-between}.edit-icon{cursor:pointer;font-size:1rem;color:var(--text-light);margin-left:.5rem;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;transition:background-color .2s ease}.edit-icon:hover{background-color:var(--primary-bg-light);color:var(--primary)}.info-container{display:flex;align-items:center;gap:.5rem;background-color:var(--primary-bg-light);border-radius:4px;padding:.4rem .75rem;border-left:3px solid var(--primary)}.info-container.compact{padding:.2rem .6rem}.student-info{border-left-color:var(--secondary);background-color:var(--secondary-bg-light)}.parent-info{border-left-color:var(--secondary);background-color:var(--secondary-bg-light)}.assignee-info{border-left-color:var(--primary);background-color:var(--primary-bg-light)}.info-container .material-symbols-rounded{color:var(--primary);font-size:1.1rem}.parent-info .material-symbols-rounded{color:var(--secondary)}.assignee-info .material-symbols-rounded{color:var(--primary-dark)}.info-name{font-weight:600;color:var(--primary-dark)}.parent-info .info-name,.student-info .info-name{color:var(--secondary-dark)}.info-detail{color:var(--text-light)}.info-contact{color:var(--text-light);font-size:.85rem;text-align:right;right:10px;position:absolute;display:flex;gap:.3rem;align-items:center}.info-contact .material-symbols-rounded{font-size:1rem;color:var(--text-light)}.email-address,.email-address:active,.email-address:visited,.email-address:hover{text-decoration:none;color:var(--text-light)}.phone-number{margin-right:.6rem}.hidden-selects{display:none}.hidden-select{display:none}.section-heading{font-size:1rem;font-weight:500;margin:.5rem 0;color:var(--text)}#student-select:not(.hidden-select),#parent-select:not(.hidden-select){display:block;width:100%;margin:.25rem 0;padding:.4rem .5rem;border:1px solid var(--primary-light);border-radius:4px;box-shadow:0 0 0 2px var(--primary-bg-light);font-size:.9rem}.auto-selected{animation:highlight-selection 1s ease}@keyframes highlight-selection{0%{background-color:var(--primary-bg-medium)}100%{background-color:inherit}}.message-attachments{margin-top:.75rem;display:flex;gap:.75rem;flex-wrap:wrap;overflow-x:auto}.attachment-link{text-decoration:none;color:inherit}.attachment{display:flex;align-items:center;gap:.5rem;background-color:var(--primary-bg-light);padding:.2rem .5rem;border-radius:4px}.attachment:hover{background-color:var(--primary-bg-medium)}.attachment .material-symbols-rounded{color:var(--primary);font-size:18px}.new-message{margin-top:auto}.new-message textarea{width:100%;padding:8px;border:1px solid var(--border);border-radius:4px;resize:none;min-height:150px;outline:0;line-height:1.4;overflow:hidden}.new-message textarea:focus{border-color:var(--primary-light)}.new-message textarea.internal-note{background-color:var(--internal-note-bg)}#salutation,#valediction{line-height:1.6;margin:0 9px 8px;color:var(--text-light)}.message-attachment-controls{margin-top:.5rem;margin-bottom:.5rem}.file-upload-label{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background-color:var(--white);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.file-upload-label:hover{background-color:var(--primary-bg-light)}.file-upload-label input[type="file"]{display:none}.file-upload-label .material-symbols-rounded{font-size:18px;color:var(--primary)}.attachment-list{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.attachment-item{display:flex;align-items:center;gap:.5rem;background-color:var(--primary-bg-light);padding:.25rem .5rem;border-radius:4px;font-size:.85rem}.attachment-item .material-symbols-rounded{font-size:16px;color:var(--primary)}.remove-attachment{display:flex;align-items:center;cursor:pointer;padding:0;margin:0}.message-controls{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.message-controls-left{display:flex;align-items:center;gap:1rem}.internal-note-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text);cursor:pointer;user-select:none}.internal-note-checkbox input[type="checkbox"]{width:auto;margin:0;cursor:pointer}.internal-note-checkbox:has(:disabled),.internal-note-checkbox input[type="checkbox"]:disabled{opacity:.6;cursor:not-allowed}.action-buttons{display:flex;justify-content:flex-end;gap:.75rem}button{padding:.5rem 1rem;border:0;border-radius:4px;cursor:pointer;font-weight:500;font-size:.9rem}.btn-primary{background-color:var(--btn-primary-bg);color:#fff}.btn-primary:hover{background-color:var(--btn-primary-bg-hover)}.btn-secondary{background-color:var(--white);color:var(--primary);border:1px solid var(--primary)}.btn-secondary:hover{background-color:var(--primary-bg-light)}#send-message,#close-ticket{width:127px}#send-message:disabled,#create-new-ticket:disabled{background-color:var(--text-light);cursor:not-allowed;opacity:.6}#send-message:disabled:hover,#create-new-ticket:disabled:hover{background-color:var(--text-light)}#close-ticket:disabled{background-color:var(--white);cursor:not-allowed;opacity:.6}#close-ticket:disabled:hover{background-color:var(--white)}.modal{display:none;position:fixed;z-index:200;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);overflow:auto;animation:fadeIn .3s ease}.modal-content{position:relative;background-color:var(--white);margin:5% auto;width:550px;max-width:90%;border-radius:8px;box-shadow:0 4px 20px var(--shadow);animation:slideIn .3s ease}.modal-header{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:16pt;font-weight:500;color:var(--primary-dark)}.close-modal{color:var(--text-light);font-size:24px;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center}.close-modal:hover{background-color:var(--primary-bg-light);color:var(--primary)}.modal-body{padding:20px}#original-email-metadata{font-size:.9rem;color:var(--text-light);margin-bottom:18px}#original-email-frame{width:100%;height:500px;border:1px solid var(--border);border-radius:4px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;font-size:.9rem;color:var(--text)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:4px;font-size:1rem}.parent-info-display{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:var(--secondary-bg-light);border-radius:4px;border-left:3px solid var(--secondary);cursor:pointer}.parent-info-display .material-symbols-rounded,.student-info .material-symbols-rounded{color:var(--secondary);font-size:20px}#parent-name-display{font-weight:600;color:var(--secondary-dark)}#parent-name-display.no-parent{color:var(--text-light);font-style:italic;font-weight:normal}#parent-relationship-display{color:var(--text-light);font-style:italic;font-size:.9rem}#assignee-info{background-color:var(--primary-bg-light);border-left-color:var(--primary)}#assignee-info .material-symbols-rounded{color:var(--primary)}#assignee-name-display{font-weight:600;color:var(--primary-dark)}#assignee-name-display.no-parent{color:var(--text-light);font-style:italic;font-weight:normal}.parent-selection-container{position:relative;width:100%}.form-group label .edit-icon{font-size:16px;vertical-align:middle;margin-left:6px;color:var(--text-light);cursor:pointer;transition:color .2s}.form-group label .edit-icon:hover{color:var(--primary)}.modal-footer{padding:16px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.image-modal-content{position:relative;margin:5% auto;padding:0;width:90%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;align-items:center;background:none;border-radius:0;box-shadow:none}.image-modal-content .close-modal{position:absolute;top:10px;right:10px;z-index:1000;background-color:rgba(0,0,0,.8);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;border:0}.modal-image{max-width:100%;max-height:calc(90vh - 80px);object-fit:contain;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.3)}.image-caption{background-color:rgba(0,0,0,.8);color:#fff;padding:10px 20px;margin-top:10px;border-radius:4px;font-size:.9rem;text-align:center;max-width:100%;word-break:break-word}.back-button{display:none;position:absolute;width:36px;height:36px;border-radius:50%;text-align:center;line-height:36px;cursor:pointer;z-index:10}.back-button .material-symbols-rounded{font-size:22px;display:flex;align-items:center;justify-content:center;height:100%}.ticket-details.open .back-button{display:block;top:16px;right:20px;background-color:var(--shadow);color:#fff}.ticket-details.open .back-button .material-symbols-rounded{color:#fff}.details-content{padding:10px 0 60px}.details-title [contenteditable]{width:calc(100% - 35px)}@media(max-width:1000px){.ticket-list{width:100%;max-width:none;border-right:0;flex:1}.ticket-details{position:fixed;top:60px;left:0;right:0;height:calc(100vh - 60px);width:100%;transform:translateX(100%);z-index:10}.ticket-details.open{transform:translateX(0)}.details-meta{grid-template-columns:1fr}.ticket-details:not(.open){display:none}}.autocomplete-container{position:relative;width:100%}.autocomplete-results{position:absolute;width:100%;max-height:200px;overflow-y:auto;background-color:var(--white);border:1px solid var(--border);border-radius:4px;box-shadow:0 4px 8px rgba(0,0,0,.1);z-index:100;display:none}.autocomplete-item{padding:8px 12px;cursor:pointer;display:flex;flex-direction:column;border-bottom:1px solid var(--border)}.autocomplete-item:last-child{border-bottom:0}.autocomplete-item:hover{background-color:var(--primary-bg-light)}.autocomplete-item.selected{background-color:var(--primary-bg-medium)}.autocomplete-name{font-weight:500;color:var(--text)}.autocomplete-email{font-size:.8rem;color:var(--text-light);margin-top:2px;line-height:1.4;word-break:break-word;max-width:100%}#assignee-edit-input{width:100%;padding:8px;border:1px solid var(--primary-light);border-radius:4px;box-shadow:0 0 0 2px var(--primary-bg-light);font-size:.9rem;outline:0}#assignee-edit-input:focus{border-color:var(--primary)}.toast{position:fixed;top:-100px;left:50%;transform:translateX(-50%);padding:12px 24px;border-radius:4px;box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:9999;transition:top .3s ease-in-out;max-width:80%;text-align:center;color:#fff}.toast-info{background-color:var(--primary)}.toast-error{background-color:var(--error)}.toast-success{background-color:var(--success)}.toast.show{top:20px}.side-by-side{display:flex;justify-content:space-between;align-items:end;min-height:34px}#suggest-start{display:flex;align-items:center;gap:8px;background-color:var(--primary-bg-light);padding:.2rem .6rem;border-radius:4px;cursor:pointer;color:var(--primary);border:1px solid var(--primary-bg-medium);margin-bottom:6px}#suggest-start:hover{background-color:var(--primary-bg-medium)}#suggest-start span:first-child{font-size:1rem}#suggest-start:disabled,#suggest-start:hover:disabled{background-color:var(--primary-bg-light);cursor:not-allowed}.suggest-generate-section{margin:16px 0;display:flex;justify-content:center}.suggest-response-section{margin-top:16px}.suggest-response-section div.label{display:block;margin-bottom:6px;font-weight:500;font-size:.9rem;color:var(--text)}.generated-response{background-color:var(--primary-bg-light);border:1px solid var(--primary-bg-medium);border-radius:4px;padding:12px;white-space:pre-wrap;font-family:inherit;line-height:1.5;min-height:100px;max-height:200px;overflow-y:auto}#generate-suggest:disabled{background-color:var(--text-light);cursor:default;opacity:.6}.overdue{color:#f70000}.stats-page{max-width:1400px;margin:0 auto;padding:24px 1rem 28px;display:flex;flex-direction:column;gap:18px}.stats-panel{background:linear-gradient(180deg,color-mix(in srgb,var(--white) 94%,var(--primary-bg-subtle)),var(--white));border:1px solid color-mix(in srgb,var(--border) 80%,var(--primary-bg-medium));border-radius:14px;padding:18px 20px;box-shadow:0 10px 24px color-mix(in srgb,var(--shadow) 55%,transparent)}.stats-panel-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}.stats-panel-heading h3{margin:0;font-size:1.18rem;font-weight:600;color:var(--primary-dark)}.stats-panel-heading p{margin:0;color:var(--text-light);font-size:.9rem}.stats-headline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:14px}.stats-headline-card{border:1px solid color-mix(in srgb,var(--border) 80%,var(--primary-bg-medium));border-radius:10px;background:linear-gradient(160deg,color-mix(in srgb,var(--primary-bg-light) 55%,var(--white)),var(--white));padding:10px 12px;min-height:82px;display:flex;flex-direction:column;justify-content:center}.stats-headline-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-light);margin-bottom:4px}.stats-headline-value{margin:0;font-size:1.1rem;font-weight:650;line-height:1.2;color:var(--primary-dark)}.stats-chart-shell{position:relative;height:clamp(280px,40vw,430px);border:1px solid color-mix(in srgb,var(--border) 80%,var(--primary-bg-medium));border-radius:12px;padding:14px 12px;background:linear-gradient(180deg,color-mix(in srgb,var(--white) 96%,var(--primary-bg-subtle)),var(--white))}.stats-table-shell{overflow:auto;border:1px solid color-mix(in srgb,var(--border) 80%,var(--primary-bg-medium));border-radius:12px}.stats-table{width:100%;border-collapse:collapse;min-width:640px}.stats-table thead tr{background:linear-gradient(180deg,color-mix(in srgb,var(--primary-bg-light) 65%,var(--white)),color-mix(in srgb,var(--primary-bg-subtle) 70%,var(--white)))}.stats-table th,.stats-table td{padding:11px 14px;text-align:left;border-bottom:1px solid color-mix(in srgb,var(--border) 84%,var(--primary-bg-subtle));width:33.33%}.stats-table tbody tr:hover{background-color:color-mix(in srgb,var(--primary-bg-light) 65%,transparent)}.stats-sort-btn{border:0;background:none;color:var(--text-light);font-size:.84rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;padding:0}.stats-sort-btn:hover{color:var(--primary-dark)}.stats-sort-btn.active{color:var(--primary-dark)}.stats-pill{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;border-radius:999px;padding:2px 10px;background-color:var(--primary-bg-light);color:var(--primary-dark);font-weight:700;font-size:.84rem}.stats-empty-row{text-align:center!important;color:var(--text-light);padding:18px!important}@media(max-width:1000px){.stats-headline-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media(max-width:700px){.stats-page{padding-top:16px}.stats-panel{padding:14px}.stats-headline-grid{grid-template-columns:1fr;gap:10px}.stats-chart-shell{height:300px;padding:10px}}