.oph-login-container,.oph-purchases-container{font-family:inherit}.oph-login-container form{background:#f7f7f7;padding:30px;border-radius:5px}#oph-message{padding:10px 15px;border-radius:3px;display:none}#oph-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb;display:block}#oph-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;display:block}#oph-message.info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb;display:block}.oph-purchases-container table{margin-top:20px}.button-secondary{background-color:#f7f7f7!important;color:#333!important;border:1px solid #ddd!important}.button-secondary:hover{background-color:#e7e7e7!important}.oph-loading{opacity:.6;pointer-events:none}.oph-empty-state{background:#fff;border:none;padding:40px 30px;text-align:center;color:#333;margin:20px 0}.oph-empty-state svg{width:48px;height:48px;margin-bottom:16px;opacity:.6;stroke-width:1.5;color:#666}.oph-empty-state h3{color:#333;font-size:18px;margin:0 0 8px 0;font-weight:400}.oph-empty-state p{color:#666;font-size:14px;line-height:1.5;margin:0}@media screen and (max-width:768px){.oph-login-container,.oph-purchases-container{padding:0 15px;margin:30px auto}.oph-login-container form{padding:20px}.oph-empty-state{padding:30px 20px}.oph-empty-state svg{width:40px;height:40px}}