:root{--dq-primary: #0090DA;--dq-secondary: #264CA2;--dq-primary-hover: #0077b6;--dq-secondary-hover: #1c3980;--dq-primary-light: #eaf5fc;--dq-secondary-light: #e8eefa;--dq-primary-glow: rgba(0, 144, 218, .28);--dq-secondary-glow: rgba(38, 76, 162, .25);--dq-dark: #0f1c3f;--dq-dark-surface: #152654;--dq-dark-card: #1c326b;--dq-dark-border: #284488;--dq-bg: #f4f7fc;--dq-surface: #ffffff;--dq-border: #dae3f0;--dq-border-focus: #0090DA;--dq-text-dark: #0b152d;--dq-text-secondary: #4b5b76;--dq-text-muted: #8494ab;--dq-text-light: #ffffff;--dq-success: #00c48c;--dq-success-bg: rgba(0, 196, 140, .12);--dq-warning: #f59e0b;--dq-warning-bg: rgba(245, 158, 11, .12);--dq-danger: #ef4444;--dq-danger-bg: rgba(239, 68, 68, .12);--dq-info: #0090DA;--dq-info-bg: rgba(0, 144, 218, .12);--dq-radius-btn: 18px;--dq-radius-input: 18px;--dq-radius-card: 20px;--dq-radius-pill: 9999px;--dq-shadow-sm: 0 2px 8px rgba(18, 33, 68, .04);--dq-shadow-md: 0 8px 24px rgba(18, 33, 68, .08);--dq-shadow-lg: 0 16px 40px rgba(0, 144, 218, .15);--dq-shadow-dark: 0 16px 40px rgba(11, 21, 45, .4);--dq-font-display: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;--dq-font-body: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--dq-font-body);background-color:var(--dq-bg);color:var(--dq-text-dark);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,select,textarea,button,optgroup,option{font-family:var(--dq-font-body)!important;color:var(--dq-text-dark)}h1,h2,h3,h4,.dq-brand-title{font-family:var(--dq-font-display);font-weight:700;letter-spacing:-.02em;color:var(--dq-text-dark)}.dq-header-glass{background:#ffffffe0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--dq-border);position:sticky;top:0;z-index:100}.dq-nav-pill{padding:8px 18px;border-radius:var(--dq-radius-pill);font-size:14px;font-weight:500;text-decoration:none;color:var(--dq-text-secondary);transition:all .22s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;cursor:pointer;background:transparent}.dq-nav-pill:hover{color:var(--dq-primary);background:var(--dq-primary-light)}.dq-nav-pill.active{background:var(--dq-dark);color:#fff}.dq-btn{font-family:var(--dq-font-body);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;font-size:14.5px;font-weight:600;border-radius:var(--dq-radius-btn);border:none;cursor:pointer;transition:all .22s ease-in-out;text-decoration:none}.dq-btn-primary{background:linear-gradient(135deg,var(--dq-secondary) 0%,var(--dq-primary) 100%);color:#fff;box-shadow:0 4px 16px var(--dq-secondary-glow)}.dq-btn-primary:hover{background:linear-gradient(135deg,var(--dq-secondary-hover) 0%,var(--dq-primary-hover) 100%);transform:translateY(-1.5px);box-shadow:0 6px 20px var(--dq-primary-glow)}.dq-btn-dark{background-color:var(--dq-dark);color:#fff}.dq-btn-dark:hover{background-color:var(--dq-primary);transform:translateY(-1.5px)}.dq-btn-outline{background-color:transparent;color:var(--dq-text-dark);border:1.5px solid var(--dq-border)}.dq-btn-outline:hover{border-color:var(--dq-primary);color:var(--dq-primary);background-color:var(--dq-primary-light)}.dq-btn-sm{padding:7px 15px;font-size:13px;border-radius:14px}.dq-input,.dq-select,.dq-textarea,input[type=text],input[type=email],input[type=password],input[type=date],select,textarea{width:100%;padding:10px 14px;font-size:13.5px;font-family:var(--dq-font-body)!important;background-color:#fff;border:1.5px solid var(--dq-border);border-radius:12px;color:var(--dq-text-dark);outline:none;transition:border-color .15s,box-shadow .15s;line-height:1.5}.dq-input:focus,.dq-select:focus,.dq-textarea:focus,input:focus,select:focus,textarea:focus{border-color:var(--dq-primary);box-shadow:0 0 0 3px var(--dq-primary-glow)}select,.dq-select{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234b5b76' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:38px!important}select option{font-family:var(--dq-font-body)!important;padding:10px;background-color:#fff;color:var(--dq-text-dark)}textarea,.dq-textarea{resize:vertical;min-height:90px;font-family:var(--dq-font-body)!important;line-height:1.6}textarea::placeholder,input::placeholder{color:#94a3b8;font-family:var(--dq-font-body)!important}.dq-card{background:var(--dq-surface);border-radius:var(--dq-radius-card);border:1px solid var(--dq-border);box-shadow:var(--dq-shadow-sm);padding:24px;transition:transform .2s,box-shadow .2s}.dq-card:hover{box-shadow:var(--dq-shadow-md)}.dq-card-dark{background:var(--dq-dark);color:#fff;border:1px solid #1f1f2e}.dq-card-dark h1,.dq-card-dark h2,.dq-card-dark h3,.dq-card-dark h4{color:#fff}.dq-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:var(--dq-radius-pill);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.dq-badge-success{background:var(--dq-success-bg);color:#00a86b}.dq-badge-warning{background:var(--dq-warning-bg);color:#d97706}.dq-badge-danger{background:var(--dq-danger-bg);color:var(--dq-danger)}.dq-badge-info{background:var(--dq-info-bg);color:#0284c7}.dq-badge-primary{background:var(--dq-primary-light);color:var(--dq-primary)}.dq-table-container{overflow-x:auto;border-radius:16px;border:1px solid var(--dq-border)}.dq-table{width:100%;border-collapse:collapse;text-align:left;font-size:13.5px}.dq-table th{background:#f4f6fb;color:var(--dq-text-secondary);font-weight:600;padding:13px 18px;text-transform:uppercase;font-size:11.5px;letter-spacing:.05em;border-bottom:1px solid var(--dq-border)}.dq-table td{padding:15px 18px;border-bottom:1px solid var(--dq-border-subtle);color:var(--dq-text-dark)}.dq-table tr:last-child td{border-bottom:none}.dq-table tr:hover td{background-color:#fafbfe}.dq-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0b0ea6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:500;display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto}.dq-modal-content{background:#fff;border-radius:clamp(16px,3vw,24px);width:100%;max-width:min(620px,calc(100vw - 28px));max-height:calc(100dvh - 36px);overflow-y:auto;padding:clamp(20px,4vw,32px);box-shadow:var(--dq-shadow-dark);animation:dqPopIn .25s cubic-bezier(.16,1,.3,1);position:relative}@keyframes dqPopIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.dq-page-container{max-width:1360px;margin:0 auto;padding:clamp(16px,3vw,32px) clamp(14px,2.5vw,24px);width:100%}.dq-banner-responsive{background:linear-gradient(135deg,#0f1c3f,#264ca2 60%,#0090da);border-radius:clamp(16px,3vw,24px);padding:clamp(22px,4vw,36px) clamp(18px,4vw,40px);color:#fff;margin-bottom:clamp(20px,3vw,32px);box-shadow:0 12px 32px #264ca226;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.dq-banner-content{flex:1 1 300px;min-width:0}.dq-banner-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.dq-banner-responsive h1,.dq-banner-responsive h2,.dq-banner-responsive h3,.dq-banner-responsive h4,.dq-banner-content h1,.dq-banner-content h2,.dq-banner-content h3,.dq-banner-content h4,.dq-dark-card h1,.dq-dark-card h2,.dq-dark-card h3,.dq-dark-card h4,[style*=linear-gradient] h1,[style*=linear-gradient] h2,[style*=linear-gradient] h3,[style*=linear-gradient] h4{color:#fff!important}.dq-banner-responsive p,.dq-banner-content p{color:#e2e8f0!important}.dq-nav-desktop{display:flex;align-items:center;background:#f1f3f9;padding:4px;border-radius:var(--dq-radius-pill);gap:2px}.dq-nav-mobile-toggle{display:none;background:transparent;border:1px solid var(--dq-border);border-radius:12px;padding:8px;cursor:pointer;color:var(--dq-text-dark);align-items:center;justify-content:center;transition:all .2s ease}.dq-nav-mobile-toggle:hover{background:var(--dq-primary-light);color:var(--dq-primary);border-color:var(--dq-primary)}.dq-mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1c3f99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1000;animation:dqFadeIn .2s ease}.dq-mobile-drawer{position:fixed;top:0;right:0;bottom:0;width:min(340px,86vw);background:#fff;z-index:1001;display:flex;flex-direction:column;box-shadow:-8px 0 32px #0f1c3f33;animation:dqSlideInRight .26s cubic-bezier(.16,1,.3,1);overflow-y:auto}@keyframes dqSlideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes dqFadeIn{0%{opacity:0}to{opacity:1}}.dq-mobile-nav-link{display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:14px;text-decoration:none;color:var(--dq-text-dark);font-size:14.5px;font-weight:600;transition:all .18s ease;margin-bottom:4px}.dq-mobile-nav-link:hover{background:var(--dq-primary-light);color:var(--dq-primary)}.dq-mobile-nav-link.active{background:linear-gradient(135deg,var(--dq-secondary) 0%,var(--dq-primary) 100%);color:#fff;box-shadow:0 4px 14px var(--dq-secondary-glow)}.dq-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.dq-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.dq-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.dq-grid-attendance{display:grid;grid-template-columns:1fr 1.2fr;gap:24px}.dq-form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dq-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:16px;border:1px solid var(--dq-border);background:#fff;width:100%}.dq-table{min-width:600px}@media (max-width: 1080px){.dq-nav-desktop{display:none}.dq-nav-mobile-toggle{display:inline-flex}}@media (max-width: 900px){.dq-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.dq-grid-3,.dq-grid-attendance{grid-template-columns:1fr}}@media (max-width: 768px){.dq-banner-responsive{flex-direction:column;align-items:stretch}.dq-banner-actions{width:100%}.dq-banner-actions button{flex:1 1 auto;justify-content:center}}@media (max-width: 640px){.dq-grid-2,.dq-grid-4,.dq-form-grid-2{grid-template-columns:1fr}.dq-btn{padding:10px 16px;font-size:13.5px}.dq-card{padding:18px 14px;border-radius:16px}.dq-table th,.dq-table td{padding:11px 12px;font-size:12.5px}}.dq-sidebar{transition:transform .25s cubic-bezier(.4,0,.2,1)}.dq-sidebar-link:hover{background:#ffffff14!important;color:#f8fafc!important;transform:translate(2px)}.dq-sidebar-link.active{background:var(--dq-secondary)!important;color:#fff!important;box-shadow:0 4px 12px #264ca259}@media (max-width: 1024px){.dq-sidebar{position:fixed!important;top:0;left:0;bottom:0;transform:translate(-100%);box-shadow:4px 0 24px #00000059}.dq-sidebar.dq-sidebar-mobile-open{transform:translate(0)!important}.dq-mobile-toggle-btn{display:inline-flex!important}.dq-mobile-close-btn{display:flex!important}}.dq-spin{animation:dq-spin-anim 1s linear infinite}@keyframes dq-spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}