@charset "UTF-8";:root{--logo-green: #9BD3AE;--logo-green-dark: #496E6E;--logo-green-soft: #CCE7D4;--primary: #496E6E;--primary-dark: #355352;--primary-light: #5f8f87;--accent: #2bb673;--danger: #d64545;--warning: #e0a800;--bg: #f4f6fa;--surface: #ffffff;--text: #1c2b3a;--muted: #6b7a8d;--border: #dde3ec;--radius: 10px;--shadow: 0 6px 24px rgba(73, 110, 110, .1)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:Inter,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--primary-light);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border:none;border-radius:var(--radius);font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-light)}.btn-accent{background:var(--accent);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:transparent;color:var(--primary);border:1px solid var(--border)}.btn-sm{padding:6px 12px;font-size:.85rem}.btn-block{width:100%}.field{margin-bottom:18px}.field label{display:block;margin-bottom:6px;font-size:.85rem;font-weight:600;color:var(--muted)}.input-wrap{position:relative;display:flex;align-items:center}.field input,.field select{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);font-size:.95rem;background:#fff;transition:border-color .15s}.field input:focus,.field select:focus{outline:none;border-color:var(--primary-light)}.field .toggle-pwd{position:absolute;right:8px;background:none;border:none;cursor:pointer;color:var(--muted);font-size:.8rem;padding:4px 8px}.field-error{color:var(--danger);font-size:.8rem;margin-top:5px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.alert{padding:12px 14px;border-radius:var(--radius);margin-bottom:16px;font-size:.9rem}.alert-error{background:#fdecea;color:var(--danger);border:1px solid #f5c6cb}.alert-success{background:#e7f6ee;color:#1d7a4d;border:1px solid #b8e6cc}.alert-info{background:#e8f0fb;color:var(--primary);border:1px solid #c6d8f2}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--border);font-size:.9rem}.table th{color:var(--muted);font-weight:600;background:#f8fafc}.table tr:hover td{background:#f8fafc}.badge{padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:600}.badge-success{background:#e7f6ee;color:#1d7a4d}.badge-danger{background:#fdecea;color:var(--danger)}.badge-warning{background:#fff6db;color:#97700a}.badge-muted{background:#eef1f6;color:var(--muted)}.page{max-width:1100px;margin:0 auto;padding:28px 18px}.page-title{font-size:1.5rem;margin:0 0 6px;color:var(--primary)}.section-title{color:var(--primary)}.page-subtitle{color:var(--muted);margin:0 0 24px}.row{display:flex;gap:12px;flex-wrap:wrap}.spacer{flex:1}.text-muted{color:var(--muted)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}