.deped-header[data-v-6e021548]{background:linear-gradient(135deg,var(--header-bg) 0,var(--header-bg-light) 100%);padding:var(--spacing-lg) var(--spacing-xl);box-shadow:var(--shadow-md);border-bottom:3px solid var(--deped-blue)}.header-content[data-v-6e021548]{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;gap:var(--spacing-lg)}.deped-logo-container[data-v-6e021548]{flex:0 0 auto;display:flex;align-items:center}.deped-logo[data-v-6e021548]{height:85px;width:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.title-container[data-v-6e021548]{flex:1;text-align:center;padding:0 var(--spacing-xl)}.main-title[data-v-6e021548]{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:700;margin:0;line-height:1.3;font-family:Segoe UI,Roboto,Arial,sans-serif;letter-spacing:-.02em;text-shadow:0 1px 2px hsla(0,0%,100%,.8)}.division-logo-container[data-v-6e021548]{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end}.division-logo[data-v-6e021548]{height:105px;width:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}@media (max-width:768px){.deped-header[data-v-6e021548]{padding:var(--spacing-md) var(--spacing-lg)}.main-title[data-v-6e021548]{font-size:var(--font-size-xl)}.division-logo[data-v-6e021548]{height:75px}.title-container[data-v-6e021548]{padding:0 var(--spacing-md)}.header-content[data-v-6e021548]{flex-direction:column;gap:15px}.title-container[data-v-6e021548]{padding:0;order:3}.main-title[data-v-6e021548]{font-size:20px}.deped-logo[data-v-6e021548]{height:60px}.division-logo[data-v-6e021548]{height:70px}}.navigation[data-v-8dd883c4]{background:linear-gradient(135deg,var(--deped-blue) 0,var(--deped-blue-dark) 100%);padding:0;box-shadow:var(--shadow-md);border-bottom:3px solid var(--deped-red)}.nav-container[data-v-8dd883c4]{display:flex;justify-content:center;align-items:center;max-width:1400px;margin:0 auto;gap:0}.nav-link[data-v-8dd883c4]{display:flex;align-items:center;gap:10px;padding:18px 32px;color:var(--text-white);text-decoration:none;font-weight:600;font-size:var(--font-size-base);transition:all .2s ease;border-bottom:3px solid transparent;position:relative;letter-spacing:.01em}.nav-link[data-v-8dd883c4]:hover{background-color:hsla(0,0%,100%,.15);color:var(--text-white)}.nav-link.active[data-v-8dd883c4]{background-color:hsla(0,0%,100%,.2);border-bottom-color:var(--deped-red);color:var(--text-white);font-weight:700}.nav-icon[data-v-8dd883c4]{font-size:20px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.nav-text[data-v-8dd883c4]{font-size:var(--font-size-base)}@media (max-width:768px){.nav-container[data-v-8dd883c4]{flex-wrap:wrap;justify-content:space-around}.nav-link[data-v-8dd883c4]{padding:14px 18px;flex:1;justify-content:center;min-width:120px}.nav-link[data-v-8dd883c4],.nav-text[data-v-8dd883c4]{font-size:var(--font-size-sm)}.nav-icon[data-v-8dd883c4]{font-size:18px}}@media (max-width:480px){.nav-link[data-v-8dd883c4]{padding:12px 10px;font-size:var(--font-size-xs)}.nav-text[data-v-8dd883c4]{display:none}.nav-icon[data-v-8dd883c4]{font-size:22px}}*{margin:0;padding:0;box-sizing:border-box}#app{font-family:Segoe UI,Roboto,Arial,Helvetica Neue,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;background-size:cover;background-position:50%;background-repeat:no-repeat;color:var(--text-primary);line-height:1.6}.main-content{min-height:calc(100vh - 140px);padding:24px;max-width:1400px;margin:0 auto;background-color:transparent}:root{--deped-blue:#2a4b8f;--deped-blue-light:#3d6bb3;--deped-blue-dark:#1e3568;--deped-red:#ec1e25;--deped-red-light:#ff4757;--deped-red-dark:#c4191f;--header-bg:#7ca5b8;--header-bg-light:#8fb4c5;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-muted:#6b6b6b;--text-black:#000;--text-white:#fff;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--background-light:#f8f9fa;--bg-system:#f8f9fa;--border-color:#dee2e6;--border-color-light:#e9ecef;--shadow-sm:0 1px 3px rgba(0,0,0,.08);--shadow-md:0 4px 12px rgba(0,0,0,.1);--shadow-lg:0 8px 24px rgba(0,0,0,.12);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:28px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}body{font-size:var(--font-size-base);line-height:1.6}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-md);color:var(--text-secondary);line-height:1.7}input[type=date],input[type=email],input[type=number],input[type=text],input[type=time],select,textarea{font-size:var(--font-size-base);padding:10px 14px;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--deped-blue);box-shadow:0 0 0 3px rgba(42,75,143,.1)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-muted);opacity:.7}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.7}.btn,a.btn,button{font-size:var(--font-size-base);font-weight:600;padding:12px 20px;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;line-height:1.4}.btn:disabled,button:disabled{opacity:.6;cursor:not-allowed}.card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color-light);padding:var(--spacing-lg);transition:box-shadow .2s ease}.card:hover{box-shadow:var(--shadow-md)}table{width:100%;border-collapse:collapse;font-size:var(--font-size-base)}th{background:var(--bg-secondary);color:var(--text-primary);font-weight:700;text-align:left;border-bottom:2px solid var(--border-color);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}td,th{padding:14px 16px}td{border-bottom:1px solid var(--border-color-light);color:var(--text-secondary)}tr:hover{background:var(--bg-secondary)}.empty-state{padding:var(--spacing-xl);text-align:center;color:var(--text-muted);font-size:var(--font-size-lg)}label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm)}.home[data-v-1e6d401e]{padding:40px 20px;text-align:center}.welcome-section[data-v-1e6d401e]{background-color:var(--text-white);padding:40px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);max-width:800px;margin:0 auto}.welcome-title[data-v-1e6d401e]{color:var(--deped-blue);font-size:32px;font-weight:600;margin-bottom:15px}.welcome-subtitle[data-v-1e6d401e]{color:var(--deped-red);font-size:18px;font-weight:500}