*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#f4f6f9;color:#1a1a1a}#root{min-height:100vh}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column}.sidebar .logo{padding:24px;font-weight:700;font-size:16px;color:#0072bc}.sidebar nav{flex:1;padding:16px 0}.sidebar nav a{display:block;padding:12px 24px;color:#4b5563;text-decoration:none}.sidebar nav a:hover{background:#f3f4f6;color:#0072bc}.sidebar nav a.active{background:#eef2ff;color:#0072bc;font-weight:600}.sidebar-footer{padding:16px 24px;border-top:1px solid #e5e7eb;font-size:13px}.sidebar-footer .company{font-weight:600;margin:0 0 4px}.sidebar-footer .email{color:#6b7280;margin:0 0 12px}.main{flex:1;padding:32px;overflow:auto}.page h1{margin:0 0 8px;font-size:24px}.page .company-name{color:#6b7280;margin:0 0 24px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-bottom:32px}.card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000000f}.card h3{margin:0 0 12px;font-size:14px;color:#6b7280;text-transform:uppercase}.card .big{font-size:28px;font-weight:700;margin:0 0 12px;color:#0072bc}.card .link{color:#0072bc;text-decoration:none;font-size:14px}.card .link:hover{text-decoration:underline}.section{margin-bottom:32px}.section h2{font-size:18px;margin:0 0 16px}.btn{padding:10px 20px;border-radius:8px;border:1px solid #d1d5db;background:#fff;cursor:pointer;font-size:14px}.btn:hover{background:#f9fafb}.btn.primary{background:#0072bc;color:#fff;border-color:#0072bc}.btn.primary:hover{background:#005a94}.btn.primary:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:6px 12px;font-size:13px}.table-wrap{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}table{width:100%;border-collapse:collapse}th{text-align:left;padding:12px 16px;background:#f9fafb;font-size:12px;text-transform:uppercase;color:#6b7280}td{padding:12px 16px;border-top:1px solid #e5e7eb}td.negative{color:#dc2626}.muted{color:#6b7280;font-size:14px}.small{font-size:13px}.error{color:#dc2626;padding:8px 0;font-size:14px}.success{color:#059669;padding:8px 0;font-size:14px}.warning{color:#d97706;font-size:14px;margin-top:8px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.login-card{background:#fff;padding:40px;border-radius:16px;box-shadow:0 4px 20px #00000014;width:100%;max-width:400px}.login-card h1{margin:0 0 8px;font-size:24px;color:#1a1a1a}.login-card .subtitle{color:#6b7280;margin:0 0 24px}.login-card input{display:block;width:100%;padding:12px 16px;margin-bottom:16px;border:1px solid #d1d5db;border-radius:8px;font-size:15px}.login-card input:focus{outline:none;border-color:#0072bc}.login-card button{width:100%;padding:12px;background:#0072bc;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer}.login-card button:hover{background:#005a94}.login-card button:disabled{opacity:.7;cursor:not-allowed}.login-card .hint{margin-top:16px;font-size:13px;color:#6b7280}.center-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.form input{margin-bottom:12px}.form .card{margin-bottom:24px}.card.form{max-width:400px}.row{display:flex;gap:12px;align-items:center;margin-bottom:16px}.row input{flex:1;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px}.row.gap{margin-top:20px}.checkbox-list label{display:block;padding:10px 0;cursor:pointer}.checkbox-list label.disabled{opacity:.6;cursor:not-allowed}.checkbox-list input{margin-right:10px}.badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:12px}.badge.invited{background:#fef3c7;color:#92400e}.badge.registered{background:#d1fae5;color:#065f46}.badge.active{background:#dbeafe;color:#1e40af}.steps{display:flex;gap:16px;margin-bottom:24px;font-size:14px}.step{color:#9ca3af}.step.active{color:#0072bc;font-weight:600}.plan-list{display:flex;flex-direction:column;gap:8px;margin:16px 0}.plan-card{padding:16px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between}.plan-card:hover{border-color:#0072bc}.plan-card.selected{border-color:#0072bc;background:#f0f9ff}