:root{--c-primary:#2D5A2E;--c-primary-hover:#1F4220;--c-primary-disabled:#8BB58C;--c-primary-bg:#EBF2EC;--c-secondary:#EEE9E2;--c-secondary-hover:#E0D9CF;--c-accent:#A8545F;--c-accent-hover:#8F3F49;--c-bg:#F4F0E8;--c-surface:#FEFCF7;--c-border:#D8D0C4;--c-border-light:#EAE5DC;--c-text:#1A2B1A;--c-text-muted:#526052;--c-text-light:#8A9E8A;--c-success:#2A5E2D;--c-success-bg:#E8F2E9;--c-success-border:#8BBD8E;--c-success-text:#1A4020;--c-danger:#B83232;--c-danger-bg:#FAEAEA;--c-danger-border:#E09090;--c-danger-text:#7A1A1A;--c-warning:#8A6000;--c-warning-bg:#FDF3DC;--c-warning-border:#D4A840;--c-warning-text:#5C3E00;--c-info:#2E5E70;--c-info-bg:#E4F0F4;--c-info-border:#7AB4C4;--c-info-text:#1A3E4C}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--c-bg);color:var(--c-text);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 24px}.nav{background:var(--c-surface);border-bottom:1px solid var(--c-border);padding:0 24px}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px}.nav-logo{font-size:1.25rem;font-weight:700;color:var(--c-primary);text-decoration:none}.nav-links{display:flex;gap:16px;align-items:center;list-style:none}.nav-links a{color:var(--c-text-muted);text-decoration:none;font-size:.9rem;transition:color .15s}.nav-links a:hover{color:var(--c-primary)}.card{background:var(--c-surface);border-radius:12px;padding:32px;box-shadow:0 1px 3px rgba(0,0,0,.08);border:1px solid var(--c-border-light)}.page-center{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;padding:32px 24px}.form-wrapper{width:100%;max-width:480px}.form-title{font-size:1.5rem;font-weight:700;margin-bottom:8px;color:var(--c-text)}.form-subtitle{color:var(--c-text-muted);font-size:.95rem;margin-bottom:24px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--c-text);margin-bottom:6px}.form-input{width:100%;padding:10px 14px;border:1px solid var(--c-border);border-radius:8px;font-size:.95rem;transition:border-color .15s,box-shadow .15s;background:var(--c-surface);color:var(--c-text)}.form-input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-bg)}.form-textarea{width:100%;padding:10px 14px;border:1px solid var(--c-border);border-radius:8px;font-size:.95rem;resize:vertical;min-height:100px;font-family:inherit;background:var(--c-surface);color:var(--c-text)}.form-textarea:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-bg)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;border:none;transition:all .15s;text-decoration:none}.btn-primary{background:var(--c-primary);color:#fff}.btn-primary:hover{background:var(--c-primary-hover)}.btn-primary:disabled{background:var(--c-primary-disabled);cursor:not-allowed}.btn-secondary{background:var(--c-secondary);color:var(--c-text);border:1px solid var(--c-border)}.btn-secondary:hover{background:var(--c-secondary-hover)}.btn-danger{background:var(--c-danger);color:#fff}.btn-danger:hover{filter:brightness(.9)}.btn-success{background:var(--c-success);color:#fff}.btn-success:hover{filter:brightness(.9)}.btn-full{width:100%}.btn-sm{padding:6px 12px;font-size:.8rem}.alert{padding:12px 16px;border-radius:8px;font-size:.9rem;margin-bottom:16px}.alert-error{background:var(--c-danger-bg);color:var(--c-danger-text);border:1px solid var(--c-danger-border)}.alert-success{background:var(--c-success-bg);color:var(--c-success-text);border:1px solid var(--c-success-border)}.alert-info{background:var(--c-info-bg);color:var(--c-info-text);border:1px solid var(--c-info-border)}.alert-warning{background:var(--c-warning-bg);color:var(--c-warning-text);border:1px solid var(--c-warning-border)}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:600}.badge-pending{background:var(--c-warning-bg);color:var(--c-warning-text)}.badge-approved{background:var(--c-success-bg);color:var(--c-success-text)}.badge-rejected{background:var(--c-danger-bg);color:var(--c-danger-text)}.badge-open{background:var(--c-info-bg);color:var(--c-info-text)}.badge-in-progress{background:var(--c-primary-bg);color:var(--c-primary)}.badge-completed{background:var(--c-success-bg);color:var(--c-success-text)}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:12px 16px;border-bottom:1px solid var(--c-border-light);font-size:.9rem}th{font-weight:600;color:var(--c-text-muted);background:var(--c-bg)}tr:hover td{background:var(--c-primary-bg)}.dashboard{padding:32px 0}.dashboard-header{margin-bottom:24px}.dashboard-title{font-size:1.5rem;font-weight:700;color:var(--c-text)}.dashboard-subtitle{color:var(--c-text-muted);font-size:.95rem;margin-top:4px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-bottom:32px}.stat-card{background:var(--c-surface);border-radius:12px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.06);border:1px solid var(--c-border-light)}.stat-value{font-size:2rem;font-weight:700;color:var(--c-primary)}.stat-label{font-size:.875rem;color:var(--c-text-muted);margin-top:4px}.role-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:24px}.role-card{display:block;padding:24px;border:2px solid var(--c-border);border-radius:12px;text-decoration:none;color:inherit;transition:all .15s;cursor:pointer;background:var(--c-surface)}.role-card:hover{border-color:var(--c-primary);box-shadow:0 4px 12px var(--c-primary-bg)}.role-card-icon{font-size:2rem;margin-bottom:12px}.role-card-title{font-size:1.1rem;font-weight:600;margin-bottom:6px;color:var(--c-text)}.role-card-desc{font-size:.875rem;color:var(--c-text-muted)}.link{color:var(--c-primary);text-decoration:none}.link:hover{text-decoration:underline}.text-center{text-align:center}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.flex{display:flex}.gap-2{gap:8px}.gap-4{gap:16px}.items-center{align-items:center}.justify-between,.section-header{justify-content:space-between}.section-header{display:flex;align-items:center;margin-bottom:16px}.section-title{font-size:1.1rem;font-weight:600;color:var(--c-text)}.empty-state{text-align:center;padding:48px 24px;color:var(--c-text-muted)}.empty-state-icon{font-size:3rem;margin-bottom:12px}.divider{border:none;border-top:1px solid var(--c-border-light);margin:20px 0}.notif-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--c-danger);margin-left:6px;vertical-align:middle}.notif-item{padding:14px 16px;border-bottom:1px solid var(--c-border-light);display:flex;align-items:flex-start;gap:12px}.notif-item.unread{background:var(--c-primary-bg)}.notif-message{flex:1 1;font-size:.9rem}.notif-time{font-size:.75rem;color:var(--c-text-light);white-space:nowrap}.pending-alert{background:var(--c-warning-bg);border:1px solid var(--c-warning-border);border-radius:8px;padding:16px;text-align:center;color:var(--c-warning-text)}