:root{--color-bg: #f8f7f4;--color-surface: #ffffff;--color-primary: #2d6a4f;--color-primary-hover: #1b4332;--color-danger: #c0392b;--color-danger-hover: #922b21;--color-text: #1a1a1a;--color-text-muted: #6b7280;--color-border: #e5e7eb;--color-success: #2d6a4f;--radius: 6px;--shadow: 0 1px 3px rgba(0,0,0,.1);font-family:Georgia,serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);line-height:1.6}.navbar{background:var(--color-primary);color:#fff;display:flex;align-items:center;gap:2rem;padding:0 2rem;height:60px;box-shadow:var(--shadow)}.navbar-brand a{color:#fff;text-decoration:none;font-size:1.2rem;font-weight:700}.navbar-links{display:flex;gap:1.5rem;flex:1}.navbar-links a{color:#ffffffd9;text-decoration:none;font-size:.95rem}.navbar-links a:hover{color:#fff}.navbar-auth{margin-left:auto}.btn-login{background:#fff;color:var(--color-primary);padding:6px 14px;border-radius:var(--radius);text-decoration:none;font-size:.9rem;font-weight:600}.user-menu{display:flex;align-items:center;gap:1rem;color:#fff}.user-menu button{background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff;padding:4px 12px;border-radius:var(--radius);cursor:pointer}.main-content{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.page-container{max-width:700px}.page-container h1{font-size:1.8rem;margin-bottom:1rem;color:var(--color-primary)}.auth-card{max-width:400px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow)}.auth-card h1{font-size:1.5rem;margin-bottom:.5rem}.auth-description{color:var(--color-text-muted);font-size:.9rem;margin-bottom:1.5rem}.auth-footer{margin-top:1.5rem;font-size:.9rem;color:var(--color-text-muted);text-align:center}.auth-footer a{color:var(--color-primary)}.form-group{margin-bottom:1.2rem}.form-group label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.4rem}.form-group input,.form-group select{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:1rem;background:var(--color-surface)}.form-group input:focus,.form-group select:focus{outline:2px solid var(--color-primary);border-color:transparent}.form-group small{color:var(--color-text-muted);font-size:.8rem;margin-top:.3rem;display:block}.btn-primary{background:var(--color-primary);color:#fff;padding:10px 20px;border:none;border-radius:var(--radius);font-size:1rem;cursor:pointer;width:100%;font-weight:600;text-decoration:none;display:inline-block;text-align:center}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background:var(--color-danger);color:#fff;padding:8px 16px;border:none;border-radius:var(--radius);cursor:pointer;font-size:.9rem}.btn-danger:hover{background:var(--color-danger-hover)}.btn-approve{background:var(--color-primary);color:#fff;padding:8px 16px;border:none;border-radius:var(--radius);cursor:pointer;font-size:.9rem}.btn-sm{padding:4px 10px;font-size:.8rem}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:10px 14px;border-radius:var(--radius);margin-bottom:1rem;font-size:.9rem}.loading{padding:2rem;color:var(--color-text-muted)}.notes-list{list-style:none;display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.note-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem 1.2rem;box-shadow:var(--shadow)}.note-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.note-date{font-size:.85rem;color:var(--color-text-muted)}.note-body{font-size:.95rem;color:var(--color-text-muted);margin-bottom:.5rem}.note-pdf-link{font-size:.9rem;color:var(--color-primary)}.group-nav{display:flex;gap:1rem;margin-top:1rem}.group-nav a{color:var(--color-primary);font-weight:600}.admin-section{margin-bottom:2.5rem}.admin-section h2{font-size:1.2rem;margin-bottom:1rem;border-bottom:1px solid var(--color-border);padding-bottom:.5rem}.pending-user-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem 1.2rem;margin-bottom:.8rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow)}.pending-user-info{display:flex;flex-direction:column;gap:.2rem;font-size:.9rem}.pending-user-info strong{font-size:1rem}.pending-user-actions{display:flex;gap:.5rem}.group-badge{display:inline-block;background:#d1fae5;color:#065f46;font-size:.8rem;padding:2px 8px;border-radius:99px;font-weight:600}.submitted-date{color:var(--color-text-muted);font-size:.8rem}