:root{--bg: #f0fdf4;--white: #ffffff;--surface: #f6fef9;--border: #d1fae5;--primary: #059669;--primary-l: #10b981;--primary-pale: #d1fae5;--primary-dark: #047857;--accent: #34d399;--black: #0a0a0a;--black-soft: #111827;--green: #10b981;--green-pale: #d1fae5;--red: #ef4444;--red-pale: #fef2f2;--orange: #f59e0b;--orange-pale: #fffbeb;--text: #0a0a0a;--text2: #1f2937;--text3: #6b7280;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 4px 16px rgba(5,150,105,.08);--shadow-lg: 0 8px 32px rgba(5,150,105,.15);--radius: 14px;--radius-sm: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}input,select,textarea{font-family:Outfit,sans-serif;font-size:14px;width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--white);color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary-l);box-shadow:0 0 0 3px #10b98126}label{display:block;font-size:12px;font-weight:700;color:var(--text2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border:none;border-radius:var(--radius-sm);font-family:Outfit,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .18s;letter-spacing:.2px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--black);color:#fff;box-shadow:0 2px 8px #00000040}.btn-primary:hover:not(:disabled){background:#1f2937;transform:translateY(-1px);box-shadow:0 4px 14px #00000059}.btn-green{background:linear-gradient(135deg,var(--primary),var(--primary-l));color:#fff;box-shadow:0 2px 10px #0596694d}.btn-green:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark),var(--primary));transform:translateY(-1px);box-shadow:0 4px 16px #05966966}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-success{background:var(--green);color:#fff}.btn-success:hover:not(:disabled){background:var(--primary)}.btn-outline{background:transparent;border:1.5px solid var(--border);color:var(--text2)}.btn-outline:hover:not(:disabled){border-color:var(--primary-l);color:var(--primary);background:var(--primary-pale)}.btn-sm{padding:7px 14px;font-size:13px}.btn-full{width:100%;padding:13px;font-size:15px}.card{background:var(--white);border-radius:var(--radius);border:1.5px solid var(--border);box-shadow:var(--shadow);padding:24px}.form-group{margin-bottom:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 500px){.form-row{grid-template-columns:1fr}}.error-box{background:var(--red-pale);border:1px solid #fecaca;color:var(--red);border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:14px}.success-box{background:var(--green-pale);border:1px solid #6ee7b7;color:var(--primary-dark);border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:14px}.avatar{border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:32px;height:32px;font-size:12px}.avatar-md{width:42px;height:42px;font-size:15px}.avatar-lg{width:96px;height:96px;font-size:34px;border:4px solid var(--white);box-shadow:0 4px 20px #05966940}