:root{--bg-app: #f2f2f7;--bg-sidebar: #000000;--bg-card: #ffffff;--primary: #007aff;--primary-hover: #0062cc;--accent: #5856d6;--text-main: #1c1c1e;--text-muted: #8e8e93;--text-on-dark: #ffffff;--border-light: #e5e5ea;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .1);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px}*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}body{background:var(--bg-app);color:var(--text-main);min-height:100vh}#app{min-height:100vh}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.card:hover{box-shadow:var(--shadow-md)}h1,h2,h3,h4{font-weight:700;letter-spacing:-.5px;color:var(--text-main)}.title-gradient{background:none;-webkit-background-clip:unset;background-clip:unset;color:var(--text-on-dark)}.btn-primary{background:var(--text-main);color:#fff;border:none;padding:12px 24px;border-radius:var(--radius-sm);cursor:pointer;font-weight:500;font-size:.95rem;transition:all .2s cubic-bezier(.25,.8,.25,1)}.btn-primary:hover{background:#333;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-app);color:var(--text-main);border:1px solid var(--border-light);padding:12px 24px;border-radius:var(--radius-sm);cursor:pointer;font-weight:500;font-size:.95rem;transition:all .2s ease}.btn-secondary:hover{background:#e5e5ea}input,textarea,select{width:100%;padding:12px 14px;border:1px solid #c7c7cc;border-radius:var(--radius-sm);background:#fff;color:var(--text-main);font-size:1rem;transition:all .2s ease;box-shadow:inset 0 1px 2px #0000000d}input:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #007aff1a}label{display:block;margin-bottom:8px;font-size:.85rem;font-weight:700;color:#3a3a3c;text-transform:uppercase;letter-spacing:.5px}.docs-grid[data-v-84a7db96]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.doc-card[data-v-84a7db96]{padding:24px;display:flex;align-items:center;gap:20px;cursor:pointer;transition:all .2s ease;border-left:4px solid transparent}.doc-card[data-v-84a7db96]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-left-color:var(--primary)}.doc-icon[data-v-84a7db96]{font-size:2.5rem}.doc-info[data-v-84a7db96]{flex:1}.doc-info h3[data-v-84a7db96]{font-size:1.1rem;margin-bottom:4px}.category[data-v-84a7db96]{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.doc-action[data-v-84a7db96]{font-size:.9rem;font-weight:600;color:var(--primary)}.pdf-reader[data-v-84a7db96]{height:calc(100vh - 140px);display:flex;flex-direction:column}.pdf-header[data-v-84a7db96]{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-light)}.pdf-actions[data-v-84a7db96]{display:flex;gap:12px}.pdf-frame[data-v-84a7db96]{flex:1;border:none;border-radius:0 0 12px 12px}.leave-request-view[data-v-ee9ec083]{display:flex;justify-content:center;padding:20px}.form-card[data-v-ee9ec083]{max-width:800px;width:100%;padding:40px}.title-gradient[data-v-ee9ec083]{margin-bottom:10px;font-size:2rem}.subtitle[data-v-ee9ec083]{color:var(--text-muted);margin-bottom:30px}.form-grid[data-v-ee9ec083]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.full-width[data-v-ee9ec083]{grid-column:span 2}.form-group-row[data-v-ee9ec083]{display:flex;gap:20px}.form-group[data-v-ee9ec083]{display:flex;flex-direction:column;gap:8px;flex:1}.form-actions[data-v-ee9ec083]{margin-top:20px;display:flex;justify-content:flex-end}.btn-primary[data-v-ee9ec083]{padding:15px 30px;font-size:1rem}.absence-justification-view[data-v-b3930746]{display:flex;justify-content:center;padding:20px}.form-card[data-v-b3930746]{max-width:800px;width:100%;padding:40px}.form-grid[data-v-b3930746]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.full-width[data-v-b3930746]{grid-column:span 2}.form-group-row[data-v-b3930746]{display:flex;gap:20px;grid-column:span 2}.form-group[data-v-b3930746]{display:flex;flex-direction:column;gap:8px;flex:1}.form-actions[data-v-b3930746]{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.app-container[data-v-977e72a4]{display:flex;min-height:100vh}.sidebar[data-v-977e72a4]{width:280px;background:var(--bg-sidebar);color:var(--text-on-dark);padding:40px 24px;display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0}.logo h2[data-v-977e72a4]{font-size:1.5rem;font-weight:800;letter-spacing:-1px;margin-bottom:60px;color:#fff}.nav-links[data-v-977e72a4]{list-style:none;display:flex;flex-direction:column;gap:8px;flex:1}.nav-links li[data-v-977e72a4]{padding:12px 16px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;color:#8e8e93;font-weight:500}.nav-links li[data-v-977e72a4]:hover{color:#fff;background:#ffffff1a}.nav-links li.active[data-v-977e72a4]{background:#ffffff26;color:#fff;font-weight:600}.user-profile[data-v-977e72a4]{display:flex;align-items:center;gap:12px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.avatar[data-v-977e72a4]{width:40px;height:40px;background:#333;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.user-info[data-v-977e72a4]{display:flex;flex-direction:column}.user-info .name[data-v-977e72a4]{font-weight:600;font-size:.9rem;color:#fff}.user-info .role[data-v-977e72a4]{font-size:.8rem;color:#8e8e93}.content[data-v-977e72a4]{flex:1;display:flex;flex-direction:column;background:var(--bg-app)}.top-bar[data-v-977e72a4]{padding:40px 40px 20px;display:flex;justify-content:space-between;align-items:center}.top-bar h1[data-v-977e72a4]{font-size:2rem;color:var(--text-main)}.date-badge[data-v-977e72a4]{background:#fff;padding:6px 12px;border-radius:100px;font-size:.85rem;font-weight:600;border:1px solid var(--border-light);color:var(--text-muted)}.main-view[data-v-977e72a4]{padding:20px 40px 40px;max-width:1200px;width:100%}.intro-card[data-v-977e72a4]{padding:40px;margin-bottom:20px}.intro-card h3[data-v-977e72a4]{font-size:1.5rem;margin-bottom:8px}.intro-card p[data-v-977e72a4]{color:var(--text-muted);margin-bottom:24px}.actions[data-v-977e72a4]{display:flex;gap:16px}.stats-grid[data-v-977e72a4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card[data-v-977e72a4]{padding:24px;display:flex;flex-direction:column;gap:8px}.stat-label[data-v-977e72a4]{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-value[data-v-977e72a4]{font-size:2rem;font-weight:700}.stat-value.error[data-v-977e72a4]{color:#ff3b30}.forms-container[data-v-977e72a4]{display:flex;flex-direction:column;gap:30px}.form-selector[data-v-977e72a4]{display:flex;gap:4px;background:#e5e5ea;padding:4px;border-radius:var(--radius-sm);width:fit-content}.form-selector button[data-v-977e72a4]{background:transparent;border:none;padding:8px 16px;border-radius:4px;font-size:.9rem;font-weight:500;color:var(--text-muted)}.form-selector button.active[data-v-977e72a4]{background:#fff;color:var(--text-main);box-shadow:0 1px 3px #0000001a}.placeholder-card[data-v-977e72a4]{padding:60px;text-align:center;color:var(--text-muted)}