:root{--color-primary: #2196F3;--color-primary-dark: #1976D2;--color-success: #4CAF50;--color-warning: #FF9800;--color-danger: #f44336;--color-bg: #f5f7fa;--color-surface: #ffffff;--color-border: #e0e0e0;--color-text: #212121;--color-text-secondary: #757575;--shadow-sm: 0 1px 3px rgba(0,0,0,.12);--shadow-md: 0 4px 6px rgba(0,0,0,.1);--shadow-lg: 0 10px 25px rgba(0,0,0,.15)}*{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(--color-bg);color:var(--color-text)}#root{min-height:100vh}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card{background:var(--color-surface);border-radius:8px;padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.card:hover{box-shadow:var(--shadow-md);transition:box-shadow .2s ease}.btn{padding:10px 20px;border-radius:6px;border:none;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover{background:#45a049}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:#da190b}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-outline:hover{background:var(--color-bg)}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.badge-success{background:#e8f5e9;color:#2e7d32}.badge-warning{background:#fff3e0;color:#e65100}.badge-danger{background:#ffebee;color:#c62828}.badge-info{background:#e3f2fd;color:#1565c0}table{width:100%;border-collapse:collapse}tbody{overflow:visible}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--color-border);position:relative;overflow:visible}th{font-weight:600;color:var(--color-text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.5px}tr:hover{background:var(--color-bg)}input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary)}label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--color-text)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:var(--color-surface);padding:20px;border-radius:8px;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.stat-value{font-size:32px;font-weight:700;margin:10px 0}.stat-label{font-size:14px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}