@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&family=Sarabun:wght@300;400;500;600;700;800&display=swap";:root{--primary-pink: #e66b8f;--primary-pink-hover: #d05377;--primary-pink-rgb: 230, 107, 143;--primary-pink-soft: rgba(230, 107, 143, .08);--primary-green: #0fa57a;--primary-green-hover: #0b8c66;--primary-green-rgb: 15, 165, 122;--primary-green-soft: rgba(15, 165, 122, .08);--accent-blue: #1e40af;--accent-blue-soft: rgba(30, 64, 175, .08);--accent-gold: #b45309;--accent-gold-rgb: 180, 83, 9;--accent-gold-soft: rgba(180, 83, 9, .08);--bg-light: #f4f7fb;--bg-light-surface: #ffffff;--bg-elevated: rgba(255, 255, 255, .92);--card-bg: rgba(255, 255, 255, .82);--card-bg-light: rgba(255, 255, 255, .94);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--glass-bg: rgba(255, 255, 255, .86);--glass-border: rgba(30, 64, 175, .1);--glass-border-hover: rgba(15, 165, 122, .28);--font-heading: "Sarabun", "Outfit", "Inter", sans-serif;--font-body: "Sarabun", "Inter", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .04);--shadow-premium: 0 10px 30px -10px rgba(15, 23, 42, .08), 0 1px 3px 0 rgba(15, 23, 42, .03);--shadow-elevated: 0 20px 40px -16px rgba(15, 23, 42, .12);--shadow-gold-glow: 0 0 15px rgba(180, 83, 9, .15);--shadow-pink-glow: 0 0 15px rgba(230, 107, 143, .2);--shadow-green-glow: 0 0 15px rgba(15, 165, 122, .2);--shadow-blue-glow: 0 0 15px rgba(30, 64, 175, .12);--transition-smooth: all .3s cubic-bezier(.25, .8, .25, 1);--transition-bounce: all .35s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-light);background-image:radial-gradient(at 0% 0%,rgba(30,64,175,.05) 0px,transparent 42%),radial-gradient(at 100% 0%,rgba(230,107,143,.06) 0px,transparent 40%),radial-gradient(at 50% 100%,rgba(15,165,122,.05) 0px,transparent 45%),radial-gradient(at 85% 75%,rgba(180,83,9,.03) 0px,transparent 35%);background-attachment:fixed;color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f172a08}::-webkit-scrollbar-thumb{background:#e66b8f4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-pink)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-premium);transition:var(--transition-smooth)}.glass-panel:hover{border-color:var(--glass-border-hover);box-shadow:var(--shadow-premium),0 0 25px #0fa57a0a}.section-card{background:var(--bg-elevated);border:1px solid rgba(15,23,42,.06);border-radius:var(--radius-xl);padding:28px;box-shadow:var(--shadow-premium)}.section-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.section-card-title{font-family:var(--font-heading);font-size:1.35rem;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:10px;letter-spacing:-.01em}.section-card-subtitle{font-size:.88rem;color:var(--text-secondary);font-weight:500;margin-top:4px}.stat-card{text-align:center;padding:22px 18px;border-radius:var(--radius-lg);border:1px solid transparent;transition:var(--transition-smooth)}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-elevated)}.stat-card-label{font-family:var(--font-heading);font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}.stat-card-value{font-family:"Outfit",var(--font-heading);font-size:2.4rem;font-weight:800;line-height:1.1}.stat-card-hint{display:block;font-size:.72rem;color:var(--text-muted);margin-top:6px;font-weight:500}.stat-card--pink{background:linear-gradient(135deg,var(--primary-pink-soft),#ffffff);border-color:#e66b8f38;box-shadow:var(--shadow-premium),var(--shadow-pink-glow)}.stat-card--pink .stat-card-label{color:var(--primary-pink-hover)}.stat-card--green{background:linear-gradient(135deg,var(--primary-green-soft),#ffffff);border-color:#0fa57a38;box-shadow:var(--shadow-premium),var(--shadow-green-glow)}.stat-card--green .stat-card-label,.stat-card--green .stat-card-value{color:var(--primary-green-hover)}.stat-card--gold{background:linear-gradient(135deg,var(--accent-gold-soft),#ffffff);border-color:#d9770638;box-shadow:var(--shadow-premium),var(--shadow-gold-glow)}.stat-card--gold .stat-card-label,.stat-card--gold .stat-card-value{color:var(--accent-gold)}.stat-card--neutral{background:linear-gradient(135deg,#64748b14,#fff);border-color:#64748b2e}.stat-card--neutral .stat-card-label,.stat-card--neutral .stat-card-value{color:#475569}.stat-card--blue{background:linear-gradient(135deg,var(--accent-blue-soft),#ffffff);border-color:#1e40af2e;box-shadow:var(--shadow-premium),var(--shadow-blue-glow)}.stat-card--blue .stat-card-label,.stat-card--blue .stat-card-value{color:var(--accent-blue)}.data-table-wrap{max-height:480px;overflow-y:auto;border:1px solid rgba(15,23,42,.06);border-radius:var(--radius-md);background:#fff}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table thead tr{background:linear-gradient(180deg,#1e40af0a,#1e40af05);border-bottom:1px solid rgba(15,23,42,.08);position:sticky;top:0;z-index:1}.data-table th{padding:12px 16px;font-family:var(--font-heading);font-size:.8rem;color:var(--text-secondary);font-weight:700;letter-spacing:.02em}.data-table td{padding:12px 16px;font-size:.9rem;border-bottom:1px solid rgba(15,23,42,.04);font-weight:500}.data-table tbody tr:hover{background-color:#1e40af05}.empty-state{text-align:center;padding:48px 24px;color:var(--text-muted);font-weight:500}.empty-state-icon{font-size:2.5rem;margin-bottom:12px;opacity:.6}.alert-box{padding:12px 16px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;margin-bottom:20px}.alert-box--error{background:#ef44440f;border:1px solid rgba(239,68,68,.18);color:#b91c1c}.alert-box--success{background:#10b9810f;border:1px solid rgba(16,185,129,.18);color:#065f46}.alert-box--warning{background:#d977060f;border:1px solid rgba(217,119,6,.18);color:var(--accent-gold)}.upload-zone{position:relative;border:2px dashed rgba(230,107,143,.3);border-radius:var(--radius-md);padding:20px;text-align:center;background:#ffffff80;transition:var(--transition-smooth);cursor:pointer}.upload-zone:hover{border-color:var(--primary-pink);background:#e66b8f05}.upload-zone input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:5}.upload-zone-content{display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.page-stack{display:flex;flex-direction:column;gap:24px}.page-stack--lg{gap:32px}.filter-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;align-items:flex-end}.filter-bar--wide{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.filter-bar--toolbar{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:8px}.filter-bar-inner{display:flex;align-items:center;gap:12px;background:#ffffffb3;padding:8px 16px;border-radius:16px;border:1px solid rgba(15,23,42,.06);box-shadow:var(--shadow-sm);flex-wrap:wrap}.filter-bar--row{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.filter-bar--cascade{display:flex;flex-wrap:wrap;gap:12px;align-items:center;background:#0f172a05;padding:8px 16px;border-radius:var(--radius-lg);border:1px solid rgba(15,23,42,.06)}.filter-bar-group{display:flex;align-items:center;gap:8px;min-width:0}.filter-bar-inner .filter-bar-group,.filter-bar--cascade .filter-bar-group,.filter-bar--row .filter-bar-group{width:auto;flex-shrink:0}.filter-bar .filter-bar-group{width:100%;flex-direction:column;align-items:stretch;gap:6px}.filter-bar-label{font-size:.78rem;font-weight:700;color:var(--text-secondary);white-space:nowrap}.input-compact{background:#fff;padding:6px 12px;font-size:.82rem;min-height:34px;margin:0}.academic-filter-panel{padding:20px 24px!important}.academic-filter-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.academic-filter-title{font-size:.85rem;font-weight:700;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.academic-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:16px;align-items:end}.filter-field{display:flex;flex-direction:column;gap:6px;min-width:0}.filter-field-label{font-size:.78rem;font-weight:700;color:var(--text-secondary);line-height:1.2}.filter-select{width:100%;padding:8px 12px;font-size:.88rem;min-height:40px;cursor:pointer;background:#fff;margin:0}.filter-select:disabled{opacity:.5;cursor:not-allowed;background:#0f172a08}.academic-filter-actions{display:flex;align-items:flex-end;padding-bottom:1px}@media screen and (max-width:900px){.academic-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.academic-filter-actions{grid-column:1 / -1;justify-content:flex-end}}@media screen and (max-width:560px){.academic-filter-grid{grid-template-columns:1fr}}.info-hint{background:#0f172a05;border:1px solid rgba(15,23,42,.06);padding:16px;border-radius:12px;font-size:.82rem;color:var(--text-secondary);line-height:1.5}.info-card{background:#0f172a03;border:1px solid rgba(15,23,42,.06);padding:18px;border-radius:var(--radius-md);display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:.88rem}.info-card-label{color:var(--text-muted);font-size:.76rem;display:block;font-weight:600}.info-card-value{font-size:1.05rem;color:var(--text-primary);font-weight:800}.leave-card{background:#fff;border:1px solid rgba(230,107,143,.25);border-radius:16px;box-shadow:var(--shadow-premium),var(--shadow-pink-glow);padding:24px}.leave-card--neutral{border-color:#0f172a0f;box-shadow:var(--shadow-premium);padding:18px;border-radius:12px}.leave-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;border-bottom:1px solid rgba(15,23,42,.06);padding-bottom:12px}.leave-card-title{font-size:1.25rem;font-family:var(--font-heading);color:var(--primary-pink-hover);font-weight:800;margin:0}.leave-card-meta{font-size:.8rem;color:var(--text-muted);font-weight:500}.leave-card-detail{font-size:.95rem;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.highlight-quote{font-size:.95rem;color:var(--text-primary);background:#e66b8f0d;padding:12px;border-radius:8px;border-left:3.5px solid var(--primary-pink);font-weight:600;margin:0}.attachment-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:.76rem;font-weight:700;background:#0f172a08;color:var(--text-secondary);border:1px solid rgba(15,23,42,.08);border-radius:6px;text-decoration:none;cursor:pointer;transition:all .2s}.attachment-chip:hover{border-color:var(--primary-pink);color:var(--primary-pink-hover);background:#e66b8f05}.section-panel{background:#0f172a05;border:1px solid rgba(15,23,42,.05);border-radius:var(--radius-md);padding:18px;font-size:.85rem}.section-panel-title{font-size:.95rem;font-weight:800;color:var(--text-primary);margin-bottom:14px;display:flex;align-items:center;gap:6px}.section-panel-title--gold{color:var(--accent-gold);font-size:.85rem;font-weight:700;display:block;margin-bottom:4px}.kiosk-page{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:20px}.btn-compact{padding:6px 12px;font-size:.72rem;font-weight:700;min-height:28px}.btn-danger-outline{color:#ef4444;border-color:#ef44442e;background:#ef44440a}.btn-danger-outline:hover{background:#ef444414;border-color:#ef444440}.btn-refresh-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border-radius:var(--radius-md);font-size:1.1rem;flex-shrink:0;transition:var(--transition-smooth)}.btn-refresh-icon:hover{transform:rotate(180deg) scale(1.08);border-color:var(--primary-pink);background:#e66b8f0d}.form-stack{display:flex;flex-direction:column;gap:16px}.grid-3{grid-template-columns:repeat(3,1fr)}.meta-badge{font-size:.74rem;color:var(--text-muted);font-weight:600;background:#0f172a08;padding:6px 10px;border-radius:var(--radius-sm);border:1px solid rgba(15,23,42,.05);line-height:1.4;flex:1;text-align:center;display:inline-flex;align-items:center;justify-content:center;min-height:46px;word-break:break-all}.pagination-bar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(15,23,42,.06);padding-top:20px;margin-top:20px;flex-wrap:wrap;gap:12px}.empty-state--dashed{border:1px dashed rgba(15,23,42,.12);border-radius:var(--radius-md)}.directory-card{background:#fff;border:1px solid rgba(15,23,42,.06);padding:18px;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-smooth);text-align:left;display:flex;flex-direction:column;justify-content:space-between}.directory-card:hover{transform:translateY(-2px);border-color:var(--primary-pink);box-shadow:var(--shadow-premium)}.badge-count{font-size:.72rem;border-radius:4px;padding:2px 8px;font-weight:700}.checkbox-panel{max-height:400px;overflow-y:auto;border:1px solid rgba(15,23,42,.06);border-radius:var(--radius-md);background:#fff;padding:12px;display:flex;flex-direction:column;gap:8px}.checkbox-panel--tall{max-height:420px}.modal-panel{width:100%;max-width:580px;background:#fff;border-radius:var(--radius-2xl);padding:32px;box-shadow:var(--shadow-premium),var(--shadow-pink-glow);text-align:left;position:relative}.modal-close-btn{position:absolute;right:24px;top:24px;background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);outline:none}.badge-inline{padding:2px 8px;font-size:.68rem;border-radius:4px;font-weight:800}.gold-glow{border:1px solid rgba(180,83,9,.25);box-shadow:var(--shadow-premium),var(--shadow-gold-glow)}.pink-glow{border:1px solid rgba(230,107,143,.25);box-shadow:var(--shadow-premium),var(--shadow-pink-glow)}.green-glow{border:1px solid rgba(15,165,122,.25);box-shadow:var(--shadow-premium),var(--shadow-green-glow)}.btn-premium{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-family:var(--font-heading);font-weight:600;font-size:.95rem;border-radius:10px;cursor:pointer;transition:var(--transition-smooth);border:none;gap:8px;outline:none}.btn-pink{background:linear-gradient(135deg,var(--primary-pink),#db5a8f);color:#fff;box-shadow:0 4px 15px #e66b8f40}.btn-pink:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e66b8f66,var(--shadow-pink-glow);background:linear-gradient(135deg,var(--primary-pink-hover),#ce4d81)}.btn-pink:active{transform:translateY(0)}.btn-green{background:linear-gradient(135deg,var(--primary-green),#0a8f69);color:#fff;box-shadow:0 4px 15px #0fa57a33}.btn-green:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0fa57a59,var(--shadow-green-glow);background:linear-gradient(135deg,var(--primary-green-hover),#087e5c)}.btn-green:active{transform:translateY(0)}.btn-gold{background:linear-gradient(135deg,#d97706,var(--accent-gold));color:#fff;box-shadow:0 4px 15px #d9770633}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d9770659,var(--shadow-gold-glow);background:linear-gradient(135deg,#b45309,#9a4005)}.btn-gold:active{transform:translateY(0)}.btn-outline-glass{background:#fff9;border:1px solid rgba(15,23,42,.08);color:var(--text-primary)}.btn-outline-glass:hover{background:#fffffff2;border-color:#0f172a2e;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a0a}.btn-outline-glass:active{transform:translateY(0)}.form-group{margin-bottom:20px}.form-label{display:block;font-family:var(--font-heading);font-size:.88rem;font-weight:600;margin-bottom:8px;color:var(--text-secondary)}.input-premium,.form-input-premium{width:100%;padding:12px 16px;background:#fffc;border:1px solid rgba(15,23,42,.1);border-radius:10px;color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;transition:var(--transition-smooth);outline:none}.input-premium:focus,.form-input-premium:focus{border-color:var(--primary-pink);background:#fff;box-shadow:0 0 0 3px #e66b8f26,var(--shadow-pink-glow)}select.input-premium,select.form-input-premium{appearance:auto;cursor:pointer;background-color:#fff}textarea.input-premium{resize:vertical;min-height:96px}table{width:100%;border-collapse:collapse}th,td{padding:14px 18px;text-align:left}tr{transition:var(--transition-smooth)}tbody tr:hover{background-color:#e66b8f05}.badge-premium{display:inline-flex;align-items:center;padding:6px 14px;border-radius:9999px;font-size:.8rem;font-weight:600;font-family:var(--font-heading);border:1px solid transparent}.badge-pending{background:#d9770614;color:#b45309;border-color:#d977062e}.badge-approved{background:#10b98114;color:#065f46;border-color:#10b9812e}.badge-rejected{background:#ef444414;color:#991b1b;border-color:#ef44442e}.badge-improve{background:#f9731614;color:#c2410c;border-color:#f973162e}.badge-outline-glass{background:#64748b14;color:#475569;border-color:#64748b2e}.grid-container{display:grid;gap:24px}.flex-container{display:flex;gap:16px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInUp .4s cubic-bezier(.25,.8,.25,1) forwards}.text-gold-glow{color:var(--accent-gold);text-shadow:0 0 8px rgba(180,83,9,.15)}.text-pink-glow{color:var(--primary-pink);text-shadow:0 0 8px rgba(230,107,143,.2)}.text-green-glow{color:var(--primary-green);text-shadow:0 0 8px rgba(15,165,122,.2)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-1-2{grid-template-columns:1fr 2fr}.grid-1-2-1{grid-template-columns:1fr 1.2fr}.grid-1-1-2{grid-template-columns:1.2fr 1fr}.grid-1-2-1fr,.grid-col-1-2-1fr{grid-template-columns:1.2fr 2fr;display:grid}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1rem}.table-responsive>div{min-width:800px}.nav-scrollable{display:flex;gap:8px;overflow-x:auto;white-space:nowrap;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100vw}.nav-scrollable::-webkit-scrollbar{display:none}.mobile-wrap{flex-wrap:wrap}@media screen and (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-1-2-1fr,.grid-1-2,.grid-1-1-2,.grid-1-2-1{grid-template-columns:1fr 1fr}nav.glass-panel{flex-direction:column;gap:16px;align-items:stretch!important}nav.glass-panel>div:first-child{justify-content:center}nav.glass-panel>div:last-child{justify-content:center}}@media screen and (max-width:768px){.grid-container{gap:16px}.grid-2,.grid-4,.grid-1-2,.grid-1-1-2,.grid-1-2-1,.grid-1-2-1fr{grid-template-columns:1fr}.flex-container,.mobile-col{flex-direction:column}main{padding:10px}.glass-panel{padding:16px}h1{font-size:1.5rem!important}h2{font-size:1.3rem!important}.form-group{margin-bottom:16px}}.confirm-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a66;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px;overflow-y:auto;box-sizing:border-box;animation:fadeIn .2s ease-out}.confirm-backdrop>div{animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.app-layout{display:flex;min-height:100vh;width:100%}.sidebar{width:280px;height:100vh;position:fixed;top:0;left:0;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);box-shadow:4px 0 20px #0f172a08;display:flex;flex-direction:column;justify-content:space-between;padding:24px;z-index:1000;transition:var(--transition-smooth)}.sidebar-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.sidebar-menu-wrapper{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;margin-bottom:20px}.sidebar-menu-wrapper:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:32px;background:linear-gradient(to top,rgba(248,250,252,.95),transparent);pointer-events:none;z-index:2;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.sidebar-menu{flex:1;display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding-right:4px;position:relative;scrollbar-width:thin;scrollbar-color:rgba(230,107,143,.4) rgba(15,23,42,.02)}.sidebar-menu::-webkit-scrollbar{width:6px}.sidebar-menu::-webkit-scrollbar-track{background:#0f172a05;border-radius:3px}.sidebar-menu::-webkit-scrollbar-thumb{background:#e66b8f59;border-radius:3px;border:1px solid transparent}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:var(--primary-pink)}.sidebar-menu .btn-premium{width:100%;justify-content:flex-start;padding:10px 14px;font-size:.85rem;font-weight:600;border-radius:8px;white-space:normal;text-align:left}.sidebar-footer{border-top:1px solid rgba(15,23,42,.08);padding-top:16px;display:flex;flex-direction:column;gap:12px}.main-content{margin-left:280px;flex:1;padding:24px;max-width:calc(100% - 280px);min-height:100vh;transition:var(--transition-smooth)}.sidebar-toggle-btn{background:#0f172a0a;border:1px solid rgba(15,23,42,.08);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:var(--transition-smooth);flex-shrink:0}.sidebar-toggle-btn:hover{background:#e66b8f14;color:var(--primary-pink);border-color:#e66b8f40;box-shadow:var(--shadow-pink-glow)}.sidebar.collapsed{width:78px;padding:24px 14px}.sidebar.collapsed .sidebar-header{gap:0}.sidebar.collapsed .sidebar-menu .btn-premium{justify-content:center;padding:12px 0;font-size:1.25rem;position:relative}.sidebar.collapsed .menu-text{display:none}.sidebar.collapsed .sidebar-footer{align-items:center}.sidebar.collapsed .sidebar-footer .logout-button{justify-content:center;padding:10px 0;font-size:1.25rem}.sidebar.collapsed .sidebar-menu .btn-premium .pending-badge{position:absolute;top:6px;right:12px;width:8px;height:8px;padding:0;font-size:0px;margin-left:0;border-radius:50%;box-shadow:0 0 6px #ef444499}.main-content.sidebar-collapsed{margin-left:78px;max-width:calc(100% - 78px)}.sidebar-overlay,.mobile-menu-btn{display:none}@media screen and (max-width:1024px){.sidebar-toggle-btn{display:none!important}.sidebar-overlay{display:block;position:fixed;inset:0;background:#0f172a73;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1040;animation:fadeIn .2s ease-out}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:10px;border:1px solid rgba(15,23,42,.08);background:#0f172a0a;color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth)}.mobile-menu-btn svg{width:22px;height:22px}.mobile-menu-btn:hover,.mobile-menu-btn:active{background:#e66b8f14;border-color:#e66b8f33;color:var(--primary-pink)}.page-header-text{flex:1;min-width:0}.sidebar{width:min(300px,88vw);height:100vh;height:100dvh;position:fixed;top:0;left:0;transform:translate(-105%);border-right:1px solid var(--glass-border);border-bottom:none;z-index:1100;padding:20px 16px;box-shadow:8px 0 32px #0f172a1f}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:min(300px,88vw)!important;padding:20px 16px!important}.sidebar.collapsed .menu-text,.sidebar.collapsed .sidebar-header-text,.sidebar.collapsed .brand-title,.sidebar.collapsed .brand-subtitle{display:block!important}.sidebar.collapsed .sidebar-menu .btn-premium{justify-content:flex-start;padding:10px 14px;font-size:.85rem}.sidebar-header{margin-bottom:16px;justify-content:flex-start}.sidebar-menu-wrapper{margin-bottom:16px}.sidebar-menu-wrapper:after{display:block}.sidebar-menu{flex-direction:column;overflow-x:hidden;overflow-y:auto;white-space:normal;padding-bottom:0;margin-bottom:0;max-height:calc(100dvh - 220px);gap:6px}.sidebar-menu .btn-premium{width:100%;white-space:normal;padding:12px 14px;min-height:44px}.menu-section-label{display:block!important}.sidebar-footer{border-top:1px solid rgba(15,23,42,.08);padding-top:14px;flex-direction:column;align-items:stretch;gap:10px}.main-content,.main-content.sidebar-collapsed{margin-left:0!important;max-width:100%!important;padding:12px;width:100%}body.mobile-menu-open{overflow:hidden}}body.promotion-resizing{cursor:ns-resize!important;-webkit-user-select:none!important;user-select:none!important}body.promotion-resizing *{cursor:ns-resize!important}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px;margin:-24px -24px 24px;background:var(--bg-elevated);border-bottom:1px solid rgba(15,23,42,.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}.page-header-title{font-family:var(--font-heading);font-size:1.35rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;margin:0}.page-header-breadcrumb{font-size:.78rem;color:var(--text-muted);font-weight:500;margin-top:2px}.page-header-meta{display:flex;align-items:center;gap:12px;flex-shrink:0}.live-clock-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#1e40af0f;border:1px solid rgba(30,64,175,.12);font-size:.82rem;font-weight:700;color:var(--accent-blue);font-family:"Outfit",var(--font-body)}.live-clock-dot{width:7px;height:7px;border-radius:50%;background:var(--primary-green);box-shadow:0 0 8px #0fa57a80;animation:clockPulse 2s ease-in-out infinite}@keyframes clockPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.menu-section-label{font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:12px 10px 4px;margin-top:4px;opacity:.85}.sidebar-menu .btn-premium.btn-nav-active{background:linear-gradient(135deg,#e66b8f1f,#1e40af0f);border:1px solid rgba(230,107,143,.25);color:var(--primary-pink-hover);box-shadow:inset 3px 0 0 var(--primary-pink),var(--shadow-sm)}.sidebar-menu .btn-premium.btn-nav-active:hover{transform:none;background:linear-gradient(135deg,#e66b8f29,#1e40af14)}.sidebar-menu .btn-premium.btn-nav-inactive{background:transparent;border:1px solid transparent;color:var(--text-secondary)}.sidebar-menu .btn-premium.btn-nav-inactive:hover{background:#0f172a0a;border-color:#0f172a0f;color:var(--text-primary);transform:translate(2px)}.pending-badge{background:#ef4444;color:#fff;padding:2px 7px;border-radius:999px;font-size:.68rem;margin-left:auto;font-weight:700;min-width:20px;text-align:center;box-shadow:0 2px 6px #ef444459}.content-area{animation:contentFadeIn .35s ease-out}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:1024px){.page-header{margin:-12px -12px 16px;padding:10px 12px;flex-wrap:nowrap;gap:10px}.page-header-title{font-size:1.05rem}.page-header-breadcrumb{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-clock-badge{font-size:.72rem;padding:6px 10px}}@media screen and (max-width:1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.grid-3,.info-card,.filter-bar,.filter-bar--wide{grid-template-columns:1fr}}.panel-header-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.filter-cascade{display:flex;align-items:center;gap:12px;background:#0f172a05;padding:10px 14px;border-radius:16px;border:1px solid rgba(15,23,42,.06);flex-wrap:wrap}.filter-cascade-item{display:flex;align-items:center;gap:8px;min-width:0}.filter-cascade-label{font-size:.78rem;font-weight:700;color:var(--text-secondary);white-space:nowrap}.filter-cascade-select{background:#fff;padding:8px 10px;font-size:.88rem;min-height:40px;width:140px;margin:0;cursor:pointer}.filter-toolbar{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:8px}.filter-toolbar-inner{display:flex;align-items:center;gap:12px;background:#ffffffb3;padding:10px 14px;border-radius:16px;border:1px solid rgba(15,23,42,.06);box-shadow:var(--shadow-sm);flex-wrap:wrap}@media screen and (max-width:768px){.input-premium,.form-input-premium,select.input-premium,.filter-cascade-select,.filter-select{font-size:16px!important}.btn-premium{min-height:44px}.btn-compact{min-height:40px;padding:8px 14px;font-size:.8rem}.table-responsive{margin-left:-4px;margin-right:-4px;padding-bottom:4px}.table-responsive>div,.table-responsive>table{min-width:560px}.data-table-wrap{margin-left:-4px;margin-right:-4px}th,td{padding:10px 12px;font-size:.85rem}.confirm-backdrop{align-items:flex-start;padding:12px;padding-top:max(12px,env(safe-area-inset-top))}.confirm-backdrop>div,.modal-panel{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 24px);overflow-y:auto;padding:20px 16px;border-radius:16px}.modal-close-btn{right:12px;top:12px}.panel-header-row{flex-direction:column;align-items:stretch}.filter-cascade,.filter-toolbar-inner{flex-direction:column;align-items:stretch;width:100%}.filter-cascade-item{flex-direction:column;align-items:stretch;width:100%;gap:6px}.filter-cascade-select,.filter-toolbar-inner select.input-premium,.filter-toolbar-inner .input-premium{width:100%!important;max-width:100%}.filter-toolbar{justify-content:stretch}.stat-card-value{font-size:2rem}.toast-container{left:12px;right:12px;min-width:unset;max-width:unset;top:max(12px,env(safe-area-inset-top))}.section-card{padding:16px!important}.glass-panel{padding:14px!important;border-radius:14px!important}.grid-col-1-2-1fr{grid-template-columns:1fr!important}.pagination-bar{flex-direction:column;align-items:stretch;text-align:center}.pagination-bar .btn-premium{width:100%}.directory-card{padding:14px}.academic-filter-grid{grid-template-columns:1fr}.page-header-meta{display:none}.kiosk-page{min-height:auto;padding:12px}}@media screen and (max-width:480px){.grid-4,.grid-2{grid-template-columns:1fr!important}.main-content{padding:8px!important}.page-header{margin:-8px -8px 12px!important;padding:8px 10px!important}.page-header-title{font-size:.95rem!important}.live-clock-badge{display:none}}