*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace;font-size:14px;color:#1a1a2e;background:#f5f5f5}a{color:#2563eb;text-decoration:none}button{cursor:pointer;padding:6px 12px;border:1px solid #d1d5db;border-radius:4px;background:#fff;font-size:13px}button:hover{background:#f3f4f6}button.primary{background:#2563eb;color:#fff;border-color:#2563eb}button.primary:hover{background:#1d4ed8}button.danger{background:#dc2626;color:#fff;border-color:#dc2626}input,select{padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:6px 10px;border-bottom:1px solid #e5e7eb;text-align:left;font-size:13px}th{background:#f9fafb;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;position:sticky;top:0}th:hover{background:#f3f4f6}tr:hover{background:#f9fafb}.positive{color:#16a34a}.negative{color:#dc2626}.muted{color:#9ca3af}.badge{display:inline-block;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:600}.badge-green{background:#dcfce7;color:#166534}.badge-red{background:#fef2f2;color:#991b1b}.badge-blue{background:#dbeafe;color:#1e40af}.badge-purple{background:#f3e8ff;color:#6b21a8}.badge-orange{background:#fff7ed;color:#9a3412}.app{min-height:100vh}.nav{background:#1e293b;color:#fff;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.nav h1{font-size:16px;font-weight:700}.nav-right{display:flex;gap:12px;align-items:center;font-size:13px}.content{padding:0;width:100%}.card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:16px;margin-bottom:16px}.card h2{font-size:15px;margin-bottom:12px}.row{display:flex;gap:16px;flex-wrap:wrap}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:12px 16px;min-width:180px}.stat-card .label{font-size:11px;color:#6b7280;text-transform:uppercase}.stat-card .value{font-size:22px;font-weight:700;margin-top:4px}.toolbar{display:flex;gap:8px;margin-bottom:0;align-items:center}.toolbar input[type=search]{width:250px}.presence-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:4px}.presence-dot.online{background:#22c55e}.presence-dot.offline{background:#9ca3af}.progress-bar{width:100px;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;display:inline-block;vertical-align:middle}.progress-fill{height:100%;border-radius:4px}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh}.login-form{background:#fff;padding:32px;border-radius:8px;border:1px solid #e5e7eb;width:320px}.login-form h1{font-size:20px;margin-bottom:20px}.login-form label{display:block;margin-bottom:4px;font-size:13px;font-weight:500}.login-form input{width:100%;margin-bottom:12px}.login-form button{width:100%}.login-form .error{color:#dc2626;font-size:13px;margin-bottom:8px}.upload-area{border:2px dashed #d1d5db;border-radius:6px;padding:16px;text-align:center;cursor:pointer}.upload-area:hover{border-color:#2563eb;background:#f8fafc}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}