:root{--bg:#f8fafc;--bg-card:#fff;--text:#334155;--text-light:#64748b;--text-heading:#0f172a;--border:#e2e8f0;--primary:#2563eb;--primary-hover:#1d4ed8;--danger:#dc2626;--success:#059669;--warning:#d97706;--radius:12px;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-lg:0 4px 12px #0000001a, 0 2px 4px #0000000f}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.5}.loading-screen{min-height:100vh;color:var(--text-light);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.login-page{background:linear-gradient(135deg,#eff6ff 0%,#f8fafc 50%,#f0fdf4 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:420px;padding:40px}.login-header{text-align:center;margin-bottom:32px}.login-header h1{color:var(--primary);margin-bottom:4px;font-size:1.75rem;font-weight:700}.login-header .subtitle{color:var(--text-light);font-size:.9rem}.error-banner{color:var(--danger);background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:.875rem}.field{margin-bottom:16px}.field label{color:var(--text-heading);margin-bottom:6px;font-size:.875rem;font-weight:500;display:block}.field input{border:1px solid var(--border);border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:.95rem;transition:border-color .2s}.field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:8px;padding:12px;font-size:1rem;font-weight:600;transition:background .2s}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.login-footer{text-align:center;color:var(--text-light);margin-top:24px;font-size:.875rem}.login-footer a{color:var(--primary);font-weight:500;text-decoration:none}.topbar{background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:var(--shadow);z-index:10;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.topbar__left{align-items:center;gap:16px;display:flex}.topbar__brand{color:var(--primary);margin:0;font-size:1.25rem;font-weight:700}.topbar__tenant{color:var(--text-light);background:#f1f5f9;border-radius:100px;padding:4px 12px;font-size:.875rem}.topbar__right{align-items:center;gap:16px;display:flex}.topbar__user{color:var(--text);font-size:.875rem;font-weight:500}.btn-logout{border:1px solid var(--border);color:var(--text-light);cursor:pointer;background:0 0;border-radius:8px;padding:6px 16px;font-size:.8rem;transition:all .2s}.btn-logout:hover{border-color:var(--danger);color:var(--danger)}.dashboard__content{max-width:900px;margin:0 auto;padding:32px 24px 64px}.dashboard__welcome{margin-bottom:32px}.dashboard__welcome h2{color:var(--text-heading);margin-bottom:8px;font-size:1.5rem;font-weight:700}.dashboard__welcome p{color:var(--text-light);font-size:.95rem}.trial-info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-top:12px;padding:10px 16px;font-size:.85rem}.module-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.module-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;padding:24px;transition:transform .2s,box-shadow .2s;display:flex}.module-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.module-card--locked{opacity:.75}.module-card--locked:hover{opacity:1}.module-card__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.module-card__icon{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;display:flex}.module-card__name{color:var(--text-heading);margin-bottom:4px;font-size:1.15rem;font-weight:600}.module-card__desc{color:var(--text-light);flex:1;margin-bottom:16px;font-size:.85rem}.badge{text-transform:uppercase;letter-spacing:.3px;border-radius:100px;padding:3px 10px;font-size:.7rem;font-weight:600}.badge-active{color:#166534;background:#dcfce7}.badge-trial{color:#1e40af;background:#dbeafe}.badge-paused{color:#92400e;background:#fef3c7}.badge-expired{color:#991b1b;background:#fee2e2}.badge-locked{color:#64748b;background:#f1f5f9}.module-card__progress{margin-bottom:16px}.progress-bar{background:#e2e8f0;border-radius:3px;height:6px;margin-bottom:4px;overflow:hidden}.progress-bar__fill{border-radius:3px;height:100%;transition:width .3s}.progress-text{color:var(--text-light);font-size:.75rem}.module-card__actions{margin-top:auto}.btn-open{text-align:center;color:#fff;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:block}.btn-open:hover{opacity:.9}.btn-unlock{cursor:pointer;background:0 0;border:2px dashed;border-radius:8px;width:100%;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.btn-unlock:hover{background:#2563eb0d}.btn-unlock:disabled{opacity:.5;cursor:wait}.btn-pause{border:1px solid var(--border);width:100%;color:var(--text-light);cursor:pointer;background:0 0;border-radius:8px;margin-top:8px;padding:8px;font-size:.8rem;transition:all .2s}.btn-pause:hover{border-color:var(--warning);color:var(--warning)}.btn-subscribe{background:var(--success);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:10px 20px;font-size:.9rem;font-weight:600;transition:opacity .2s}.btn-subscribe:hover{opacity:.9}.btn-group{flex-direction:column;display:flex}.empty-state{text-align:center;color:var(--text-light);padding:48px 24px}@media (width<=640px){.topbar{padding:12px 16px}.topbar__tenant,.topbar__user{display:none}.dashboard__content{padding:20px 16px 48px}.module-grid{grid-template-columns:1fr}.login-card{padding:28px 20px}}