:root{--primary-green: #A8E063;--primary-green-dark: #8BC34A;--accent-green: #7CB342;--text-primary: #1a1a1a;--text-secondary: #6B7280;--text-muted: #9CA3AF;--bg-primary: #ffffff;--bg-secondary: #F9FAFB;--bg-tertiary: #F3F4F6;--border-color: #E5E7EB;--border-light: #F3F4F6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-secondary);color:var(--text-primary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}input,select,textarea,button{font-family:inherit}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary-green);outline-offset:-1px}a{color:inherit;text-decoration:none}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}button{cursor:pointer}table{border-collapse:collapse}.btn-primary{padding:10px 20px;background:var(--primary-green);color:var(--text-primary);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{background:var(--primary-green-dark);box-shadow:var(--shadow-md)}.btn-secondary{padding:10px 20px;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--bg-secondary)}.card{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-light);padding:24px;box-shadow:var(--shadow-sm)}.input-field{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;background:var(--bg-primary);color:var(--text-primary);transition:all .2s}.input-field:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px #a8e0631a}.avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-green);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:var(--text-primary);text-transform:uppercase}.badge{padding:4px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;display:inline-block}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-info{background:#dbeafe;color:#1e40af}.badge-error{background:#fee2e2;color:#991b1b}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:90vw;max-height:90vh;overflow:auto}